@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-sans:"Inter","Inter Fallback"}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/_next/static/media/eb251072d3b5478c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/_next/static/media/e92f802bb57ccffe-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(/_next/static/media/4b9bb515ce6d026f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/7088c2b12ccac062-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/665e920483964785-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/5611c55482296524-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Newsreader Fallback;src:local("Times New Roman");ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.00%;size-adjust:105.48%}.__className_f2c530{font-family:Newsreader,Newsreader Fallback}.__variable_f2c530{--font-serif:"Newsreader","Newsreader Fallback"}:root{--bg:#f3ebdd;--surface:#fffaf2;--text:#2b211a;--muted:#7d6b5c;--border:#e2d5c1;--accent:#7c3a24;--accent-text:#fff8ee;--star:#c58b1c;--danger:#b3261e;--chip:#eadfcd;--shadow:0 1px 2px rgb(60 40 20/0.06),0 4px 16px rgb(60 40 20/0.08);--radius:10px;--frame-top:#7a4e2f;--frame-bottom:#55351f;--wall:#2a1e16;--wall-glow:#3d2c20;--plank-edge:#b08256;--plank:#8a5c3a;--label:#f3e6d0;--label-muted:#b9a283;--ribbon:#b8322a;--reading-bg:#dcebd7;--reading-text:#2d5f33;--want-bg:#f4e6c1;--want-text:#7a5710;--read-bg:var(--chip);--read-text:var(--muted);--dnf-bg:#eed9d3;--dnf-text:#8a3326;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#16110d;--surface:#211a14;--text:#efe4d4;--muted:#a8957f;--border:#3a2e24;--accent:#e09a72;--accent-text:#16110d;--star:#e2a93b;--danger:#f2827a;--chip:#2d241c;--shadow:0 1px 2px rgb(0 0 0/0.3),0 4px 16px rgb(0 0 0/0.3);--frame-top:#5e3c24;--frame-bottom:#3d2715;--reading-bg:#22382a;--reading-text:#9fd3a6;--want-bg:#3a2f17;--want-text:#e8c46f;--dnf-bg:#3b2320;--dnf-text:#f0a99c;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans),system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}.brand,h1,h2{font-family:var(--font-serif),Georgia,serif;font-weight:600;letter-spacing:-.01em}main{max-width:1160px;margin:0 auto;padding:0 20px 72px}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.eyebrow a{text-decoration:none}.eyebrow a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1160px;margin:0 auto;padding:18px 20px}.brand{font-size:1.4rem;text-decoration:none}.site-header nav{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}.button:hover{border-color:var(--muted)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button.primary:hover{filter:brightness(1.08)}.button.ghost{background:transparent;border-color:transparent}.button.ghost:hover{border-color:var(--border)}.button.danger{color:var(--danger)}.button:disabled{opacity:.6;cursor:progress}.link-button{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}.intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin:20px 0 28px}.intro h1{margin:0;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1.05}.stats{display:flex;gap:28px;margin:0}.stats dt{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.stats dd{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:1.8rem;font-weight:600;line-height:1.2}input,select,textarea{height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.95rem;min-width:0}textarea{height:auto;padding:10px 12px;resize:vertical}input:disabled{opacity:.5}.segmented-option:has(input:focus-visible),a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin-bottom:32px}.toolbar[aria-busy=true]~.group{opacity:.6;transition:opacity .2s .15s}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 auto;min-width:0;max-width:100%}.toolbar-row-end{flex:0 1 auto;justify-content:flex-end}.search{position:relative;flex:1 1 240px;max-width:380px}.search svg{position:absolute;top:50%;left:12px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.search input{width:100%;padding-left:36px}.segmented{display:inline-flex;min-width:0;max-width:100%;overflow-x:auto;gap:2px;padding:3px;border-radius:10px;background:var(--chip);scrollbar-width:none}.segmented button,.segmented-option span{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;font-weight:500;white-space:nowrap;cursor:pointer}.segmented button:hover,.segmented-option span:hover{color:var(--text)}.segmented button[aria-pressed=true],.segmented-option input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgb(0 0 0/.12)}.segmented .count{font-size:.75rem;opacity:.6}.segmented.icons button{padding:0 9px}.segmented-option input{position:absolute;opacity:0;pointer-events:none}.inline-select{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.82rem}.inline-select select{height:36px;font-size:.88rem}.active-filter{display:flex;align-items:center;gap:10px;margin:-16px 0 24px;color:var(--muted);font-size:.9rem}.group{margin-bottom:44px}.group-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.group-head h2{margin:0;font-size:1.55rem;line-height:1.2}.group-head .count{color:var(--muted);font-size:.85rem}.bookcase{--book-w:116px;--book-h:calc(var(--book-w) * 1.5);--plank-h:14px;--label-h:60px;--row-gap:22px;--col-gap:26px;--pad:24px;--cell-h:calc(var(--book-h) + var(--plank-h) + var(--label-h));--row:calc(var(--cell-h) + var(--row-gap));padding:12px;border-radius:8px;background:linear-gradient(180deg,var(--frame-top),var(--frame-bottom));box-shadow:inset 0 1px 0 rgb(255 255 255/.16),inset 0 -2px 0 rgb(0 0 0/.25),0 14px 30px rgb(40 25 10/.25)}.shelf{display:grid;grid-template-columns:repeat(auto-fill,var(--book-w));grid-auto-rows:var(--cell-h);justify-content:start;grid-gap:var(--row-gap) var(--col-gap);gap:var(--row-gap) var(--col-gap);margin:0;padding:var(--pad) var(--pad) calc(var(--row-gap) - 6px);list-style:none;border-radius:4px;background:linear-gradient(180deg,transparent 0 var(--book-h),var(--plank-edge) var(--book-h) calc(var(--book-h) + 3px),var(--plank) calc(var(--book-h) + 3px) calc(var(--book-h) + var(--plank-h)),rgb(0 0 0/.5) calc(var(--book-h) + var(--plank-h)) calc(var(--book-h) + var(--plank-h) + 1px),rgb(0 0 0/.2) calc(var(--book-h) + var(--plank-h) + 1px) calc(var(--book-h) + var(--plank-h) + 10px),transparent calc(var(--book-h) + var(--plank-h) + 10px)) 0 var(--pad) /100% var(--row) repeat-y,radial-gradient(ellipse 80% 120% at 50% 0,var(--wall-glow),var(--wall));box-shadow:inset 0 8px 16px rgb(0 0 0/.45),inset 0 0 0 1px rgb(0 0 0/.4)}.shelf-book{display:flex;flex-direction:column;height:100%;border-radius:4px;color:var(--label);text-decoration:none}.shelf-book .cover{width:var(--book-w);height:var(--book-h);transform-origin:50% 100%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:inset -1px 0 0 rgb(255 255 255/.08),3px 0 0 rgb(0 0 0/.25),4px 2px 10px rgb(0 0 0/.5)}.shelf-book:focus-visible .cover,.shelf-book:hover .cover{transform:translateY(-10px) rotate(-2deg);box-shadow:3px 0 0 rgb(0 0 0/.25),8px 16px 22px rgb(0 0 0/.55)}.shelf-book.status-want .cover{filter:saturate(.6) brightness(.85)}.shelf-book.status-want:hover .cover{filter:none}.shelf-book.status-dnf .cover{filter:grayscale(.75) brightness(.75)}.shelf-book.status-dnf:hover .cover{filter:grayscale(.3)}.shelf-label{display:flex;flex-direction:column;gap:2px;height:calc(var(--label-h) - 8px);margin-top:calc(var(--plank-h) + 8px);overflow:hidden}.shelf-title{display:-webkit-box;overflow:hidden;font-family:var(--font-serif),Georgia,serif;font-size:.9rem;font-weight:600;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shelf-author{overflow:hidden;color:var(--label-muted);font-size:.74rem;white-space:nowrap;text-overflow:ellipsis}.cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:2/3;padding:22px 10px 18px 16px;overflow:hidden;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,rgb(0 0 0/.22) 0 5px,rgb(255 255 255/.1) 5px 7px,transparent 7px),linear-gradient(180deg,transparent 9px,var(--foil) 9px 10px,transparent 10px 12px,var(--foil) 12px 13px,transparent 13px),linear-gradient(0deg,transparent 9px,var(--foil) 9px 10px,transparent 10px 12px,var(--foil) 12px 13px,transparent 13px),linear-gradient(180deg,rgb(255 255 255/.06),rgb(0 0 0/.12)),var(--cloth);color:var(--ink)}.cover-title{display:-webkit-box;overflow:hidden;font-family:var(--font-serif),Georgia,serif;font-size:.95rem;font-weight:600;line-height:1.2;-webkit-line-clamp:5;-webkit-box-orient:vertical}.cover-author{font-size:.7rem;opacity:.85}.cover img{width:100%;height:100%;object-fit:cover}.cover img,.cover:after{position:absolute;inset:0}.cover:after{content:"";background:linear-gradient(90deg,rgb(0 0 0/.25) 0 4px,rgb(255 255 255/.12) 4px 6px,transparent 9px);pointer-events:none}.ribbon{position:absolute;top:-2px;right:12px;z-index:1;width:14px;height:34px;background:var(--ribbon);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);filter:drop-shadow(0 1px 1px rgb(0 0 0/.4))}.cover-large{max-width:260px;padding:30px 18px 26px 26px;box-shadow:4px 0 0 rgb(0 0 0/.15),8px 14px 30px rgb(40 25 10/.3)}.cover-large .cover-title{font-size:1.5rem}.cover-large .cover-author{font-size:.9rem}.cover-large .ribbon{right:22px;width:20px;height:52px}.cover-small{width:40px;padding:0;border-radius:1px 3px 3px 1px;flex:none}.cover-small .cover-author,.cover-small .cover-title{display:none}.cover-small .ribbon{right:4px;width:7px;height:14px}.book-list{margin:0;padding:0;overflow:hidden;list-style:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.book-list li+li{border-top:1px solid var(--border)}.row{display:grid;grid-template-columns:40px minmax(0,1fr) 140px 140px 84px;align-items:center;grid-gap:16px;gap:16px;padding:10px 16px;text-decoration:none}.row:hover{background:var(--chip)}.row-main{display:flex;flex-direction:column;min-width:0}.row-title{font-family:var(--font-serif),Georgia,serif;font-size:1.05rem;font-weight:600}.row-sub,.row-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-sub{color:var(--muted);font-size:.85rem}.row-rating{text-align:right}.chip{display:inline-block;padding:1px 10px;border-radius:999px;background:var(--chip);font-size:.78rem;text-decoration:none;white-space:nowrap}.chip-remove:hover{color:var(--danger)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-reading{background:var(--reading-bg);color:var(--reading-text)}.badge-want{background:var(--want-bg);color:var(--want-text)}.badge-read{background:var(--read-bg);color:var(--read-text)}.badge-dnf{background:var(--dnf-bg);color:var(--dnf-text)}.stars{color:var(--star);font-size:.9rem;letter-spacing:1px;white-space:nowrap}.stars-empty{opacity:.25}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px 20px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center}.empty p{margin:0}.empty-title{color:var(--text);font-family:var(--font-serif),Georgia,serif;font-size:1.5rem}.empty .button{margin-top:12px}.back{display:inline-block;margin:8px 0 24px;color:var(--muted);font-size:.9rem;text-decoration:none}.back:hover{color:var(--text)}.detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:44px;gap:44px;align-items:start}.detail h1{margin:0;font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.1}.detail-author{margin:8px 0 20px;color:var(--muted);font-family:var(--font-serif),Georgia,serif;font-size:1.25rem;font-style:italic}.detail-author a{-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.status-switch{margin-bottom:4px}.facts{display:flex;flex-wrap:wrap;gap:16px 40px;margin:24px 0}.facts dt{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.facts dd{margin:2px 0 0}.notes{margin-bottom:28px;padding:20px 22px;border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface);font-family:var(--font-serif),Georgia,serif;font-size:1.1rem;white-space:pre-wrap}.form-page{max-width:900px;margin:8px auto 0}.form-page h1,.narrow h1{margin:8px 0 24px;font-size:2.2rem}.narrow{max-width:400px;margin:8px auto 0}.form-layout{display:grid;grid-template-columns:200px minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start}.form-cover{position:-webkit-sticky;position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.form-cover .cover{max-width:200px}.form-main{display:flex;flex-direction:column;gap:16px}.lookup{padding:18px 20px;border:1px dashed var(--border);border-radius:var(--radius)}.lookup-results{margin-top:12px}.lookup-results p{margin:0;font-size:.9rem}.lookup-results ul{display:grid;grid-gap:4px;gap:4px;max-height:340px;margin:0;padding:0;overflow-y:auto;list-style:none}.lookup-results button{display:flex;align-items:center;gap:12px;width:100%;padding:6px 8px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.lookup-results button:hover{background:var(--chip)}.lookup-results button>span{display:flex;flex-direction:column;min-width:0}.lookup-results strong{font-family:var(--font-serif),Georgia,serif}.lookup-results .muted{font-size:.82rem}.filled-note{margin:0;color:var(--reading-text);font-size:.88rem}.book-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0}.field>legend,.field>span{padding:0;font-size:.85rem;font-weight:500}fieldset.field>legend{margin-bottom:6px}.field small{color:var(--muted);font-weight:400}.form-error{margin:0;color:var(--danger);font-size:.9rem}.form-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:760px){.toolbar-row-end{justify-content:flex-start}.search{max-width:none}.row{grid-template-columns:40px minmax(0,1fr) auto}.row-genre,.row-rating{display:none}.form-layout{grid-template-columns:1fr}.form-cover{position:static}.form-cover .cover{max-width:140px}}@media (max-width:640px){.site-header,main{padding-left:16px;padding-right:16px}.bookcase{--book-w:88px;--col-gap:14px;--pad:14px;--label-h:56px;padding:8px}.shelf{justify-content:space-evenly}.shelf-book .cover .cover-title{font-size:.75rem}.shelf-title{font-size:.8rem}.stats{gap:20px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.detail-layout>.cover-reveal{max-width:170px}.book-form{grid-template-columns:1fr;padding:18px}}.cover-tags{position:absolute;right:6px;bottom:6px;left:12px;justify-content:flex-end;z-index:1;display:flex;flex-wrap:wrap;gap:3px}.cover-tags span{padding:1px 6px;border-radius:3px;background:rgb(24 16 11/.82);color:#f3e6d0;font-family:var(--font-sans),system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.02em}.cover-large .cover-tags{right:10px;bottom:10px}.cover-large .cover-tags span{font-size:.75rem;padding:2px 8px}.mini-tag{display:inline-block;margin-left:8px;padding:0 6px;border-radius:4px;background:var(--chip);color:var(--muted);font-size:.72rem;font-weight:600}.bookcase.spines{--book-h:196px;--label-h:0px;--row-gap:20px}.shelf.spine-row{flex-wrap:wrap;gap:var(--row-gap) 3px}.shelf.spine-row,.spine-row li{display:flex;align-items:flex-end}.spine-row li{height:calc(var(--book-h) + var(--plank-h));padding-bottom:var(--plank-h)}.spine{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 0 30px;border:0;border-radius:3px 3px 1px 1px;--shade:linear-gradient(90deg,rgb(0 0 0/0.3),rgb(255 255 255/0.14) 30%,rgb(255 255 255/0.04) 60%,rgb(0 0 0/0.26));background:linear-gradient(180deg,transparent 12px,var(--foil) 12px 14px,transparent 14px 17px,var(--foil) 17px 18px,transparent 18px),linear-gradient(0deg,transparent 16px,var(--foil) 16px 18px,transparent 18px),var(--shade),var(--cloth);color:var(--ink);font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(0 0 0/.25),2px 0 3px rgb(0 0 0/.35);transition:transform .2s ease,filter .2s ease}.spine.spine-style-1{background:linear-gradient(180deg,transparent 10px,var(--foil) 10px 16px,transparent 16px),linear-gradient(0deg,transparent 12px,var(--foil) 12px 18px,transparent 18px),var(--shade),var(--cloth)}.spine.spine-style-2{background:linear-gradient(180deg,transparent 22px,rgb(0 0 0/.28) 22px calc(100% - 46px),transparent calc(100% - 46px)),linear-gradient(180deg,transparent 20px,var(--foil) 20px 21px,transparent 21px calc(100% - 45px),var(--foil) calc(100% - 45px) calc(100% - 44px),transparent calc(100% - 44px)),var(--shade),var(--cloth)}.spine.numbered{padding-top:36px}.spine-number{position:absolute;top:21px;left:0;right:0;font-family:var(--font-serif),Georgia,serif;font-size:.68rem;font-weight:700;line-height:1}.spine.spine-style-1 .spine-number{top:20px}.spine:hover{transform:translateY(-6px)}.spine[aria-expanded=true]{transform:translateY(-18px);filter:brightness(1.15)}.spine-title{writing-mode:vertical-rl;max-height:100%;font-family:var(--font-serif),Georgia,serif;font-size:.8rem;font-weight:600;line-height:1.1;text-overflow:ellipsis}.spine-author,.spine-title{overflow:hidden;white-space:nowrap}.spine-author{position:absolute;bottom:22px;max-width:100%;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase;opacity:.75;text-overflow:clip}.spine.status-want{filter:saturate(.55) brightness(.85)}.spine.status-dnf{filter:grayscale(.75) brightness(.7)}.spine.status-dnf:hover,.spine.status-want:hover{filter:none}.spine.status-reading:before{content:"";position:absolute;bottom:-14px;left:50%;width:7px;height:22px;margin-left:-3.5px;background:var(--ribbon);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.spine-detail{display:flex;gap:20px;align-items:flex-start;margin-top:12px;padding:18px;border-radius:4px;background:var(--wall);color:var(--label);box-shadow:inset 0 0 0 1px rgb(0 0 0/.4)}.spine-detail .cover{width:100px;flex:none}.spine-detail-text{display:flex;flex-direction:column;gap:4px;min-width:0}.spine-detail h3{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:1.3rem;line-height:1.2}.spine-detail p{margin:0;color:var(--label-muted)}.spine-detail-series{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.spine-detail-meta{display:flex;gap:12px;align-items:center;margin:4px 0 10px!important;font-size:.85rem}.button.on-dark{color:var(--label)}.button.on-dark:hover{border-color:rgb(255 255 255/.25)}.up-next{margin:-6px 0 32px}.up-next h2{margin:0 0 10px;font-size:1.15rem}.up-next ul{display:flex;gap:12px;margin:0;padding:2px 2px 8px;overflow-x:auto;list-style:none;scroll-snap-type:x mandatory}.up-next li{flex:none;scroll-snap-align:start}.up-next-card{display:flex;align-items:center;gap:12px;width:270px;height:100%;padding:10px 14px 10px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-decoration:none}a.up-next-card:hover{border-color:var(--muted)}.up-next-card.missing{border-style:dashed;background:transparent}.cover-ghost{display:grid;place-items:center;flex:none;width:40px;aspect-ratio:2/3;border:1.5px dashed var(--muted);border-radius:1px 3px 3px 1px;color:var(--muted);font-family:var(--font-serif),Georgia,serif;font-size:.85rem;opacity:.7}.up-next-text{display:flex;flex-direction:column;min-width:0;font-size:.82rem;line-height:1.35}.up-next-text strong{overflow:hidden;font-family:var(--font-serif),Georgia,serif;font-size:1rem;white-space:nowrap;text-overflow:ellipsis}.up-next-series{color:var(--accent);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.up-next-actions{display:flex;gap:12px;align-items:center;margin-top:2px}.up-next-actions a{color:var(--accent);font-weight:600}.up-next-actions .link-button{font-size:.8rem}.on-loan{margin:-12px 0 24px;color:var(--muted);font-size:.88rem}.on-loan a{color:var(--text)}.dnf-note{margin:12px 0 0;color:var(--dnf-text);font-size:.92rem}.panel{margin:0 0 24px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.panel p{margin:0}.panel-hint{margin-top:8px!important;color:var(--muted);font-size:.78rem}.lending{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.lending .panel-hint{flex-basis:100%;margin-top:0!important}.inline-form{display:flex;gap:8px;flex:1 1}.inline-form input{flex:1 1}.history h2{margin:0 0 10px;font-size:1.15rem}.history ol{display:grid;grid-gap:10px;gap:10px;margin:0 0 12px;padding:0;list-style:none}.history li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.history-n{min-width:64px;font-weight:600;font-size:.88rem}.history-remove{margin-left:auto}.history-notes{flex-basis:100%;padding-left:76px;color:var(--muted);font-family:var(--font-serif),Georgia,serif;white-space:pre-wrap}.log-reread summary{color:var(--accent);font-size:.9rem;font-weight:600;cursor:pointer}.reread-form{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.form-page-hint{margin:-14px 0 20px}.narrow-form{max-width:640px}.import{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.import p{margin:0}.import>.button,.import>button{align-self:flex-start}.import-steps{margin:0;padding-left:20px;line-height:1.8}.import-steps a{color:var(--accent)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 16px;border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer}.dropzone:focus-within,.dropzone:hover{border-color:var(--accent)}.dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone-title{font-family:var(--font-serif),Georgia,serif;font-size:1.15rem;font-weight:600}.import-found{font-size:1.05rem}.import-summary{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}.import-summary dt{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.import-summary dd{margin:0;font-family:var(--font-serif),Georgia,serif;font-size:1.5rem;font-weight:600}.import-sample{margin:0;padding:12px 16px;border-radius:8px;background:var(--chip);font-size:.88rem;list-style:none;line-height:1.8}.import-note{font-size:.85rem}.progress{height:10px;overflow:hidden;border-radius:999px;background:var(--chip)}.progress span{display:block;height:100%;background:var(--accent);transition:width .3s ease}@media (max-width:640px){.spine-detail{flex-direction:column}.history-notes{padding-left:0}.inline-form{flex-basis:100%}.import{padding:18px}}.cover-picker{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;border:1.5px dashed var(--border);border-radius:var(--radius);transition:border-color .15s,background .15s}.cover-picker.dragging{border-color:var(--accent);background:var(--chip)}.cover-picker-title{margin:0;font-size:.8rem;font-weight:600}.cover-upload{position:relative;height:34px;font-size:.85rem}.cover-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.cover-upload:focus-within{outline:2px solid var(--accent);outline-offset:2px}.cover-link{height:34px;font-size:.85rem}.cover-picker-hint{margin:0;color:var(--muted);font-size:.75rem;line-height:1.35}.cover-picker .form-error{font-size:.8rem}.button svg{width:16px;height:16px;flex:none}.button{gap:6px}.inline-icon{width:1em;height:1em;vertical-align:-.14em}.back{display:inline-flex;align-items:center;gap:6px}.back svg,.search svg{width:16px;height:16px}.dropzone-icon{width:28px;height:28px;margin-bottom:4px;color:var(--accent)}.segmented button{position:relative}.segmented button[aria-pressed=true]{background:transparent;box-shadow:none}.pill{position:absolute;inset:0;border-radius:7px;background:var(--surface);box-shadow:0 1px 2px rgb(0 0 0/.12)}.pill-label{position:relative;display:inline-flex;align-items:center;gap:6px}.spine:hover,.spine[aria-expanded=true]{transform:none}.spine-detail-wrap{overflow:hidden}.spine-detail-cover{flex:none;width:100px;perspective:600px;transform-style:preserve-3d}.spine-detail-cover .cover{width:100%}.cover-reveal{width:100%;max-width:260px}.site-footer{max-width:1160px;margin:0 auto;padding:0 20px 32px;color:var(--muted);font-size:.78rem}.site-footer a{color:inherit}.missing-covers{margin:-12px 0 24px;color:var(--muted);font-size:.88rem}.group-action{margin-left:auto;color:var(--accent);font-size:.82rem;font-weight:600;text-decoration:none}.group-action:hover{text-decoration:underline}.match-page{max-width:1000px}.match-page h2{margin:36px 0 12px;font-size:1.35rem}.matcher-preview{display:flex;flex-direction:column;gap:14px}.matcher .shelf-book.picked .cover{outline:3px solid var(--star);outline-offset:2px}.sets{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.set{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.set-head{align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:.9rem}.set-covers,.set-head{display:flex;flex-wrap:wrap}.set-covers{gap:8px}.set-covers .cover-ghost,.set-covers img{width:64px;height:96px;object-fit:cover;border-radius:2px 4px 4px 2px;box-shadow:2px 3px 8px rgb(0 0 0/.18)}.per-book h3{margin:20px 0 8px;font-family:var(--font-serif),Georgia,serif;font-size:1.05rem}.per-book h3 .muted{font-family:var(--font-sans),system-ui,sans-serif;font-size:.8rem;font-weight:400}.option-strip{display:flex;gap:10px;padding:4px 4px 10px;overflow-x:auto}.option{display:flex;flex:none;flex-direction:column;gap:4px;width:76px;padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:.66rem;text-align:left;cursor:pointer}.option img{width:76px;height:114px;object-fit:cover;border-radius:2px 4px 4px 2px;box-shadow:2px 3px 8px rgb(0 0 0/.18);transition:transform .15s}.option:hover img{transform:translateY(-3px)}.option[aria-pressed=true] img{outline:3px solid var(--star);outline-offset:2px}.option span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.intro-count{margin:0;font-size:.95rem}.landing{display:flex;flex-direction:column;gap:56px;padding-top:12px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:40px;gap:40px;align-items:center}.hero h1{margin:0;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.02}.hero-lede{max-width:34ch;margin:16px 0 24px;color:var(--muted);font-family:var(--font-serif),Georgia,serif;font-size:1.25rem;font-style:italic;line-height:1.45}.hero-case .shelf{justify-content:center}.hero-spine{animation:hero-spine-in .6s cubic-bezier(.2,.8,.3,1.2) both}@keyframes hero-spine-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-spine{animation:none}}.hero-case .spine{text-decoration:none;transition:transform .2s ease}.hero-case .spine:hover{transform:translateY(-6px)}.landing-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:0}.landing-stats>div{padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.landing-stats dt{color:var(--muted);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.landing-stats dd{margin:4px 0 0;font-family:var(--font-serif),Georgia,serif;font-size:2.2rem;font-weight:600;line-height:1.1}.landing-section h2{margin:0 0 16px;font-size:1.7rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.section-link:hover{text-decoration:underline}.cover-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:20px;gap:20px;margin:0;padding:0;list-style:none}.cover-card{display:flex;flex-direction:column;gap:4px;text-decoration:none}.cover-card .cover{margin-bottom:8px;box-shadow:3px 0 0 rgb(0 0 0/.12),6px 10px 20px rgb(40 25 10/.18);transition:transform .2s ease,box-shadow .2s ease}.cover-card:hover .cover{transform:translateY(-4px) rotate(-1deg);box-shadow:3px 0 0 rgb(0 0 0/.12),10px 18px 28px rgb(40 25 10/.24)}.cover-card-title{display:-webkit-box;overflow:hidden;font-family:var(--font-serif),Georgia,serif;font-size:1rem;font-weight:600;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cover-card-sub{overflow:hidden;color:var(--muted);font-size:.8rem;white-space:nowrap;text-overflow:ellipsis}.genre-bar{display:flex;gap:3px;height:18px;overflow:hidden;border-radius:999px}.genre-bar span{flex-basis:0;min-width:6px}.genre-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0;padding:0;list-style:none;font-size:.9rem}.genre-legend li{display:flex;align-items:center;gap:8px}.genre-legend a{text-decoration:none}.genre-legend a:hover{text-decoration:underline}.swatch{width:10px;height:10px;border-radius:3px}.landing-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:28px 32px;border:1px dashed var(--border);border-radius:var(--radius)}.landing-cta h2{margin:0 0 6px;font-size:1.5rem}.landing-cta p{max-width:52ch;margin:0}@media (max-width:860px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.cover-row{grid-template-columns:repeat(6,120px);overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.cover-row li{scroll-snap-align:start}.landing-stats{grid-template-columns:repeat(2,1fr)}}.landing>*{min-width:0}@media (max-width:640px){.site-header nav{gap:2px}.site-header nav .button{padding:0 10px}.site-header nav .nav-label{display:none}.site-header .brand{font-size:1.2rem}}