@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-italic-hN89MLGX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f7e9ee;--ink:#3b1f3a;--muted:#7d5f7b;--wax:#a3243b;--lilac:#cdb7e3;--lilac-ink:#3b1f3a;--sheet:#fffbfc;--rule:#d9bfd0;--shelf-wood:#9a6445;--shelf-wood-dark:#6c422d;--shelf-back:#f1e2d4;--shelf-empty:#d3bba8;--display:"IM Fell English", Georgia, serif;--text:"Figtree Variable", system-ui, sans-serif;font-family:var(--text);color:var(--ink);background:var(--paper)}@media (prefers-color-scheme:dark){:root{--paper:#1f1224;--ink:#f7e9ee;--muted:#b79bb5;--wax:#ee8fa1;--lilac:#4a3258;--lilac-ink:#f2e6f7;--sheet:#2a1a31;--rule:#503a5c;--shelf-wood:#7a4f37;--shelf-wood-dark:#4a2d1f;--shelf-back:#1a0f1e;--shelf-empty:#4a3258}}*{box-sizing:border-box}body{background:var(--paper);margin:0;line-height:1.5}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--wax);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{max-width:720px;margin:0 auto;padding:14vh 20px 64px;transition:padding-top .3s}main.has-books{padding-top:40px}.page.with-shelf{grid-template-columns:minmax(0,720px) 300px;justify-content:center;align-items:start;gap:28px;padding:0 20px;display:grid}.page.with-shelf main{margin:0;padding-left:0;padding-right:0}.hero{text-align:center;margin-bottom:36px}h1{font-family:var(--display);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2.4rem,8.5vw,4.2rem);font-weight:400;line-height:1.05}h1 span{display:block}.subtitle{font-family:var(--display);color:var(--muted);margin:0;font-size:clamp(1.2rem,3.5vw,1.6rem);font-style:italic}.book-input{text-align:center;max-width:520px;margin:0 auto}.book-input input[type=text]{width:100%;font:inherit;text-align:center;color:var(--ink);border:0;border-bottom:1.5px solid var(--rule);background:0 0;background-image:linear-gradient(var(--wax), var(--wax));background-position:bottom;background-repeat:no-repeat;background-size:0 2px;border-radius:0;outline:none;padding:10px 4px;font-size:1.15rem;transition:background-size .25s}.book-input input[type=text]:focus{background-size:100% 2px}.book-input input::placeholder{font-family:var(--display);color:var(--muted);font-style:italic}.search{position:relative}.suggestions{z-index:20;background:var(--sheet);border:1px solid var(--rule);text-align:left;border-radius:6px;max-height:18rem;margin-top:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #00000047}.suggestions li{cursor:pointer;padding:10px 14px}.suggestions li+li{border-top:1px dotted var(--rule)}.suggestions li:hover,.suggestions li[aria-selected=true]{background:var(--lilac);color:var(--lilac-ink)}button,select{font:inherit;color:var(--ink);background:var(--sheet);border:1px solid var(--rule);cursor:pointer;border-radius:6px;padding:5px 12px}button:hover{border-color:var(--wax)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 1.15rem) 55%,calc(100% - .8rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.2rem}.stars{gap:2px;display:inline-flex}.star{text-align:center;width:1.7rem;height:1.7rem;font-size:1.6rem;line-height:1.7rem;display:inline-block;position:relative}.star-glyph{color:var(--rule)}.star-fill{color:var(--wax);pointer-events:none;position:absolute;inset:0}.star-fill.fill-half{clip-path:inset(0 50% 0 0)}.star-fill.fill-empty{clip-path:inset(0 100% 0 0)}.half{cursor:pointer;width:50%;position:absolute;top:0;bottom:0}.half.left{left:0}.half.right{right:0}.half:has(:focus-visible){outline:3px solid var(--wax);outline-offset:1px;border-radius:3px}.shelf{max-height:min(36rem,100vh - 48px);color:var(--ink);background:var(--shelf-back);border:7px solid var(--shelf-wood);box-shadow:inset 0 0 0 1px var(--shelf-wood-dark), inset 0 10px 16px #00000024, 4px 4px 0 var(--shelf-wood-dark);border-radius:4px;flex-direction:column;margin-top:40px;padding:16px 14px 14px;display:flex;position:sticky;top:24px}.shelf h2{font-family:var(--display);flex:none;margin:0 0 8px;font-size:1.5rem;font-weight:400}.shelf-empty{font-family:var(--display);color:var(--muted);margin:8px 0 0;font-style:italic}.shelf-books{scrollbar-width:thin;scrollbar-color:var(--shelf-wood) transparent;min-height:0;margin-right:-8px;padding-right:8px;overflow-y:auto}.shelf-books li{border-bottom:7px solid var(--shelf-wood);box-shadow:0 3px 0 var(--shelf-wood-dark);grid-template-columns:44px minmax(0,1fr);gap:12px;margin-bottom:10px;padding:8px 0 10px;display:grid}.cover-frame.small{width:44px;height:66px;box-shadow:3px 3px #00000047}.shelf .star-glyph{color:var(--shelf-empty)}.shelf-body{min-width:0}.shelf-head{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.shelf-title{font-family:var(--display);font-size:1.05rem;line-height:1.2}.shelf-controls{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.shelf .star{width:1.35rem;height:1.35rem;font-size:1.3rem;line-height:1.35rem}.remove{color:var(--muted);background:0 0;border-color:#0000;flex:none;margin:-2px -6px 0 0;padding:0 8px;font-size:1.2rem;line-height:1.4}.remove:hover{color:var(--wax)}.shelf-toggle,.shelf-backdrop{display:none}.remember{border-top:1px dotted var(--shelf-wood);color:var(--muted);flex:none;margin:6px 0 0;padding-top:12px;font-size:.85rem}.remember label{font-family:var(--display);color:var(--ink);cursor:pointer;font-size:1.05rem}.remember input{accent-color:var(--wax)}.remember-note{margin:4px 0 0}.remember-more{margin-top:2px}.remember-more summary{cursor:pointer;font-size:.8rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline-block}.remember-more p{margin:4px 0 0}.remember .reset{margin-top:10px}.mood-bar{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px 6px;margin:34px 0 28px;display:flex}.mood-label{font-family:var(--display);color:var(--muted);padding:6px 4px 0;font-style:italic}.chip{background:var(--lilac);color:var(--lilac-ink);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 7px),0 100%);border:0;border-radius:3px 3px 0 0;padding:6px 10px 14px;font-size:.92rem}.chip:hover{background:var(--lilac);filter:brightness(.96)}.chip.dim{opacity:.45;cursor:default}.chip.dim:hover{filter:none}.chip[aria-pressed=true]{background:var(--wax);color:#fff;font-weight:600}@media (prefers-color-scheme:dark){.chip[aria-pressed=true]{color:#1f1224}}.filters{text-align:center;max-width:640px;margin:-10px auto 28px}.filters summary{cursor:pointer;font-family:var(--display);color:var(--muted);padding:4px 10px;font-size:1.1rem;font-style:italic;display:inline-block}.filters summary:hover,.filters[open] summary{color:var(--ink)}.filter-panel{text-align:left;background:var(--sheet);border:1px solid var(--rule);border-radius:8px;margin-top:10px;padding:6px 18px 16px}.filter-hint{color:var(--muted);margin:10px 0 4px;font-size:.85rem;font-style:italic}.filter-row{border-top:1px dotted var(--rule);grid-template-columns:9.5rem minmax(0,1fr);align-items:start;gap:6px 16px;padding:12px 0;display:grid}.filter-row:first-of-type{border-top:0}.filter-label{font-family:var(--display);padding-top:3px;font-size:1.05rem}.filter-row select{justify-self:start}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:0 0;border-radius:999px;padding:3px 12px;font-size:.88rem}.pill[data-state=only]{background:var(--wax);border-color:var(--wax);color:#fff}@media (prefers-color-scheme:dark){.pill[data-state=only]{color:#1f1224}}.pill[data-state=skip]{border-style:dashed;border-color:var(--wax);color:var(--muted);text-decoration:line-through}@media (width<=600px){.filter-panel{padding:4px 14px 14px}.filter-row{grid-template-columns:1fr}.filter-label{padding-top:0}}.reset{margin-top:12px;font-size:.9rem}.spice-note{font-family:var(--display);color:var(--muted);margin:8px 0 0;font-size:.95rem;font-style:italic}.card-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.add{border-radius:999px;padding:4px 14px;font-size:.85rem}.add:hover{background:var(--wax);border-color:var(--wax);color:#fff}@media (prefers-color-scheme:dark){.add:hover{color:#1f1224}}.note{text-align:center;color:var(--muted);font-family:var(--display);font-size:1.15rem;font-style:italic}.note button{font-family:var(--text);margin-top:8px;font-style:normal}.results{gap:0;display:grid}.card{border-bottom:1px dotted var(--rule);gap:18px;padding:20px 0;display:flex}.card:first-child{border-top:1px dotted var(--rule)}.cover-frame{background:var(--lilac);width:88px;height:132px;box-shadow:3px 3px 0 var(--rule);border-radius:3px;flex:none;overflow:hidden}.cover{object-fit:cover;opacity:0;color:#0000;width:100%;height:100%;font-size:0;transition:opacity .3s;display:block}.cover.loaded{opacity:1}.pages{justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.pages span{font-family:var(--display);color:var(--muted);font-style:italic}.pages button:disabled{opacity:.4;cursor:default}.pages button:disabled:hover{border-color:var(--rule)}.card-body h3{font-family:var(--display);margin:0;font-size:1.45rem;font-weight:400;line-height:1.2}.byline{color:var(--muted);margin:2px 0 6px;font-size:.95rem}.percent{font-family:var(--display);color:var(--wax);margin:0 0 10px;font-size:1.15rem;font-style:italic}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--lilac);color:var(--lilac-ink);border-radius:3px;padding:2px 10px;font-size:.85rem}.tag.heat{color:var(--wax);align-items:center;gap:1px;padding:2px 8px;display:inline-flex}.pepper{fill:currentColor;width:1.15rem;height:1.15rem}.pepper[data-state=maybe]{opacity:.5}.pepper[data-state=empty]{opacity:.2}footer{text-align:center;color:var(--muted);margin-top:48px;font-size:.85rem}footer a{color:inherit}@media (width>=1368px){.page.with-shelf{padding:0;display:block}.page.with-shelf main{margin:0 auto;padding-left:20px;padding-right:20px}.shelf{width:300px;max-height:min(36rem,100vh - 80px);margin:0;position:fixed;top:40px;left:calc(50% + 384px)}}@media (width<=900px){.page.with-shelf{padding:0;display:block}.page.with-shelf main{padding-bottom:96px;padding-left:20px;padding-right:20px}.shelf-toggle{z-index:31;background:var(--wax);border-color:var(--wax);color:#fff;border-radius:999px;padding:10px 18px;display:block;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 18px #0000004d}.shelf{z-index:30;visibility:hidden;border-bottom:0;border-radius:10px 10px 0 0;max-height:65vh;margin:0;padding-bottom:76px;transition:transform .25s,visibility .25s;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -10px 30px #0000004d}.shelf.open{visibility:visible;transform:none}.shelf-backdrop{z-index:29;background:#00000073;display:block;position:fixed;inset:0}.shelf{padding-top:12px;padding-bottom:68px}.shelf h2{margin-bottom:4px;font-size:1.3rem}.remember{margin-top:2px;padding-top:8px}.remember label{font-size:.95rem}.remember-more{margin-top:0}.remember .reset{margin-top:6px}}@media (width<=900px),(pointer:coarse){.shelf .star{width:2.5rem;height:2.5rem;font-size:2.4rem;line-height:2.5rem}.remove{margin:-6px -10px 0 0;padding:4px 14px;font-size:1.6rem}.shelf-controls{gap:8px 12px}}@media (width<=900px) and (prefers-color-scheme:dark){.shelf-toggle{color:#1f1224}}@media (width<=480px){.cover-frame{width:72px;height:108px}.card{gap:14px}}@media (prefers-reduced-motion:reduce){main,.book-input input[type=text],.cover,.shelf{transition:none}}