:root{--bg:#f5f7fa;--panel:#ffffff;--panel-alt:#f1f5f9;--border:#d9e1e8;--accent:#0d9488;--accent-hover:#0b7d73;--text:#1e2932;--text-dim:#5b6b7a;--danger:#dc2626;--radius:10px;--focus:0 0 0 2px rgba(13,148,136,.5);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}h2,h3{margin:0 0 .75rem;font-weight:600;letter-spacing:.5px}p{line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:.65rem 1.05rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:.15s}button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}button.secondary{background:var(--panel-alt);border:1px solid var(--border);color:var(--text)}button.secondary:hover:not(:disabled){background:#e3eaf0}input{width:100%;background:var(--panel-alt);border:1px solid var(--border);color:var(--text);padding:.65rem .75rem;border-radius:var(--radius);font-size:.85rem;outline:none;transition:.15s}input:focus{border-color:var(--accent);box-shadow:var(--focus);background:#fff}.app-shell{max-width:1180px;margin:0 auto;padding:2rem clamp(1rem,2.5vw,2rem) 4rem;display:flex;flex-direction:column;gap:2rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff,#f1f5f9);padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.header h2{font-size:1.15rem;background:linear-gradient(90deg,#0d9488,#14b8a6);-webkit-background-clip:text;color:transparent}.panel{background:var(--panel);border:1px solid var(--border);padding:1.25rem 1.25rem 1.5rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 14px -4px #2c3e501f}.panel.compact{padding:1rem 1.1rem}.grid-books{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.book-card{background:var(--panel-alt);border:1px solid var(--border);padding:.95rem 1rem 1.05rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.45rem;position:relative;transition:.18s;min-height:170px}.book-card:hover{border-color:#b8c5d1;transform:translateY(-2px);box-shadow:0 6px 18px -6px #2c3e502e}.book-card strong{font-size:.95rem;line-height:1.2}.badge{display:inline-flex;align-self:flex-start;padding:.28rem .6rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.6px;border-radius:100px;background:#d1f5f1;color:#065f56;font-weight:600}.status{margin-top:auto;font-size:.62rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;display:inline-flex;padding:.32rem .6rem;border-radius:6px;background:#e2eef5;color:#284555}.status.unavailable{background:#fde2e2;color:#b42323}.inline-filter{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-stack{display:grid;gap:.75rem}.profile-box{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem}.profile-meta{display:grid;gap:.25rem;font-size:.75rem;letter-spacing:.3px;color:var(--text-dim)}.count-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.45rem}.count-pill{background:#dceff2;color:#0d5d56;padding:.45rem .7rem;font-size:.6rem;border-radius:100px;letter-spacing:.5px;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:fade .25s ease;z-index:200}@keyframes fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal{background:var(--panel);border:1px solid var(--border);padding:1.45rem 1.45rem 1.65rem;width:100%;max-width:430px;border-radius:var(--radius);display:grid;gap:1rem;box-shadow:0 12px 34px -10px #2c3e5040}.modal h3{margin:0;font-size:1rem;font-weight:600;color:#0f3e3a}.separator{height:1px;width:100%;background:linear-gradient(90deg,transparent,#d9e1e8 10%,#d9e1e8 90%,transparent);margin:.25rem 0 .75rem}.empty{font-size:.8rem;color:var(--text-dim);padding:.75rem .85rem;background:var(--panel-alt);border:1px dashed var(--border);border-radius:var(--radius)}.footer-note{text-align:center;font-size:.65rem;color:var(--text-dim);margin-top:2rem;padding:1.5rem 0 4rem;letter-spacing:.5px}@media (max-width:760px){.app-shell{padding:1.25rem 1rem 3rem}.header{flex-wrap:wrap;gap:.75rem}.profile-box{flex-direction:column}.book-card{min-height:160px}}