@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/too-many-books/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/too-many-books/assets/jost-latin-ext-wght-normal-BDUtSsKd.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:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/too-many-books/assets/jost-latin-wght-normal-ObQm3Zd1.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{--bg:#f2ead6;--side:#e7dbbb;--panel:#ece1c6;--card:#fbf6e7;--ink:#2b2218;--mute:#6b5d48;--rule:#d2c4a1;--cardink:#2b2218;--cardmute:#6b5d48;--accent:#c9500f;--onaccent:#fff;--error:#a3260f;--star-off:#8a7a52;--star-fill:#ddd0ac;--star-on:var(--accent);--card-star-off:#8a7a52;--card-star-fill:#ddd0ac;--card-accent:#c9500f;--shadow:40 25 5;--ease:cubic-bezier(.16, 1, .3, 1);--side-w:184px;--panel-w:372px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#241d16;--side:#1a1510;--panel:#2d251c;--card:#f3ead4;--ink:#f0e6cf;--mute:#b8a98c;--rule:#4a3f30;--accent:#e8792b;--onaccent:#1a1510;--error:#ff9a6b;--star-off:#7d6e56;--star-fill:#3a3125;--shadow:0 0 0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;overscroll-behavior:none;font-family:Jost Variable,system-ui,sans-serif;font-size:16px;line-height:1.4}::selection{background:var(--accent);color:var(--onaccent)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}ul,ol{padding:0;list-style:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.app{grid-template-columns:var(--side-w) minmax(0, 1fr) var(--panel-w);height:100dvh;display:grid}.side{background:var(--side);padding:28px 0 20px;padding-left:env(safe-area-inset-left);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.brand{letter-spacing:.02em;text-transform:uppercase;padding:0 20px 28px;font-size:22px;font-weight:800;line-height:1.02}.brand i{background:var(--accent);width:44px;height:6px;margin-bottom:10px;display:block}.side ul{display:grid}.nav-item{text-align:left;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 20px;font-size:17px;font-weight:500;display:flex}.nav-item[aria-current=page]{background:var(--bg);font-weight:700}.nav-item[aria-current=page] svg{color:var(--accent)}.nav-label{flex:1}.nav-count{color:var(--mute);font-size:13px}.add,.theme{border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:0 20px;font-weight:700;display:flex}.add{background:var(--ink);color:var(--bg);margin-top:auto}.theme{color:var(--mute);min-height:44px;margin-top:10px;font-size:14px;font-weight:500}.library{padding:28px 28px 48px;padding-right:max(28px, env(safe-area-inset-right));min-width:0;overflow-y:auto}.lib-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}h1{letter-spacing:-.01em;text-wrap:balance;font-size:36px;font-weight:800;line-height:1.05}.sample-note{color:var(--mute);font-size:14px}.tools{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.search{border:1px solid var(--rule);background:var(--card);min-height:46px;color:var(--cardmute);border-radius:6px;flex:150px;align-items:center;gap:10px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--cardink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search input::placeholder{color:var(--cardmute);opacity:1}.search:focus-within{outline:3px solid var(--accent);outline-offset:2px}.select.lbl{align-items:center;gap:8px;display:flex}.sel-l{color:var(--mute);font-size:14px;font-weight:600}.select select{border:1px solid var(--rule);background:var(--card);min-height:46px;color:var(--cardink);border-radius:6px;padding:0 12px}.shelf-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 26px;display:flex}.shelf-tab{border:1px solid var(--rule);border-radius:99px;flex:none;min-height:44px;padding:0 14px;font-size:15px;font-weight:500}.shelf-tab span{color:var(--mute);margin-left:4px;font-size:13px}.shelf-tab[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.shelf-tab[aria-pressed=true] span{color:inherit;opacity:.75}.wall{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:30px 20px;display:grid}.wall-item{flex-direction:column;gap:4px;min-width:0;display:flex}.cap{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:13px;line-height:1.25;overflow:hidden}.jacket{--ink-genre:#1f3e8c;aspect-ratio:2/3;text-align:center;background:var(--card);width:100%;color:var(--cardink);box-shadow:0 1px 2px rgb(var(--shadow) / .28), 0 8px 16px rgb(var(--shadow) / .16);transition:transform .26s var(--ease), box-shadow .26s var(--ease);grid-template-rows:22% 1fr 14%;display:grid;overflow:hidden;container-type:inline-size}.jacket .band{background:var(--ink-genre);color:#fff}.band-top{letter-spacing:.12em;text-transform:uppercase;place-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:1.2;display:grid}.jacket-title{font-size:clamp(11px, min(13cqw, calc((100cqw - 20px) / (var(--wl,8) * .6))), 27px);letter-spacing:-.005em;text-wrap:balance;align-content:center;justify-items:center;padding:8px 10px;font-weight:800;line-height:1.1;display:grid;position:relative;overflow:hidden}.jacket-title small{color:var(--cardmute);letter-spacing:0;margin-top:6px;font-size:11px;font-weight:500;display:block}button.jacket{display:grid}.jacket-title:before,.jacket-title:after{content:"";background:var(--cardmute);opacity:.35;height:1px;position:absolute;left:12%;right:12%}.jacket-title:before{top:9%}.jacket-title:after{bottom:9%}.band-foot{letter-spacing:.14em;text-transform:uppercase;place-items:center;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:grid}@media (hover:hover){button.jacket:hover{box-shadow:0 2px 3px rgb(var(--shadow) / .28), 0 14px 24px rgb(var(--shadow) / .2);transform:translateY(-4px)}}.jacket.is-selected{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--ink), 0 12px 22px rgb(var(--shadow) / .2);transform:translateY(-4px)}.jacket:focus-visible{outline:3px solid var(--accent);outline-offset:9px;border-radius:0}.jacket-panel{flex:none;width:108px}.stars{gap:1px;line-height:0;display:inline-flex}.star-off{fill:var(--star-fill);stroke:var(--star-off);stroke-width:1.4px;stroke-linejoin:round}.star-on{fill:var(--star-on)}.unrated{color:var(--mute);font-size:12px;font-style:italic}.panel{background:var(--panel);border-left:1px solid var(--rule);padding:28px 26px 40px;padding-right:max(26px, env(safe-area-inset-right));min-height:0;overflow-y:auto}.panel-close{align-items:center;gap:4px;min-height:44px;margin:-8px 0 8px -8px;padding:0 8px;font-weight:600;display:none}.panel-empty{color:var(--mute);padding-top:40px}.panel-empty-title{color:var(--ink);margin-bottom:6px;font-size:22px;font-weight:800}.panel-body{animation:panel-in .32s var(--ease);gap:22px;display:grid}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.work-head{align-items:flex-start;gap:18px;display:flex}.work-head h2{letter-spacing:-.005em;text-wrap:balance;font-size:27px;font-weight:800;line-height:1.08}.work-author{margin-top:6px;font-size:17px}.work-meta{color:var(--mute);margin-top:4px;font-size:14px}.chips-static{flex-wrap:wrap;gap:8px;display:flex}.chips-static li{border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600}.chips-static .chip-tag{font-weight:500}.chip-genre{background:var(--ink-genre,#1f3e8c);color:#fff}.chip-tag{border:1px solid var(--rule)}.section-head{background:var(--ink-genre,#1f3e8c);color:#fff;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.rows{display:grid}.row{background:var(--card);color:var(--cardink);border-bottom:1px solid var(--rule);padding:12px 14px}.row-main{justify-content:space-between;align-items:center;gap:10px;display:flex}.row-main .stars,.row-main .unrated{margin-left:auto}.row-title{font-size:16px;font-weight:700}.row-tag{letter-spacing:.1em;border:1px solid var(--cardmute);color:var(--cardmute);border-radius:3px;padding:1px 7px;font-size:11px;font-weight:700}.row-sub{color:var(--cardmute);margin-top:2px;font-size:14px}.row-sub em{font-style:normal}.row-review{margin-top:8px;font-size:15px;line-height:1.45}.none{color:var(--mute);font-size:15px}.state{max-width:46ch;color:var(--mute);justify-items:start;gap:6px;padding:64px 0;display:grid}.state-title{color:var(--ink);font-size:24px;font-weight:800}.state .btn-quiet{margin-top:12px}.btn-quiet{border:1px solid var(--ink);min-height:44px;color:var(--ink);border-radius:4px;padding:0 18px;font-weight:600}@media (width<=1099px){.app{grid-template-columns:var(--side-w) minmax(0, 1fr)}.panel{width:min(440px,92vw);box-shadow:-12px 0 32px rgb(var(--shadow) / .28);visibility:hidden;transition:transform .32s var(--ease), visibility 0s linear .32s;z-index:5;position:fixed;top:0;bottom:0;right:0;transform:translate(104%)}.app[data-panel=open] .panel{visibility:visible;transition-delay:0s;transform:none}.panel-close{display:flex}}@media (width<=759px){.app{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh}.library{padding:20px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));overflow:visible}h1{font-size:30px}.side{z-index:4;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:1px solid var(--rule);flex-direction:row;position:fixed;bottom:0;left:0;right:0;overflow:visible}.brand,.theme,.nav-count{display:none}.side ul{flex:1;display:flex}.side li{flex:1}.nav-item{flex-direction:column;justify-content:center;gap:2px;min-height:64px;padding:6px 0;font-size:12px}.nav-item[aria-current=page]{box-shadow:inset 0 3px 0 var(--accent)}.nav-label{flex:none}.add{border-radius:0;flex-direction:column;gap:2px;width:64px;margin:0;font-size:12px}.shelf-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-right:-16px;overflow-x:auto}.wall{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:24px 12px}.search{flex-basis:100%}.select{flex:1}.select select{width:100%}.panel{width:100vw;padding-bottom:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.add-short{display:none}@media (width<=759px){.add-full{display:none}.add-short{display:inline}}.scrim{display:none}@media (width<=1099px){.scrim{z-index:4;background:rgb(var(--shadow) / .35);animation:panel-in .32s var(--ease);display:block;position:fixed;inset:0}}@media (width<=759px){.scrim{display:none}}.jacket-title.has-cover{padding:0}.jacket-title.has-cover:before,.jacket-title.has-cover:after{display:none}.jacket-title img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.jacket-mini{flex:none;width:72px}.jacket-mini .band-top,.jacket-mini .band-foot{font-size:0}.jacket-mini .jacket-title{padding:2px 4px;font-size:11px}.jacket-mini .jacket-title:before,.jacket-mini .jacket-title:after{display:none}.add-screen .form{gap:26px;max-width:620px;margin-top:22px;display:grid}.field{border:0;gap:10px;min-width:0;padding:0;display:grid}.label,.field legend{letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:0;font-size:13px;font-weight:700}.hint-inline,.hint{letter-spacing:0;text-transform:none;color:var(--mute);font-size:13px;font-weight:400}.input{border:1px solid var(--rule);background:var(--card);width:100%;min-height:48px;color:var(--cardink);border-radius:6px;padding:10px 14px;font-size:16px}textarea.input{resize:vertical;line-height:1.45}.input::placeholder{color:var(--cardmute);opacity:1}.search.big{min-height:52px}.combo{position:relative}.results{z-index:3;background:var(--card);color:var(--cardink);border:1px solid var(--rule);box-shadow:0 12px 28px rgb(var(--shadow) / .22);border-radius:6px;max-height:380px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.result{cursor:pointer;border-bottom:1px solid var(--rule);grid-template-columns:1fr auto;align-items:center;gap:0 12px;min-height:52px;padding:10px 14px;display:grid}.result-title{font-size:16px;font-weight:700}.result-sub{color:var(--cardmute);text-align:right;font-size:14px}.result[aria-selected=true]{background:var(--ink);color:var(--bg)}.result[aria-selected=true] .result-sub{color:inherit;opacity:.8}.result.manual{background:var(--card);border-top:1px solid var(--rule);border-bottom:0;display:block;position:sticky;bottom:0}.result-tag{border:1px solid var(--cardmute);color:var(--cardmute);border-radius:99px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:600}.result[aria-selected=true] .result-tag{color:inherit;border-color:currentColor}.result-note{color:var(--cardmute);padding:12px 14px;font-size:14px}.picked{border:1px solid var(--rule);background:var(--panel);border-radius:6px;align-items:flex-start;gap:16px;padding:14px;display:flex}.picked-text{flex:1;gap:4px;min-width:0;display:grid}.picked-title{font-size:22px;font-weight:800;line-height:1.1}.picked-sub{font-size:16px}.picked-note{color:var(--mute);font-size:13px}.inline-field{margin-top:4px;display:block}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border:1px solid var(--rule);border-radius:99px;min-height:44px;padding:0 16px;font-size:15px;font-weight:500}.segmented button[aria-checked=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}.btn-link{min-height:44px;color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);justify-self:start;padding:0 4px;font-weight:600;text-decoration-thickness:2px}.stars-input{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.stars-pick{display:flex}.star-slot{place-items:center;width:44px;height:44px;display:grid;position:relative}.star-half{width:50%;position:absolute;top:0;bottom:0}.star-half-l{left:0}.star-half-r{right:0}.star-half:focus-visible{outline-offset:-2px}.stars-readout{color:var(--mute);min-width:5ch;font-size:14px}.genre-picks{flex-wrap:wrap;gap:8px;display:flex}.genre-pick{border:2px solid var(--ink-genre);border-radius:99px;min-height:44px;padding:0 14px;font-size:15px;font-weight:600}.genre-pick[aria-pressed=true]{background:var(--ink-genre);color:#fff}.sug{opacity:.8;font-size:13px;font-weight:400}.form-actions{flex-wrap:wrap;align-items:center;gap:16px;padding-top:4px;display:flex}.btn-primary{background:var(--accent);min-height:52px;color:var(--onaccent);border-radius:4px;padding:0 28px;font-size:17px;font-weight:700}.btn-primary:disabled{background:var(--rule);color:var(--mute);cursor:not-allowed}.form-error{color:var(--error);font-weight:600}@media (width<=759px){.picked{flex-wrap:wrap}}.nav-badge{background:var(--accent);color:var(--onaccent);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700}.ib-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.file-btn{cursor:pointer;align-items:center;display:inline-flex}.file-btn:focus-within{outline:3px solid var(--ink);outline-offset:3px}.ib-help{max-width:60ch;margin-top:10px;font-size:15px}.hint{color:var(--mute);font-size:13px}.ib-summary{background:var(--panel);border-radius:6px;max-width:62ch;margin-top:14px;padding:12px 14px;font-weight:500}.ib-list{margin-top:4px;display:grid}.ib-row{border-bottom:1px solid var(--rule);content-visibility:auto;contain-intrinsic-size:auto 150px;gap:16px;padding:18px 0;display:flex}.ib-main{flex:1;justify-items:start;gap:3px;min-width:0;display:grid}.ib-title{font-size:20px;font-weight:800;line-height:1.15}.ib-author{font-size:16px}.ib-loans{color:var(--mute);font-size:14px}.ib-match{gap:8px;margin-top:8px;font-size:15px;display:grid}.ib-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.ib-note{color:var(--mute);margin-top:4px;font-size:15px}.ib-else{margin-top:2px}.ib-details{gap:8px;display:grid}.ib-format select{border:1px solid var(--rule);background:var(--card);min-height:44px;color:var(--cardink);border-radius:6px;padding:0 10px}.btn-primary.sm{min-height:44px;padding:0 20px;font-size:16px}.btn-quiet:disabled,.btn-primary:disabled,.btn-link:disabled{opacity:.5;cursor:not-allowed}.btn-link.inline{font-size:inherit;margin-left:4px}@media (width<=759px){.ib-row{gap:12px}.jacket-mini{width:60px}}@media (width>=760px){.app[data-tab=other]{grid-template-columns:var(--side-w) minmax(0, 1fr)}}@media (width<=759px){.nav-badge{margin:-4px 0 0 22px;padding:0 6px;font-size:11px;position:absolute}.side li,.nav-item{position:relative}}.ib-row .jacket-mini{align-self:flex-start;height:auto}.inbox,.add-screen,.settings{max-width:860px}.set-section{border-bottom:1px solid var(--rule);gap:10px;max-width:62ch;padding:24px 0;display:grid}.set-section p{max-width:62ch}.set-title{font-size:24px;font-weight:800}.confirm{border:2px solid var(--ink);background:var(--card);color:var(--cardink);border-radius:6px;gap:8px;margin-top:8px;padding:16px;display:grid}.confirm-title{font-size:18px;font-weight:800}.btn-danger{background:var(--error);color:#fff;border-radius:4px;min-height:48px;padding:0 22px;font-size:16px;font-weight:700}:root[data-theme=dark] .btn-danger{color:#1a1510}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.nudge{background:var(--panel);border-radius:6px;flex-wrap:wrap;align-items:center;gap:0 14px;margin-top:14px;padding:6px 6px 6px 14px;font-size:15px;display:flex}.nudge .btn-link{min-height:44px;margin-left:0}.nudge-dismiss{color:var(--mute);margin-left:auto}.add-body{grid-template-columns:minmax(0,620px);gap:40px;display:grid}.add-preview{display:none}@media (width>=900px){.add-body{grid-template-columns:minmax(0,620px) 200px}.add-preview{align-self:start;margin-top:30px;display:block;position:sticky;top:28px}}.jacket-preview{width:200px}.jacket-preview .jacket-title{font-size:24px}.form-actions.sticky{z-index:2;background:var(--bg);border-top:1px solid var(--rule);padding:14px 0;position:sticky;bottom:0}@media (width<=759px){.form-actions.sticky{bottom:calc(64px + env(safe-area-inset-bottom))}}.ib-live{z-index:3;position:sticky;bottom:0}.ib-dock{background:var(--ink);color:var(--bg);box-shadow:0 -2px 4px rgb(var(--shadow) / .12), 0 10px 24px rgb(var(--shadow) / .25);animation:panel-in .32s var(--ease);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:16px;padding:10px 16px;display:flex}.ib-dock p{flex:22ch;min-width:0;font-weight:500}.ib-tally{font-variant-numeric:tabular-nums;opacity:.8;font-size:14px}.ib-dock .btn-link{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (width<=759px){.ib-live{bottom:calc(72px + env(safe-area-inset-bottom))}}.ib-genres{gap:8px;margin-top:10px;display:grid}.ib-lookup{color:var(--mute);min-height:1.3em;font-size:13px}.genre-pick.sm{min-height:44px;padding:0 12px;font-size:14px}.row,.result,.picked,.confirm{--star-fill:var(--card-star-fill);--star-off:var(--card-star-off);--star-on:var(--card-accent)}.row,.result,.confirm{--ink:var(--cardink);--mute:var(--cardmute)}.stats{max-width:1100px}.st-summary{margin-top:4px;font-size:20px;font-weight:700}.st-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin-top:20px;display:grid}.st-card{border-top:2px solid var(--ink);align-content:start;gap:14px;min-width:0;padding:20px 0;display:grid}.st-wide{grid-column:1/-1}.st-cols{align-items:flex-end;gap:10px;padding:6px 6px 4px;display:flex;overflow-x:auto}.st-col{align-content:end;justify-items:center;gap:4px;min-width:44px;display:grid}.st-col.unknown{border-left:1px dashed var(--rule);margin-left:12px;padding-left:12px}button.st-col{border-radius:4px;padding:4px 0}button.st-col[aria-pressed=true]{background:var(--panel);box-shadow:0 0 0 2px var(--ink)}.st-n{min-height:1.3em;font-size:14px;font-weight:700}.st-l{color:var(--mute);text-align:center;font-size:13px}.spines{flex-direction:column-reverse;gap:2px;display:flex}.spine{width:28px;height:var(--cell,10px);display:inline-block}.st-legend .spine,.st-legend .spine{vertical-align:-2px;width:14px;height:14px;margin-right:8px}.st-cols.months .st-col{min-width:44px}.st-cols.ratings{gap:6px}.st-cols.ratings .st-col{min-width:44px}.st-rbar{background:var(--ink);width:24px;min-height:2px}.st-legend{color:var(--mute);flex-wrap:wrap;gap:6px 18px;font-size:13px;display:flex}.st-bars{gap:8px;display:grid}.st-bars li,.st-rank li{grid-template-columns:96px minmax(0,1fr) 32px;align-items:center;gap:12px;font-size:15px;display:grid}.st-bars li.on .st-bl{font-weight:800}.st-bl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.st-bn{text-align:right;font-weight:700}.st-len{min-width:0;height:100%;display:flex}.st-track{background:var(--panel);border-radius:4px;height:22px;display:flex;overflow:hidden}.st-fill{background:var(--ink);height:100%;display:block}.st-section{margin-top:36px}.st-big{font-size:30px;font-weight:700;line-height:1.1}.st-big span{color:var(--mute);font-size:15px;font-weight:400}.st-fold>summary{cursor:pointer;border-top:2px solid var(--ink);align-items:center;min-height:44px;padding-top:4px;font-weight:600;display:flex}.st-fold[open]>summary{margin-bottom:0}.chip-filters .chip-clear{border:0;min-height:44px;padding:0}.st-more summary{cursor:pointer;align-items:center;min-height:44px;font-size:15px;display:flex}.st-list{gap:6px;max-height:260px;font-size:15px;display:grid;overflow-y:auto}.st-list span{color:var(--mute)}.st-seg{place-items:center;min-width:22px;font-size:13px;font-weight:700;display:grid}.fmt-ebook{background:var(--ink);color:var(--bg)}.fmt-audiobook{background:var(--accent);color:var(--onaccent)}.fmt-print{background:var(--mute);color:var(--bg)}.st-rank{gap:8px;display:grid}.st-rank li{grid-template-columns:28px minmax(0,1fr) 32px}.st-pos{color:var(--mute);font-weight:800}@media (width<=899px){.st-grid{grid-template-columns:minmax(0,1fr)}}.toast{z-index:10;background:var(--ink);max-width:min(420px,100vw - 40px);color:var(--bg);box-shadow:0 12px 28px rgb(var(--shadow) / .3);border-radius:6px;padding:14px 18px;font-weight:500;position:fixed;bottom:20px;right:20px}.toast .btn-link{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (width<=759px){.toast{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none}.st-cols.months{gap:2px;padding-left:0;padding-right:0}.st-cols.months .spine{width:26px}.st-cols.months .st-l{font-size:12px}}.band-foot{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.08em;overflow:hidden}@media (width<=759px){.cap{white-space:normal;min-height:2.5em;font-size:12px;overflow:visible}}.ib-review{color:var(--mute);max-width:60ch;font-size:15px}.ib-changes{gap:4px;margin-top:6px;font-size:15px;display:grid}.edit-btn{min-height:44px;margin-top:10px;padding:0 16px;font-weight:600}.field.two{grid-template-columns:2fr 1fr 1fr;gap:12px}.check{align-items:center;gap:12px;min-height:44px;font-size:16px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent)}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list li{border:1px solid var(--rule);border-radius:99px;align-items:center;gap:2px;padding:0 0 0 14px;font-size:15px;display:inline-flex}.tag-list button{border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1}.edit-readings{gap:18px;display:grid}.edit-reading{border:1px solid var(--rule);background:var(--panel);border-radius:6px;gap:16px;min-width:0;padding:16px;display:grid}.edit-reading legend{padding:0 6px;font-size:15px;font-weight:800}.danger-zone{border-top:1px solid var(--rule);gap:10px;padding-top:24px;display:grid}@media (width<=759px){.field.two{grid-template-columns:minmax(0,1fr)}}textarea,.input{font-family:inherit}.tag-list button{place-items:center;display:grid}.edit-readings>.btn-quiet{justify-self:start;align-items:center;gap:8px;display:inline-flex}.stars-readout,.stars-input .btn-link{white-space:nowrap}.star-slot{width:48px;height:48px}.tag-list button{width:44px;height:44px}.sticky-bar{z-index:2;background:var(--bg);border-top:1px solid var(--rule);gap:10px;padding:14px 0;display:grid;position:sticky;bottom:0}.sticky-bar .form-actions{padding-top:0}@media (width<=759px){.sticky-bar{bottom:calc(64px + env(safe-area-inset-bottom))}}.stars-input{gap:0 14px}.stars-side{align-items:center;gap:14px;display:inline-flex}.btn-link{align-items:center;min-height:44px;padding:0 8px;display:inline-flex}button,select,input,textarea,label,.jacket{touch-action:manipulation}@media (pointer:coarse){.star-slot{width:56px}}@media (height<=520px) and (width>=760px){.side{padding-top:14px;padding-bottom:10px}.brand{padding-bottom:10px;font-size:18px}.brand i{margin-bottom:6px}.add,.theme{margin-left:14px;margin-right:14px}.theme{min-height:44px;margin-top:4px}}h1,h2,.picked-title,.ib-title,.ib-author,.row-title,.work-author,.st-bl,.cap{overflow-wrap:anywhere}.jacket-title{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.band-top{overflow-wrap:anywhere;overflow:hidden}.wall-item{content-visibility:auto;contain-intrinsic-size:auto 300px}main h1:focus{outline:none}.fallback{max-width:62ch}.lib-more{margin-top:10px}.chip-filters{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip-filters li{border:1px solid var(--ink);border-radius:99px;align-items:center;gap:2px;min-height:44px;padding:0 2px 0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip-filters button{border-radius:99px;place-items:center;width:44px;height:44px;display:grid}.chip-filters .chip-clear button{border-radius:4px;width:auto;height:auto;min-height:44px}.st-filters{align-items:center}.st-strip{z-index:2;margin-inline:-28px;background:var(--bg);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-top:14px;padding:6px 28px;font-size:16px;display:flex;position:sticky;top:-28px}.st-row{text-align:left;border-radius:4px;grid-template-columns:96px minmax(0,1fr) 32px;align-items:center;gap:12px;width:100%;min-height:44px;display:grid}.st-rank .st-row{grid-template-columns:28px minmax(0,1fr) 32px}.st-row[aria-pressed=true],button.st-seg[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}button.st-seg{min-height:44px}:is(.st-bars li:has(>.st-row),.st-rank li:has(>.st-row)){display:block}.st-bars li.on .st-bl,.st-rank li.on .st-bl{font-weight:800}.wall-s{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:22px 14px}.wall-l{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:36px 24px}@media (width<=759px){.wall-s{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.wall-l{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.book-list{display:grid}.book-row{text-align:left;border-bottom:1px solid var(--rule);align-items:center;gap:14px;width:100%;min-height:64px;padding:10px 12px;display:flex}.book-row[aria-pressed=true]{background:var(--panel);box-shadow:inset 4px 0 0 var(--ink)}.book-row .jacket-mini{width:48px}.book-main{flex:1;gap:2px;min-width:0;display:grid}.book-title{font-size:16px;font-weight:700}.book-sub{color:var(--mute);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.letter-index{flex-wrap:wrap;gap:2px;margin:-10px 0 18px;display:flex}.letter-index button{border-radius:4px;min-width:44px;min-height:44px;font-size:14px;font-weight:700}.letter-index button:disabled{color:var(--mute);opacity:.35;cursor:default}@media (width<=759px){.letter-index{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}}.st-more-charts{border-top:1px solid var(--rule);margin-top:40px;padding-top:16px}.tag-pick{--ink-genre:var(--ink)}.series-row{align-items:center;gap:12px;display:flex}.series-pos{min-width:42px;color:var(--cardmute);flex:none;font-weight:700}.series-open{text-align:left;flex:1;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.series-open .row-title{text-overflow:ellipsis;overflow:hidden}.series-gap{color:var(--cardmute);flex:1;font-style:italic}.series-row.is-gap{border-bottom:1px dashed var(--rule);color:var(--ink);background:0 0}.row-tag.is-read{background:var(--cardink);color:var(--card);border-color:var(--cardink)}.st-series{gap:4px;display:grid}.series-line{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) 48px}.series-dots{flex-wrap:wrap;gap:4px;display:flex}.dot{border:2px solid var(--ink);box-sizing:border-box;border-radius:4px;width:12px;height:12px;display:inline-block}.dot.read{background:var(--ink)}.dot.gap{border-style:dashed;border-color:var(--mute)}.st-legend .dot{vertical-align:-2px;margin-right:8px}.ib-more{place-items:center;padding:20px 0 40px;list-style:none;display:grid}.cmp-pick{align-items:center}.cmp-sub{margin-top:18px;font-size:15px;font-weight:700}.cmp-key{vertical-align:-2px;border:2px solid var(--ink);width:14px;height:14px;margin-right:8px;display:inline-block}.cmp-key.a,.cmp-bar.a{background:var(--ink)}.cmp-key.b,.cmp-bar.b{background:var(--accent);border-color:var(--accent)}.cmp-months{gap:8px}.cmp-month{justify-items:center;gap:4px;min-width:52px;display:grid}.cmp-pair{align-items:flex-end;gap:3px;height:150px;display:flex}.cmp-bar{border-radius:4px 4px 0 0;width:22px;min-height:2px;position:relative}.cmp-bar.none{opacity:.4;height:2px}button.cmp-bar{min-width:22px}button.cmp-bar[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.cmp-n{color:var(--ink);font-size:12px;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.cmp-rows{gap:10px;display:grid}.cmp-row{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;display:grid}.cmp-tracks{gap:4px;min-width:0;display:grid}.cmp-track{text-align:left;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;min-height:44px;display:grid}button.cmp-track[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink);border-radius:4px}.cmp-line{border-radius:4px;min-width:2px;height:14px;display:block}.cmp-line.a{background:var(--ink-genre,var(--ink))}.cmp-line.b{background:var(--ink-genre,var(--accent));background-image:repeating-linear-gradient(45deg,#ffffff59 0 3px,#0000 3px 6px)}@media (width<=759px){.cmp-row{grid-template-columns:84px minmax(0,1fr)}.cmp-month{min-width:46px}.st-strip{margin-inline:-16px;padding-inline:16px;top:0}}.mix-scroll{overflow-x:auto}.mix{border-collapse:separate;border-spacing:3px;font-size:14px}.mix th{text-align:left;white-space:nowrap;padding:0 8px 0 0;font-weight:600}.mix thead th{text-align:center;color:var(--mute);padding:0;font-size:13px}.mix td{padding:0}.mix-cell{width:48px;min-height:44px;color:var(--ink);background:color-mix(in srgb, var(--ink-genre,var(--mute)) calc(var(--share,0) * 34%), transparent);border-radius:4px;place-items:center;font-size:13px;font-weight:600;display:grid}button.mix-cell[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.st-rank .auth-row{grid-template-columns:28px minmax(0,1fr) auto 32px}.auth-avg{color:var(--mute);white-space:nowrap;font-size:13px}.work-desc{margin-top:18px}.desc-text{white-space:pre-line;max-width:62ch;font-size:16px;line-height:1.5}