*{box-sizing:border-box}:root{--brown: #7c3f11;--brown-dark: #5d2f0c;--cream: #fdf6ec;--card: #ffffff;--ink: #2b1d12;--muted: #7a6a5c;--green: #1a7a3a;--green-bg: #e3f5e9;--orange: #b45309;--orange-bg: #fdeed7;--red: #b91c1c;--border: #e4d5c3}html{font-size:18px}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Noto Sans Devanagari,Mukta,sans-serif;background:var(--cream);color:var(--ink);line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--brown);color:#fff;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.header h1{font-size:1.3rem;margin:0}.header h1 a{color:#fff;text-decoration:none}.header .sub{display:block;font-size:.75rem;font-weight:400;opacity:.85}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav a,.nav button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:.45rem .8rem;font-size:.95rem;text-decoration:none;cursor:pointer}.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:1rem}h2{font-size:1.4rem;margin:.5rem 0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:56px;padding:.7rem 1.4rem;font-size:1.15rem;font-weight:600;border-radius:14px;border:none;cursor:pointer;background:var(--brown);color:#fff;text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{background:#fff;color:var(--brown);border:2px solid var(--brown)}.btn.danger{background:#fff;color:var(--red);border:2px solid var(--red)}.btn.big{width:100%;min-height:72px;font-size:1.3rem}.btn-row{display:flex;gap:.8rem;flex-wrap:wrap;margin:1rem 0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.2rem;margin-bottom:1rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:600;margin-bottom:.3rem}.field label .en{font-weight:400;color:var(--muted);font-size:.85rem}.field input,.field select,.field textarea{width:100%;font-size:1.15rem;padding:.7rem;border:2px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #d9a76a;border-color:var(--brown)}.search-wrap{position:relative;margin-bottom:1rem}.search-wrap>.icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-box{width:100%;font-size:1.25rem;padding:.9rem 1rem .9rem 2.9rem;border:2px solid var(--brown);border-radius:14px}.icon{flex-shrink:0;vertical-align:-.2em}.nav a{display:inline-flex;align-items:center;gap:.35rem}.home-input{font-size:1rem;padding:.5rem .7rem;border:2px solid var(--border);border-radius:10px;width:220px;font-family:inherit}.success-badge{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--green-bg);color:var(--green);font-size:1.6rem;margin-bottom:.5rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.book-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.book-card .thumb{width:100%;aspect-ratio:3 / 4;object-fit:cover;background:#efe3d0;display:flex;align-items:center;justify-content:center;color:var(--muted)}.book-card .info{padding:.6rem}.book-card .title{font-weight:700;font-size:1.05rem;line-height:1.3}.book-card .author{color:var(--muted);font-size:.9rem;margin-top:.15rem}.chip{display:inline-block;font-size:.85rem;font-weight:600;border-radius:999px;padding:.15rem .7rem;margin-top:.4rem}.chip.available{background:var(--green-bg);color:var(--green)}.chip.loaned{background:var(--orange-bg);color:var(--orange)}.error{background:#fdecec;color:var(--red);border:1px solid #f5c2c2;border-radius:10px;padding:.8rem 1rem;margin:.8rem 0;font-size:1.05rem}.notice{background:var(--green-bg);color:var(--green);border-radius:10px;padding:.8rem 1rem;margin:.8rem 0;font-size:1.05rem}.muted{color:var(--muted)}.cover-photo{max-width:100%;max-height:420px;border-radius:12px;border:1px solid var(--border)}.photo-preview{width:150px;border-radius:10px;border:1px solid var(--border)}.center{text-align:center;padding:2rem 1rem}.spinner{display:inline-block;width:42px;height:42px;border:5px solid var(--border);border-top-color:var(--brown);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.list-row:last-child{border-bottom:none}.auth-page{max-width:440px;margin:2rem auto;padding:0 1rem}.auth-page .brand{text-align:center;margin-bottom:1.5rem}.auth-page .brand .devanagari{font-size:2rem;font-weight:700;color:var(--brown)}.tab-row{display:flex;gap:.5rem;margin-bottom:1rem}.tab-row button{flex:1;padding:.7rem;font-size:1.05rem;border-radius:10px;border:2px solid var(--brown);background:#fff;color:var(--brown);cursor:pointer}.tab-row button.active{background:var(--brown);color:#fff}.detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 720px){.detail-grid{grid-template-columns:320px 1fr}}dl.book-facts{margin:0}dl.book-facts dt{font-size:.85rem;color:var(--muted);margin-top:.7rem}dl.book-facts dd{margin:0;font-size:1.2rem}dl.book-facts dd.big{font-size:1.6rem;font-weight:700}