:root{--paper: #f7efe1;--card: #fffaf0;--card-2: #f3e8d4;--ink: #3a2a1c;--ink-2: #6b5643;--ink-3: #9a8570;--line: #e6d8c0;--wood: #b07a45;--wood-dark: #7a4a2a;--wood-light: #c9925a;--accent: #2f5d4a;--accent-soft: #dcebe2;--on-accent: #fffaf0;--coral: #e86a5a;--mustard: #e0a43a;--danger: #b5432f;--series-1: #1f7a52;--series-2: #2a6db5;--series-3: #b5760f;--avatar-0: #1f7a52;--avatar-1: #2a6db5;--shadow: 0 1px 2px rgba(58, 42, 28, .08), 0 4px 14px rgba(58, 42, 28, .08);--radius: 14px;--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", -apple-system, system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #1c1510;--card: #2a2019;--card-2: #33281f;--ink: #f3e6cf;--ink-2: #cdb99d;--ink-3: #9a8570;--line: #3d3026;--wood: #7a4f2c;--wood-dark: #4f301a;--wood-light: #93603a;--accent: #5fae86;--accent-soft: #24382d;--on-accent: #10201a;--danger: #e8806e;--series-1: #37a06e;--series-2: #4a8ad0;--series-3: #b98019;--avatar-0: #37a06e;--avatar-1: #4a8ad0;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .3);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body.sheet-open{overflow:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15;margin:0}h1{font-size:1.75rem}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code{background:var(--card-2);padding:0 4px;border-radius:4px;font-size:.9em}.muted{color:var(--ink-2)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--danger);font-weight:600}.ok{color:var(--accent);font-weight:600}.lede{margin:0 0 14px}.app{min-height:100dvh;overflow-x:clip}.page{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 96px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 14px}.brand{font-size:1.6rem;letter-spacing:-.01em}.splash{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;text-align:center}.splash img{animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-2deg)}}.row{display:flex;align-items:center}.row.wrap{flex-wrap:wrap}.gap{gap:10px}.grow{flex:1;min-width:0}.narrow{width:84px;flex:none}.center-row{justify-content:center;flex-wrap:wrap}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;color:var(--ink-3);font-size:.7rem;font-weight:700}.tab.active{color:var(--accent)}.tab-add{justify-self:center;align-self:center;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);transition:transform .15s}.tab-add:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 1px #3a2a1c0d;transition:transform .1s,background .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-style:dashed;color:var(--ink-2)}.btn-finish{background:var(--mustard);border-color:var(--mustard);color:#3a2a1c}.btn-block{width:100%}.link-btn{background:none;border:0;padding:6px 0;color:var(--accent);font-weight:700;cursor:pointer}.link-btn.danger{color:var(--danger)}.icon-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--card-2);cursor:pointer}input:not([type=range]):not([type=checkbox]),select,textarea{width:100%;min-height:42px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);outline:none;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field>span:first-child{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.form-grid{display:grid;gap:4px}.form-grid .field{margin:6px 0}.search{flex:1}.toolbar{display:flex;gap:8px;margin:10px 0}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{flex:none;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip-small{padding:4px 10px;font-size:.78rem}.chip-select{width:auto!important;min-height:0!important;padding:5px 14px!important;border-radius:999px!important;font-size:16px!important;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tag-input{width:110px!important;min-height:34px!important;padding:4px 12px!important;border-radius:999px!important;border-style:dashed!important}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:var(--card-2);border:1px solid var(--line)}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:999px;font-weight:800;font-size:.85rem;color:var(--ink-2);cursor:pointer}.segmented button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.segmented-wide{display:grid;grid-template-columns:repeat(4,1fr);border-radius:14px;width:100%}.segmented-wide button{border-radius:11px;padding:9px 4px;font-size:.8rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0;box-shadow:var(--shadow)}.card-title{font-size:1.15rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title{font-size:1.1rem;margin:6px 0 10px}.tag-pill{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:800}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;flex:none}.avatar-0{background:var(--avatar-0)}.avatar-1{background:var(--avatar-1)}.avatar-xs{width:20px;height:20px;font-size:.65rem;border:2px solid var(--card)}.avatar-sm{width:28px;height:28px;font-size:.8rem}.badge{position:absolute;z-index:2;font-size:.68rem;font-weight:800;border-radius:999px}.badge-who{top:-6px;right:-6px;display:flex}.badge-who .avatar+.avatar{margin-left:-6px}.cover{position:relative;aspect-ratio:2 / 3;border-radius:3px 6px 6px 3px;overflow:hidden;background:var(--card-2);box-shadow:0 1px 1px #00000026,2px 4px 10px #3a2a1c40;flex:none}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.18) 0,rgba(255,255,255,.12) 3%,transparent 7%);pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.tilt{transform:rotate(var(--tilt, 0deg));transform-origin:bottom center;transition:transform .2s}.cover-xs{width:44px}.cover-sm{width:64px}.cover-md{width:110px}.cover-lg{width:150px}.cover-blank{display:flex;flex-direction:column;justify-content:space-between;padding:12px 8px 8px 12px;text-align:center;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 6px)}.cover-blank-title{font-family:var(--font-display);font-weight:700;font-size:.82rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:6px;border-bottom:1px solid currentColor}.cover-xs .cover-blank-title,.cover-sm .cover-blank-title{font-size:.5rem}.cover-xs.cover-blank,.cover-sm.cover-blank{padding:7px 5px 5px 8px}.cover-lg.cover-blank{padding:18px 12px 12px 18px}.cover-lg .cover-blank-title{font-size:1.1rem}.cover-blank-author{font-size:.6rem;font-weight:700;opacity:.85}.cover-sm .cover-blank-author,.cover-xs .cover-blank-author{display:none}.cover.faded{opacity:.45;filter:saturate(.4)}.shelf{margin:0 -4px 10px}.shelf-row{margin-bottom:26px}.shelf-books{display:grid;gap:14px;padding:0 12px;align-items:end}.shelf-book{position:relative;display:block;color:inherit}.shelf-book .cover{width:100%}.shelf-book:active .cover.tilt,.shelf-book:hover .cover.tilt{transform:translateY(-6px) rotate(0)}.plank{position:relative;height:14px;margin-top:-1px;border-radius:3px;background:linear-gradient(180deg,var(--wood-light) 0 30%,var(--wood) 30% 75%,var(--wood-dark) 75%);box-shadow:0 8px 12px -6px #3a2a1c73}.plank:before{content:"";position:absolute;inset:4px 10% auto 6%;height:1px;background:#ffffff2e;border-radius:1px}.shelf-label{font-size:1.05rem;margin:18px 4px 12px}.cover-progress{position:absolute;left:6px;right:6px;bottom:6px;height:5px;border-radius:3px;background:#00000059;overflow:hidden;z-index:2}.cover-progress span{display:block;height:100%;background:var(--mustard)}.bar{display:block;height:6px;border-radius:3px;background:var(--card-2);overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.bar-lg{height:10px;border-radius:5px}.now-list{display:grid;gap:10px;margin-bottom:26px}.now-row{position:relative;display:flex;align-items:center;gap:12px;padding:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit}.now-link{flex:1;min-width:0;display:flex;align-items:center;gap:14px;color:inherit}.now-row .cover{width:64px;height:96px}.now-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.now-who{font-size:.8rem;font-weight:700;color:var(--ink-3)}.now-title{font-family:var(--font-display);font-weight:500;font-size:1.05rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.now-text .bar{margin-top:4px}.bar-slot-1 span{background:var(--avatar-1)}.now-update{align-self:flex-end;border:0;background:none;color:var(--accent);font-weight:800;font-size:.85rem;padding:4px 2px;cursor:pointer}.now-empty{border-style:dashed;background:transparent}.now-empty-cover{width:64px;aspect-ratio:2 / 3;border-radius:4px;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--ink-3);flex:none}.now-idle{background:transparent;border-style:dashed;padding:10px 12px}.cover-row-section{margin-bottom:26px}.row-head{display:flex;align-items:baseline;justify-content:space-between}.see-all{font-weight:700;font-size:.9rem}.cover-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cover-row .cover{width:100%}.cover-scroller{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:2px 16px 10px;scroll-snap-type:x proximity;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cover-scroller::-webkit-scrollbar{display:none}.cover-scroller>a{flex:none;width:calc((100% - 36px) / 4.3);scroll-snap-align:start}.cover-scroller .cover{width:100%}.add-tile{aspect-ratio:2 / 3;border-radius:4px;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--ink-3)}.welcome{text-align:center;padding:40px 12px}.welcome h2{margin:14px 0 6px}.icon-link{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--ink-2);cursor:pointer;position:relative}.icon-link.has-dot:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--coral)}.library-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px}.segmented-quiet{background:transparent;border-color:transparent}.segmented-quiet button.on{background:var(--card-2);box-shadow:none}.search-panel{display:grid;gap:10px;margin:8px 0 4px}.btn-small{min-height:36px;padding:6px 12px}.empty{text-align:center;padding:48px 16px}.empty-art{font-size:3.5rem;margin-bottom:8px}.empty-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1c151073;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{width:100%;max-width:640px;max-height:88dvh;display:flex;flex-direction:column;background:var(--paper);border-radius:22px 22px 0 0;box-shadow:0 -10px 30px #0003;animation:slide-up .22s cubic-bezier(.2,.9,.3,1.1)}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 4px}.sheet-head h2{font-size:1.25rem}.sheet-body{overflow-y:auto;padding:4px 16px 16px;-webkit-overflow-scrolling:touch}.sheet-foot{padding:12px 16px calc(env(safe-area-inset-bottom) + 12px);border-top:1px solid var(--line)}.sheet-foot .row{gap:10px}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(40%);opacity:.5}}.scan-btn{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);border:2px dashed var(--accent);background:var(--accent-soft);color:var(--ink);text-align:left;cursor:pointer}.scan-btn>span:last-child{display:flex;flex-direction:column}.scan-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--accent);color:var(--on-accent);font-size:1.6rem}.results{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.result{width:100%;display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer}.result.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.result-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.result-title{font-weight:800;line-height:1.2}.result-sub{font-size:.85rem;color:var(--ink-2)}.add-preview{display:flex;gap:14px;align-items:flex-start;margin-bottom:8px}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000}.scanner video{width:100%;height:100%;object-fit:cover}.scanner-frame{position:absolute;left:10%;right:10%;top:38%;height:22%;border:3px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 100vmax #00000073}.scanner-text{position:absolute;left:24px;right:24px;top:calc(env(safe-area-inset-top) + 40px);color:#fff;text-align:center;font-weight:700}.scanner-close{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 32px)}.back-btn{border:0;background:none;color:var(--accent);font-weight:800;padding:6px 0;cursor:pointer}.detail-hero{display:flex;gap:18px;align-items:flex-start;margin:6px 0 4px}.detail-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.detail-title{font-size:1.55rem}.detail-sub{margin:0;color:var(--ink-2);font-style:italic}.detail-authors{margin:0;font-weight:700}.meta-chips{display:flex;flex-wrap:wrap;gap:6px}.meta-chips span{font-size:.78rem;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--card-2);color:var(--ink-2)}.series-pill:hover{text-decoration:underline}.dates{align-items:flex-start}.dates .field{margin-bottom:0}.progress-card{width:100%;display:flex;flex-direction:column;gap:6px;margin:12px 0 0;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card-2);text-align:left;cursor:pointer}.quote{margin:8px 0;padding:10px 14px;border-left:3px solid var(--coral);background:var(--card-2);border-radius:0 10px 10px 0}.quote p{margin:0;font-family:var(--font-display);font-style:italic}.quote footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.quote-form{display:grid;gap:8px}.their-reading{background:var(--card-2)}.their-status{margin:0 0 8px}.their-review{white-space:pre-wrap}.description{margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.description.open{display:block}.remove-area{margin:20px 0}.cover-edit{display:flex;gap:14px;align-items:center;margin:10px 0}.cover-edit-actions{display:grid;gap:8px}.cover-choices{display:flex;gap:10px;overflow-x:auto;padding:6px 0 12px}.cover-choices button{border:0;background:none;padding:0;cursor:pointer}.stars{display:inline-flex;gap:2px;line-height:1}.star{position:relative;display:inline-block;border:0;background:none;padding:0;color:var(--line);font-size:1rem}.stars.interactive .star{cursor:pointer;padding:2px}.stars-lg .star{font-size:2.1rem}.stars-sm .star{font-size:.8rem}.star-empty{color:var(--line)}.star-full{position:absolute;left:0;top:0;overflow:hidden;color:var(--mustard);white-space:nowrap}.stars.interactive .star-full{left:2px;top:2px}.progress-sheet{display:grid;gap:14px}.progress-head{display:flex;gap:14px;align-items:center}.progress-title{font-weight:800}.progress-big{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.slider{width:100%;accent-color:var(--accent);height:32px}.nudges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.series-section{margin-top:18px}.series-panel{display:flex;align-items:center;gap:12px;color:inherit;padding:12px 16px}.series-panel-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.series-ask{display:block;margin:10px 0 0}.series-card{display:grid;gap:8px}.series-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.series-name{font-size:1.15rem}.series-top p{margin:2px 0 0}.series-count{font-family:var(--font-display);font-size:1.3rem;font-weight:700;white-space:nowrap}.series-sub{margin:0}.next-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--card-2);color:inherit}.next-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.next-title{font-family:var(--font-display);font-weight:500;line-height:1.2}.cover-ghost{background:transparent;border:1.5px dashed var(--line);box-shadow:none}.cover-ghost:after{display:none}.series-toggle{justify-self:start}.series-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.series-item{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);color:inherit}.series-item.not-owned .series-title{color:var(--ink-2)}.series-check{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;color:var(--ink-3);border:1.5px solid var(--line)}.series-check.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.series-title{flex:1;min-width:0}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 8px;text-align:center;display:flex;flex-direction:column;box-shadow:var(--shadow)}.tile-value{font-family:var(--font-display);font-size:1.45rem;font-weight:700}.tile-label{font-size:.72rem;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.goal-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.goal-card p{margin:0 0 4px}.ring-track{fill:none;stroke:var(--card-2);stroke-width:12}.ring-fill{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .6s}.ring-num{font-family:var(--font-display);font-weight:700;font-size:30px;fill:var(--ink)}.ring-sub{font-size:13px;font-weight:700;fill:var(--ink-2)}.chart{margin:0}.chart-readout{min-height:22px;font-size:.85rem;margin-bottom:8px}.chart-empty{margin:0}.bars{display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line)}.bar-col{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0;border:0;background:none;cursor:pointer;border-radius:4px 4px 0 0}.bar-col.active{background:var(--card-2)}.bar-fill{display:block;width:100%;max-width:28px;min-height:0;border-radius:4px 4px 0 0;transition:height .4s}.bar-col.grouped .bar-fill{max-width:16px}.bar-col:not(.active) .bar-fill{opacity:.9}.bar-labels{display:flex;gap:4px;margin-top:4px}.bar-labels span{flex:1;text-align:center;font-size:.7rem;font-weight:700;color:var(--ink-3);overflow:hidden}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;margin-bottom:6px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.rank-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rank-bars li{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;align-items:center;gap:10px;font-size:.9rem}.rank-label{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-track{height:10px}.rank-track span{display:block;height:100%;border-radius:0 4px 4px 0;min-width:4px}.rank-value{font-weight:800;color:var(--ink-2);font-size:.85rem}.share-bar{display:flex;gap:2px;height:18px;border-radius:6px;overflow:hidden;margin-bottom:10px}.mini-shelf{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.mini-book{display:flex;flex-direction:column;align-items:center;gap:4px}.compare{width:100%;border-collapse:collapse;margin-bottom:14px}.compare th,.compare td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--line)}.compare th:first-child{text-align:left;color:var(--ink-2)}.compare thead th{font-family:var(--font-display)}.compare td.win{font-weight:800;color:var(--accent)}.import-text{font-family:ui-monospace,Menlo,monospace}.import-progress{display:grid;gap:6px;margin-bottom:12px}.import-list{list-style:none;padding:0;margin:8px 0 80px;display:grid;gap:6px}.import-row{width:100%;display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;cursor:pointer}.import-row:disabled{cursor:default;opacity:1}.import-row.skipped{opacity:.5}.import-status{flex:none}.conf{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.conf-high{background:var(--accent-soft);color:var(--accent)}.conf-check{background:color-mix(in srgb,var(--mustard) 25%,var(--card));color:color-mix(in srgb,var(--mustard) 60%,var(--ink))}.conf-low,.conf-none{background:color-mix(in srgb,var(--danger) 18%,var(--card));color:var(--danger)}.conf-skip{background:var(--card-2);color:var(--ink-2)}.sticky-foot{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 74px);padding:0 16px;max-width:760px;margin:0 auto;z-index:15}.sticky-foot .btn{box-shadow:0 6px 20px #2f5d4a59}.menu{padding:4px 0}.menu a{display:flex;gap:12px;padding:14px 16px;color:var(--ink);font-weight:700;border-bottom:1px solid var(--line)}.menu a:last-child{border-bottom:0}.login{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center}.login-icon{border-radius:22px;box-shadow:var(--shadow);transform:rotate(-4deg)}.login-title{font-size:2.2rem;margin-top:16px}.login-card{width:100%;max-width:380px;text-align:left}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}@media (max-width: 420px){.tiles{grid-template-columns:repeat(2,1fr)}.detail-hero .cover-lg{width:120px}.detail-title{font-size:1.35rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}