:root{--background:#f3f0e8;--surface:#fffdf8;--ink:#25241f;--muted:#716f66;--line:#dcd6c8;--accent:#24564a;--accent-hover:#19453b;--danger:#9a403a;--danger-hover:#7c2e29;--success:#246645;--shadow:0 18px 50px #39322317}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 12% 0%, #ffffffbf, transparent 35rem), var(--background);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{width:min(100% - 2rem,68rem);margin:0 auto;padding:2.5rem 0 5rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3.5rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:720;display:inline-flex}.brand-mark{color:#fffdf8;background:var(--accent);border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;display:grid;box-shadow:0 6px 18px #24564a38}.account{color:var(--muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.intro{grid-template-columns:minmax(0,1fr) minmax(18rem,28rem);align-items:end;gap:3rem;margin-bottom:2.25rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .65rem;font-size:.78rem;font-weight:750}h1{letter-spacing:-.055em;max-width:12ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,8vw,5.4rem);font-weight:500;line-height:.94}.lede{color:var(--muted);margin:1.25rem 0 0;font-size:1rem;line-height:1.65}.panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8d1;border:1px solid #fffc;border-radius:1.25rem}.create-panel{padding:1.35rem}.create-panel h2,.catalogue-header h2{letter-spacing:-.01em;margin:0;font-size:1rem}.book-form{grid-template-columns:1.25fr 1fr 7rem auto;align-items:start;gap:.75rem;display:grid}.create-panel .book-form{grid-template-columns:1fr;margin-top:1rem}.field{gap:.38rem;display:grid}.field label{color:var(--muted);font-size:.75rem;font-weight:650}.field input{border:1px solid var(--line);width:100%;min-height:2.75rem;color:var(--ink);background:var(--surface);border-radius:.7rem;outline:none;padding:.68rem .78rem;transition:border-color .12s,box-shadow .12s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #24564a1f}.field-error{color:var(--danger);font-size:.75rem}.button{color:#fff;background:var(--accent);border:0;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.75rem;padding:.7rem 1rem;font-weight:680;transition:background .12s,transform .12s;display:inline-flex}.button:hover{background:var(--accent-hover)}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;opacity:.65}.button-secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.button-secondary:hover{background:#25241f0d}.button-danger{color:var(--danger);background:0 0}.button-danger:hover{color:#fff;background:var(--danger-hover)}.button-quiet{min-height:2.25rem;color:var(--muted);background:0 0;padding:.45rem .7rem;font-size:.82rem}.button-quiet:hover{color:var(--ink);background:#25241f0f}.form-message{color:var(--danger);margin:.75rem 0 0;font-size:.82rem}.form-message[data-status=success]{color:var(--success)}.catalogue{overflow:hidden}.catalogue-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.1rem 1.35rem;display:flex}.count{color:var(--muted);font-size:.82rem}.book-list{display:grid}.book-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:1.15rem 1.35rem;display:grid}.book-row:last-child{border-bottom:0}.book-actions{align-items:end;gap:.35rem;display:flex}.empty-state{color:var(--muted);text-align:center;padding:4.5rem 1.5rem}.empty-state p{margin:.35rem 0 0;font-size:.9rem}.login-shell{place-items:center;min-height:100svh;padding:1.25rem;display:grid}.login-card{width:min(100%,27rem);padding:2rem}.login-card h1{max-width:none;margin-top:2rem;font-size:3rem}.login-card .lede{margin-bottom:2rem}.google-button{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);gap:.75rem}.google-button:hover{background:#f8f5ee}.google-mark{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:700}@media (max-width:820px){.intro{grid-template-columns:1fr;align-items:start;gap:2rem}.book-form{grid-template-columns:1fr 1fr 6rem}.book-form>.button{grid-column:1/-1}.book-row{grid-template-columns:1fr}.book-actions{justify-content:flex-end}}@media (max-width:560px){.shell{width:min(100% - 1.25rem,68rem);padding-top:1rem}.topbar{align-items:flex-start;margin-bottom:2.5rem}.account{text-align:right;flex-direction:column;align-items:flex-end;gap:.3rem}.account span{text-overflow:ellipsis;max-width:10rem;overflow:hidden}.book-form{grid-template-columns:1fr}.book-form>.button{grid-column:auto}.book-actions{grid-template-columns:1fr 1fr;display:grid}}