:root{--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-spine: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.1875rem;--step-2: 1.4375rem;--step-3: 1.875rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--board-thickness: 12px;--upright-w: 13px;--case-radius: 3px;--headroom: 1.12;--shelf-gap-v: 0;--board-radius: 0 0 2px 2px;--shelf-gap: 2px;--radius-sheet: 6px;--ease: cubic-bezier(.22, .61, .36, 1)}:root,:root[data-theme=wood]{--ground: #241c16;--ground-2: #2e241c;--board: #4a3528;--board-top: #5c4334;--board-edge: #6b4e3a;--board-shade: #1a130e;--ink: #efe7db;--ink-dim: #b3a493;--ink-faint: #7d6f61;--accent: #b08848;--hairline: #3a2c22;--contact-shadow: rgba(14, 9, 6, .55);--room-light: radial-gradient(120% 70% at 50% -10%, rgba(255, 228, 176, .11), transparent 70%);--board-grain: repeating-linear-gradient(90deg, rgba(0,0,0,.1) 0 1px, transparent 1px 7px);--sheet-bg: #2b2219;--spine-rim: rgba(255, 246, 230, .1);--back-panel: #1d1510;--back-panel-2: #251b14;--upright: #43301f;--upright-edge: #6b4e3a;--recess: rgba(0, 0, 0, .62);--plank-shadow: none;--rail: none}:root[data-theme=gallery]{--ground: #f1efea;--ground-2: #e9e6df;--board: #d6d0c4;--board-top: #e2ddd2;--board-edge: #c3bcae;--board-shade: #b8b1a2;--ink: #1d1a16;--ink-dim: #5f594f;--ink-faint: #8d867a;--accent: #6a5c3f;--hairline: #d9d4c9;--contact-shadow: rgba(60, 54, 44, .22);--room-light: none;--board-grain: none;--sheet-bg: #faf8f4;--spine-rim: rgba(0, 0, 0, .07);--back-panel: transparent;--back-panel-2: transparent;--upright: transparent;--upright-edge: transparent;--recess: transparent;--plank-shadow: 0 12px 20px -8px rgba(60, 54, 44, .55);--rail: none;--board-thickness: 9px;--upright-w: 0px;--headroom: 1.18;--shelf-gap-v: 1.5rem;--board-radius: 2px}:root[data-theme=academia]{--ground: #110d0a;--ground-2: #181209;--board: #2c2017;--board-top: #3a2b1f;--board-edge: #4a3828;--board-shade: #080605;--ink: #e6dcc6;--ink-dim: #9d9179;--ink-faint: #6b6153;--accent: #c9a227;--hairline: #241a12;--contact-shadow: rgba(0, 0, 0, .75);--room-light: radial-gradient(90% 55% at 50% -5%, rgba(255, 214, 140, .13), transparent 72%);--board-grain: repeating-linear-gradient(90deg, rgba(0,0,0,.16) 0 1px, transparent 1px 6px);--sheet-bg: #1a1410;--spine-rim: rgba(255, 238, 205, .16);--back-panel: #0b0806;--back-panel-2: #130d08;--upright: #241a12;--upright-edge: #4a3828;--recess: rgba(0, 0, 0, .9);--plank-shadow: none;--rail: #c9a227;--board-thickness: 14px;--upright-w: 17px;--headroom: 1.1}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-serif);font-size:var(--step-0);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}button{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100%;background-image:var(--room-light);background-repeat:no-repeat;padding-bottom:env(safe-area-inset-bottom,0)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-top:calc(var(--sp-3) + env(safe-area-inset-top,0px));background:color-mix(in srgb,var(--ground) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}.wordmark{margin:0;font-size:var(--step-1);font-weight:600;letter-spacing:.01em}.count{color:var(--ink-faint);font-size:var(--step--1);font-variant-numeric:tabular-nums}.topbar-spacer{flex:1}.bookcase{padding:var(--sp-6) var(--sp-4) var(--sp-8)}.case{position:relative;background:linear-gradient(180deg,var(--back-panel) 0%,var(--back-panel-2) 100%);border-left:var(--upright-w) solid var(--upright);border-right:var(--upright-w) solid var(--upright);border-radius:var(--case-radius);box-shadow:inset 1px 0 0 var(--upright-edge),inset -1px 0 0 var(--upright-edge)}.case:before,.case:after{content:"";position:absolute;left:calc(var(--upright-w) * -1);right:calc(var(--upright-w) * -1);height:var(--board-thickness);background:var(--board);background-image:var(--board-grain);box-shadow:inset 0 1px 0 var(--board-top)}.case:before{top:calc(var(--board-thickness) * -1);border-radius:var(--case-radius) var(--case-radius) 0 0}.case:after{bottom:calc(var(--board-thickness) * -1);border-radius:0 0 var(--case-radius) var(--case-radius)}.case{margin:var(--board-thickness) 0}.case-probe{position:absolute;left:var(--sp-4);right:var(--sp-4);height:0;margin:0;visibility:hidden;pointer-events:none}.case-probe:before,.case-probe:after{display:none}.bookcase{position:relative}:root[data-theme=gallery] .case{background:none;border:0;box-shadow:none;margin:0}:root[data-theme=gallery] .case:before,:root[data-theme=gallery] .case:after{display:none}.section-label{margin:var(--sp-8) 0 var(--sp-2);font-size:var(--step-0);font-style:italic;font-weight:400;color:var(--ink-dim);display:flex;align-items:center;gap:var(--sp-3)}.section-label:after{content:"";flex:1;height:1px;background:var(--hairline)}.section-label .n{font-style:normal;font-size:var(--step--1);color:var(--ink-faint);font-variant-numeric:tabular-nums}.shelf{content-visibility:auto;margin-bottom:var(--shelf-gap-v)}.shelf-opening{position:relative;height:calc(var(--row-h) * var(--headroom));display:flex;align-items:flex-end;overflow:hidden;box-shadow:inset 0 18px 22px -16px var(--recess),inset 10px 0 18px -14px var(--recess),inset -10px 0 18px -14px var(--recess)}.shelf-books{position:relative;display:flex;align-items:flex-end;gap:var(--shelf-gap);width:100%;overflow:hidden}.shelf-books:after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:linear-gradient(to top,var(--contact-shadow),transparent);pointer-events:none}.shelf-board{position:relative;height:var(--board-thickness);border-radius:var(--board-radius);background:linear-gradient(180deg,var(--board-top) 0 1px,var(--board) 1px 62%,var(--board-edge) 62% 100%);background-image:var(--board-grain),none;background-color:var(--board);box-shadow:inset 0 1px 0 var(--board-top),0 2px 3px -1px var(--board-shade),var(--plank-shadow)}.shelf-board:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--rail);opacity:.75}.controls{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;padding:0 var(--sp-4) var(--sp-2)}.field{flex:1 1 10rem;min-width:0;padding:.5rem .625rem;font:inherit;font-size:var(--step--1);color:var(--ink);background:var(--ground-2);border:1px solid var(--hairline);border-radius:3px}.field::placeholder{color:var(--ink-faint)}select.field{flex:0 0 auto}.seg{display:inline-flex;border:1px solid var(--hairline);border-radius:3px;overflow:hidden;background:var(--ground-2)}.seg button{padding:.4rem .6rem;font-size:var(--step--1);background:none;border:0;color:var(--ink-dim);cursor:pointer}.seg button[aria-pressed=true]{background:var(--board);color:var(--ink)}.seg button+button{border-left:1px solid var(--hairline)}.notice{margin:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--accent);background:var(--ground-2);color:var(--ink-dim);font-size:var(--step--1)}.empty{margin:20vh auto;max-width:28rem;padding:0 var(--sp-4);text-align:center;color:var(--ink-dim)}.empty h2{font-size:var(--step-2);font-weight:500;color:var(--ink);margin:0 0 var(--sp-2)}.notice-loud{border-left-color:var(--accent);border-left-width:3px;color:var(--ink)}.book{position:relative;flex:0 0 auto;width:var(--w);height:var(--h);padding:0;border:0;cursor:pointer;background:var(--spine-bg);color:var(--spine-text);font-family:var(--font-spine);display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(90deg,#00000047 0,#0000000f 12%,#ffffff12 42%,#00000014 78%,#0000004d);transition:transform .14s var(--ease);transform-origin:bottom center}.book:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:max(100%,44px);transform:translate(-50%)}.book:hover{transform:translateY(-3px)}.book[aria-expanded=true]{transform:translateY(-6px)}.book:before{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:var(--spine-rim)}.book{--text-span: .9}.spine-text{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(100% * var(--text-span));max-width:100%;font-size:clamp(7px,calc(var(--spine-len) * var(--text-span) / (var(--chars) * .62)),15px);letter-spacing:.01em;line-height:1.05}.spine-author{margin-inline-start:.7em}.book[data-updown=up] .spine-text{writing-mode:vertical-lr;transform:rotate(180deg)}.spine-title{font-weight:600}.spine-author{font-weight:400;opacity:.8;font-size:.88em}.s-classic-serif-centred .spine-text{font-family:var(--font-serif);font-weight:500}.s-classic-serif-centred .spine-title{font-weight:600}.s-allcaps-sans-top{align-items:flex-start;padding-top:.75rem}.s-allcaps-sans-top .spine-title{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.9em}.s-stacked-slab .spine-text{font-weight:800;letter-spacing:-.01em}.s-banded-plate .plate{position:absolute;top:18%;right:1px;bottom:18%;left:1px;background:var(--spine-accent);box-shadow:inset 0 0 0 1px #00000024}.s-banded-plate .spine-text{position:relative;z-index:1;color:var(--plate-text)}.s-foil-rule .rule{position:absolute;left:15%;right:15%;height:1px;background:var(--spine-accent);opacity:.9}.s-foil-rule .rule.top{top:9%}.s-foil-rule .rule.bottom{bottom:9%}.s-foil-rule .spine-text{color:var(--spine-accent)}.s-publisher-footer .colophon{position:absolute;left:50%;bottom:6px;width:58%;height:0;padding-bottom:58%;max-height:14px;transform:translate(-50%);background:var(--spine-accent);opacity:.92}.s-publisher-footer{align-items:flex-start;padding-top:.6rem}.s-two-tone-split .tone{position:absolute;top:0;right:0;bottom:68%;left:0;background:var(--spine-accent)}.s-two-tone-split{align-items:flex-end;padding-bottom:.7rem}.s-cloth-stamped{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px),linear-gradient(90deg,#0000004d 0,#0000000d 14%,#ffffff0f 44%,#00000014 80%,#00000052)}.s-cloth-stamped .spine-text{color:var(--spine-accent);font-family:var(--font-serif)}.book[data-binding=hardcover],.book[data-binding=oversize]{border-radius:2px 3px 3px 2px}.book[data-binding=hardcover] .headband,.book[data-binding=oversize] .headband{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--spine-accent) 70%,#000) 0,var(--spine-accent) 45%,color-mix(in srgb,var(--spine-accent) 55%,#000) 100%);opacity:.55}.book[data-binding=hardcover] .headband.top{top:0}.book[data-binding=hardcover] .headband.bottom{bottom:0}.book[data-binding=oversize] .headband.top{top:0}.book[data-binding=oversize] .headband.bottom{bottom:0}.book[data-binding=trade-paperback]{border-radius:1px}.book[data-binding=trade-paperback] .sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.13) 48%,transparent 56%)}.book[data-binding=mass-market]{border-radius:1px;filter:saturate(.88)}.book[data-binding=mass-market] .crease{position:absolute;top:0;bottom:0;width:1px;background:#00000042}.book[data-binding=ebook],.book[data-binding=audiobook]{background-image:none;opacity:.86;border-top:1px dashed color-mix(in srgb,var(--spine-text) 45%,transparent);box-shadow:inset 2px 0 4px -2px #00000080,inset -2px 0 4px -2px #00000080}.book[data-lean]{transform:rotate(var(--lean));transform-origin:bottom right;margin-left:.5rem}.book[data-lean]:hover{transform:rotate(var(--lean)) translateY(-3px)}.sheet::backdrop{background:#080503b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{width:min(32rem,100vw - 2rem);max-height:min(90dvh,48rem);padding:0;border:1px solid var(--hairline);border-radius:var(--radius-sheet);background:var(--sheet-bg);color:var(--ink);overflow:auto;overscroll-behavior:contain}.sheet-stage{display:grid;place-items:center;padding:var(--sp-6) var(--sp-4) var(--sp-4);perspective:1400px}.opened{position:relative;transform-style:preserve-3d;will-change:transform;animation:open-book .42s var(--ease) both}@keyframes open-book{0%{transform:rotateY(-78deg) translateZ(-40px)}to{transform:rotateY(0) translateZ(0)}}@media(prefers-reduced-motion:reduce){.opened{animation:fade-in .12s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}.opened-cover{display:block;width:min(15rem,56vw);aspect-ratio:var(--cover-ratio, 2 / 3);object-fit:contain;background:var(--placeholder);border-radius:1px 3px 3px 1px;box-shadow:0 18px 32px -14px #000c}.opened-spine{position:absolute;top:0;bottom:0;left:0;width:var(--spine-w);background:var(--spine-bg);transform-origin:left center;transform:rotateY(78deg) translate(calc(var(--spine-w) * -.5));border-radius:2px 0 0 2px}.sheet-body{padding:0 var(--sp-6) var(--sp-6)}.sheet-title{margin:0 0 var(--sp-1);font-size:var(--step-2);font-weight:600;line-height:1.2;text-wrap:balance}.sheet-series{margin:0 0 var(--sp-1);font-size:var(--step--1);font-style:italic;color:var(--ink-faint)}.sheet-author{margin:0 0 var(--sp-4);font-size:var(--step-0);color:var(--ink-dim)}.facts{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--sp-4);margin:0 0 var(--sp-4);font-size:var(--step--1);border-top:1px solid var(--hairline);padding-top:var(--sp-3)}.facts dt{color:var(--ink-faint)}.facts dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums}.provenance{font-size:var(--step--1);color:var(--ink-faint);font-style:italic}.shelf-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-4)}.chip{padding:.1rem .45rem;font-size:var(--step--1);color:var(--ink-dim);border:1px solid var(--hairline);border-radius:2px}.sheet-actions{display:flex;align-items:center;gap:var(--sp-3);border-top:1px solid var(--hairline);padding-top:var(--sp-3)}.link{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font-size:var(--step--1)}.link:hover{border-bottom-color:var(--accent)}.btn{padding:.45rem .8rem;background:var(--board);color:var(--ink);border:1px solid var(--hairline);border-radius:3px;cursor:pointer;font-size:var(--step--1)}.btn:hover{background:var(--board-edge)}.btn-ghost{background:none}.sheet-nav{display:flex;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-6) var(--sp-6)}.rating{letter-spacing:.1em;color:var(--accent)}.auth{max-width:24rem;margin:12vh auto;padding:var(--sp-6) var(--sp-4)}.auth h1{font-size:var(--step-3);font-weight:600;margin:0 0 var(--sp-2)}.auth p{color:var(--ink-dim);font-size:var(--step--1);margin:0 0 var(--sp-6)}.auth form{display:grid;gap:var(--sp-3)}.auth label{display:grid;gap:var(--sp-1);font-size:var(--step--1);color:var(--ink-dim)}.auth .field{width:100%}.auth .error{color:var(--ink);background:var(--ground-2);border-left:2px solid var(--accent);padding:var(--sp-2) var(--sp-3);font-size:var(--step--1)}.auth .switch{margin-top:var(--sp-4);font-size:var(--step--1);color:var(--ink-faint)}.auth .switch button{background:none;border:0;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline}.hint{color:var(--ink-faint);font-size:var(--step--1)}.account{width:min(34rem,100vw - 2rem)}.panel{border-top:1px solid var(--hairline);padding-top:var(--sp-4);margin-top:var(--sp-4)}.panel h3{margin:0 0 var(--sp-3);font-size:var(--step-1);font-weight:600}.panel form{display:grid;gap:var(--sp-3)}.panel label{display:grid;gap:var(--sp-1);font-size:var(--step--1);color:var(--ink-dim)}.panel .row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.ok{color:var(--ink);background:var(--ground-2);border-left:2px solid var(--accent);padding:var(--sp-2) var(--sp-3);font-size:var(--step--1)}.help{font-size:var(--step--1);color:var(--ink-dim);border-left:1px solid var(--hairline);padding-left:var(--sp-3)}.help summary{cursor:pointer;color:var(--accent);list-style:none}.help summary::-webkit-details-marker{display:none}.help summary:before{content:"? ";opacity:.7}.help[open] summary{margin-bottom:var(--sp-2)}.help ol{margin:0 0 var(--sp-2);padding-left:1.1rem}.help li{margin-bottom:var(--sp-1)}.help p{margin:0 0 var(--sp-2)}.help code{font-size:.92em;background:var(--ground-2);padding:.05em .3em;border-radius:2px;word-break:break-all}.help-note{color:var(--ink-faint);font-style:italic}.admin{width:min(46rem,100vw - 2rem)}.tabs{margin-bottom:var(--sp-4)}.urow{border-top:1px solid var(--hairline);padding:var(--sp-3) 0}.urow:first-child{border-top:0}.urow-head{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.urow-spacer{flex:1}.facts.compact{border-top:0;padding-top:0;margin-bottom:var(--sp-2);gap:.1rem var(--sp-3)}.btn.danger{color:#d98b8b}.btn.danger:hover{background:#4a2626;color:#f4dede}.mine{border-top:1px solid var(--hairline);margin-top:var(--sp-4);padding-top:var(--sp-3)}.mine h3{margin:0 0 var(--sp-2);font-size:var(--step-0);font-weight:600}.mine h3+.stars{margin-bottom:var(--sp-4)}.mine .stars+h3{margin-top:var(--sp-4)}.mine-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.save-state{font-size:var(--step--1);color:var(--ink-faint);font-style:italic}.stars{display:flex;align-items:center;gap:.1rem}.star{background:none;border:0;cursor:pointer;padding:.1rem .15rem;font-size:1.6rem;line-height:1;color:var(--accent);transition:transform 80ms var(--ease)}.star[aria-pressed=false]{color:var(--ink-faint)}.star:hover{transform:translateY(-2px)}.star-clear{margin-left:var(--sp-3);background:none;border:0;color:var(--ink-faint);font-size:var(--step--1);cursor:pointer;text-decoration:underline}.star-clear:hover{color:var(--ink)}.notes{width:100%;resize:vertical;min-height:5rem;font-family:var(--font-serif);line-height:1.5;margin-bottom:var(--sp-2)}