:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--card:#fff;--text:#111827;--muted:#6b7280;--border:#d1d5db}*{box-sizing:border-box}body{color:var(--text);background:#1a0f0a;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}a{color:#1d4ed8}.app-shell{min-height:100dvh}.panel-signout-form{margin-top:.25rem}.main-layout,.bookcase-panel{display:block}.bookcase-panel canvas{touch-action:manipulation;width:100%;height:100dvh;display:block}.search-panel{z-index:55;background:var(--card);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;max-height:80dvh;padding:1rem;transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .2s;position:fixed;top:0;left:0;right:0;overflow:auto;transform:translateY(-110%);box-shadow:0 4px 28px #00000038}.search-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.search-panel-inner{gap:.75rem;max-width:600px;margin:0 auto;display:grid}.controls-panel,.notes-panel{z-index:50;background:var(--card);pointer-events:none;width:min(420px,100vw);padding:1rem;transition:transform .26s cubic-bezier(.4,0,.2,1),opacity .2s;position:fixed;top:0;bottom:0;overflow:auto}.controls-panel{border-right:1px solid var(--border);opacity:0;align-content:start;gap:1rem;display:grid;left:0;right:auto;transform:translate(-105%);box-shadow:4px 0 28px #00000038}.notes-panel{border-left:1px solid var(--border);opacity:0;left:auto;right:0;transform:translate(105%);box-shadow:-4px 0 28px #00000038}.controls-panel.open,.notes-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.hint{color:var(--muted);margin:.5rem 0 0;font-size:.92rem}.controls-panel h2,.notes-panel h2{margin:0 0 .65rem;font-size:1.05rem}.stacked-form,.inline-form{gap:.55rem;display:grid}.inline-form{grid-template-columns:repeat(2,1fr) auto;align-items:end}.inline-form--search{grid-template-columns:minmax(0,1fr) auto}.search-field{min-width:0}label{gap:.25rem;font-size:.9rem;display:grid}input,textarea,select,button{font:inherit;border-radius:.5rem}input,textarea,select{border:1px solid var(--border);width:100%;padding:.55rem .65rem}button{color:#fff;cursor:pointer;background:#111827;border:1px solid #111827;padding:.5rem .7rem}button:hover{opacity:.95}.secondary-btn{color:#111827;background:#fff}.floating-btn{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.floating-btn:focus-visible,.panel-close:focus-visible{outline-offset:2px;outline:3px solid #1d4ed8}.danger-btn{background:#b91c1c;border-color:#b91c1c}#selected-book-label{min-height:1.25rem;color:var(--text);margin:0;font-weight:600}.selected-book-meta,.cover-picker-label{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.selected-book-orientation{margin-top:.65rem}.selected-book-orientation-controls{align-items:center;gap:.5rem;display:flex}.selected-book-orientation-controls select{flex:1}.search-results{gap:.6rem;margin-top:.75rem;display:grid}.search-result{border:1px solid var(--border);border-radius:.7rem;grid-template-columns:56px minmax(0,1fr);gap:.6rem;padding:.7rem;display:grid}.search-result.active{border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}.search-result-cover,.cover-option-preview,.cover-option-fallback{object-fit:cover;background:linear-gradient(#e5e7eb,#cbd5e1);border:1px solid #1118271f;border-radius:.55rem;width:56px;height:84px;display:block}.search-result-copy h3,.search-result-copy p{margin:0}.search-result-copy{gap:.25rem;display:grid}.search-result-copy button{width:fit-content;margin-top:.2rem}.cover-picker{flex-wrap:wrap;gap:.5rem;margin-top:.45rem;display:flex}.cover-option{color:inherit;background:0 0;border:1px solid #0000;padding:.2rem}.cover-option.selected{border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}.cover-option-empty{color:var(--muted);font-size:.92rem}.metadata-refresh-list{gap:.45rem;max-height:12rem;margin-top:.75rem;display:grid;overflow:auto}.metadata-refresh-item{border:1px solid var(--border);border-radius:.6rem;gap:.2rem;padding:.55rem .65rem;display:grid}.metadata-refresh-item label{align-items:center;gap:.5rem;display:flex}.metadata-refresh-item input{width:auto}.metadata-refresh-item small{color:var(--muted)}.metadata-refresh-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.panel-header h2{margin:0}.panel-close{justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.overlay-backdrop{z-index:40;background:#11182773;position:fixed;inset:0}.notes-panel .notes-inner{height:100%;padding-right:.2rem;overflow:auto}.notes-list{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.note-item{border:1px solid var(--border);border-radius:.55rem;gap:.45rem;padding:.6rem;display:grid}.note-item h3,.note-item p{margin:0}.note-actions{gap:.5rem;display:flex}.notes-panel[data-theme=mint]{background:#e8fff6}.notes-panel[data-theme=dark]{color:#f9fafb;background:#111827}.notes-panel[data-theme=dark] .note-item{background:#1f2937;border-color:#374151}.auth-shell{background:linear-gradient(#f3f4f6,#e5e7eb);place-items:center;min-height:100dvh;padding:1rem;display:grid}.auth-card{border:1px solid var(--border);background:#fff;border-radius:1rem;gap:.85rem;width:min(100%,26rem);padding:1rem;display:grid}.auth-card h1,.auth-card p{margin:0}.auth-status{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:.65rem;padding:.55rem .65rem}.auth-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:.65rem;padding:.55rem .65rem}.auth-divider{border-top:1px solid var(--border);padding-top:.5rem}.auth-switch{color:var(--muted);font-size:.92rem}@media (width<=640px){body{overflow:auto}.inline-form,.inline-form--search,.search-result{grid-template-columns:1fr}.metadata-refresh-actions{flex-direction:column}.controls-panel,.notes-panel{width:100vw;padding:.9rem}button,input,textarea,select{min-height:42px}.auth-shell{align-items:start;padding-top:1.5rem}}