:root,[data-theme-preview=light]{--bg:#fcf8ff;--surface:#fff;--surface-2:#f3ecfb;--text:#2a2340;--muted:#6b6285;--border:#e6dcf2;--accent:#c2337b;--accent-2:#7c5ce6;--accent-text:#fff;--accent-soft:#fdf0f7;--info:#245a96;--info-soft:#e2f0ff;--good:#15803d;--bad:#be123c;--radius:14px;--control-h:38px;--shadow:0 1px 2px #3c1e5a0f, 0 6px 18px #3c1e5a12;--shadow-lift:0 4px 10px #3c1e5a1a, 0 14px 30px #3c1e5a1a;--gradient:linear-gradient(135deg, var(--accent), var(--accent-2));--page-glow:radial-gradient(1200px 500px at 85% -10%, #7c5ce61a, transparent 60%), radial-gradient(900px 400px at -10% 0%, #c2337b14, transparent 60%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#0e1024;--surface:#171a35;--surface-2:#222648;--text:#ecebff;--muted:#a3a6c9;--border:#2c3060;--accent:#a594ff;--accent-2:#6aa8ff;--accent-text:#0e1024;--accent-soft:#2a2758;--info:#9cc4ff;--info-soft:#1f2a52;--good:#4ade80;--bad:#fb7185;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-lift:0 6px 14px #00000059, 0 16px 34px #3c46c833;--page-glow:radial-gradient(1200px 500px at 85% -10%, #6aa8ff1f, transparent 60%), radial-gradient(900px 400px at -10% 0%, #a594ff1f, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark],[data-theme-preview=dark]{--bg:#0e1024;--surface:#171a35;--surface-2:#222648;--text:#ecebff;--muted:#a3a6c9;--border:#2c3060;--accent:#a594ff;--accent-2:#6aa8ff;--accent-text:#0e1024;--accent-soft:#2a2758;--info:#9cc4ff;--info-soft:#1f2a52;--good:#4ade80;--bad:#fb7185;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-lift:0 6px 14px #00000059, 0 16px 34px #3c46c833;--page-glow:radial-gradient(1200px 500px at 85% -10%, #6aa8ff1f, transparent 60%), radial-gradient(900px 400px at -10% 0%, #a594ff1f, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=paper],[data-theme-preview=paper]{--bg:#fff;--surface:#fff;--surface-2:#f2f2f3;--text:#111;--muted:#5c5c63;--border:#e2e2e5;--accent:#111;--accent-2:#3f3f46;--accent-text:#fff;--accent-soft:#f2f2f3;--info:#1e4f91;--info-soft:#edf2f9;--good:#15803d;--bad:#b91c1c;--shadow:0 1px 2px #0000000d, 0 4px 12px #0000000d;--shadow-lift:0 4px 10px #00000014, 0 12px 26px #00000014;--page-glow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sepia],[data-theme-preview=sepia]{--bg:#f5eddc;--surface:#fbf6ea;--surface-2:#ede1c8;--text:#3a2e20;--muted:#6a5842;--border:#e0d1b4;--accent:#9a3f12;--accent-2:#7a5320;--accent-text:#fff;--accent-soft:#f5e3cf;--info:#24526f;--info-soft:#e2eaea;--good:#3d6b1a;--bad:#a3241c;--shadow:0 1px 2px #50321412, 0 6px 18px #50321414;--shadow-lift:0 4px 10px #5032141c, 0 14px 30px #5032141c;--page-glow:radial-gradient(1200px 500px at 85% -10%, #9a3f120f, transparent 60%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=forest],[data-theme-preview=forest]{--bg:#0c1813;--surface:#13241c;--surface-2:#1c3228;--text:#e4f1e8;--muted:#9dbaa8;--border:#284536;--accent:#6fd39a;--accent-2:#b5d46a;--accent-text:#0c1813;--accent-soft:#1d3a2b;--info:#8fcfe6;--info-soft:#16303a;--good:#6ee7a0;--bad:#fb8b85;--shadow:0 1px 2px #0000004d, 0 6px 18px #00000040;--shadow-lift:0 6px 14px #00000059, 0 16px 34px #288c5a2e;--page-glow:radial-gradient(1200px 500px at 85% -10%, #b5d46a14, transparent 60%), radial-gradient(900px 400px at -10% 0%, #6fd39a1a, transparent 60%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=ocean],[data-theme-preview=ocean]{--bg:#f4f9ff;--surface:#fff;--surface-2:#e5f0fb;--text:#0f253c;--muted:#4c647d;--border:#d2e2f2;--accent:#0a64be;--accent-2:#0b7480;--accent-text:#fff;--accent-soft:#e4f1fd;--info:#155e75;--info-soft:#ddf2f6;--good:#15803d;--bad:#be123c;--shadow:0 1px 2px #0f325a0f, 0 6px 18px #0f325a12;--shadow-lift:0 4px 10px #0f325a1a, 0 14px 30px #0f325a1a;--page-glow:radial-gradient(1200px 500px at 85% -10%, #0b748014, transparent 60%), radial-gradient(900px 400px at -10% 0%, #0a64be14, transparent 60%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--page-glow), var(--bg);background-attachment:fixed;min-height:100vh;margin:0}h1,h2,h3,h4{margin:0;font-family:ui-serif,Georgia,Times New Roman,serif}button,input,select{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad)}.spacer{flex:1}.app{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.topbar{grid-template-columns:auto 1fr;align-items:center;gap:14px 24px;padding:20px 0 16px;display:grid}.topbar .tabs{grid-area:2/1/auto/-1;justify-self:start;max-width:100%;overflow-x:auto}.topbar h1{font-size:1.6rem}.tabs{background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.tabs button.active{background:var(--surface);box-shadow:var(--shadow)}.topbar-actions{justify-self:end;align-items:center;gap:8px;display:flex}.settings-btn{padding:6px 8px;font-size:1.25rem}.help-btn{border:1.5px solid var(--border);width:30px;height:30px;color:var(--muted);border-radius:999px;font-size:.95rem;font-weight:700}.help-btn:hover{color:var(--text)}main{flex:1;padding-bottom:32px}.footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:16px;padding:16px 0;font-size:.85rem;display:flex}.count{color:var(--muted);margin-left:2px;font-size:.8em}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.small,.pause-select{padding:4px 10px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:1rem;line-height:1}.icon-btn:hover{background:var(--surface-2)}.icon-btn .icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linejoin:round;width:1em;height:1em;display:block}.vote{filter:grayscale();opacity:.55}.vote.on{filter:none;opacity:1}.vote.on.up{background:color-mix(in srgb, var(--good) 18%, transparent)}.vote.on.down{background:color-mix(in srgb, var(--bad) 18%, transparent)}.stars{gap:0;height:24px;display:flex}.star{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0 3px;font-size:1.15rem;line-height:1}.star.on,.star:hover{color:var(--accent)}.link{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.link:disabled{color:var(--muted);cursor:default}.pill{background:var(--accent-soft);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:2px 8px;font-size:.75rem;display:inline-block;overflow:hidden}.cover{object-fit:cover;background:var(--surface-2);box-shadow:var(--shadow);border-radius:4px;flex-shrink:0;display:block}.cover-xs{width:28px;height:42px}.cover-xs.cover-placeholder{font-size:0}.cover-sm{width:48px;height:72px}.cover-md{aspect-ratio:2/3;width:100%}.cover-lg{width:160px;height:240px}.cover-placeholder{text-align:center;color:var(--muted);background:linear-gradient(160deg, var(--accent-soft), var(--surface-2));justify-content:center;align-items:center;padding:8px;font-family:ui-serif,Georgia,serif;display:flex;overflow:hidden}.cover-sm.cover-placeholder{font-size:.55rem}.search-bar{gap:12px;margin-bottom:16px;display:flex}.search-bar input{flex:1;padding:12px 14px;font-size:1.05rem}.results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.result.expanded{border-color:var(--accent)}.result-main{align-items:center;gap:14px;display:flex}.result-info{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.modal.scanner-modal{width:min(520px,100vw - 32px)}.scanner{gap:14px;display:grid}.scanner-view{aspect-ratio:4/3;border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.scanner-view video{object-fit:cover;width:100%;height:100%;display:block}.scanner-guide{border:2px solid #ffffffd9;border-radius:10px;position:absolute;inset:32% 10%;box-shadow:0 0 0 100vmax #00000059}.scanner-note{text-align:center;color:#fff;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.scanner-result{min-height:72px}.scanner-done{color:var(--good);font-weight:600}.scanner-actions{flex-direction:column;gap:6px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.toolbar-right{flex-wrap:wrap;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:5px 12px}.chip.active{border-color:var(--accent);background:var(--accent-soft)}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.card-body,.rec-info,.held-back,.book-page-info,.modal-header h2,.cover-placeholder span{overflow-wrap:anywhere}.card.is-paused .cover{opacity:.45}.card-body{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.card-body h3{font-size:1.05rem;line-height:1.25}.card-body p{margin:0;font-size:.9rem}.progress{flex-direction:column;gap:4px;width:100%;margin-top:4px;display:flex}.progress-head{justify-content:space-between;align-items:baseline;min-height:1.4em;font-size:.8rem;display:flex}.progress-label{color:var(--muted);font-weight:600}.progress-label.reading{color:var(--accent)}.progress-label.read{color:var(--good)}.progress input[type=range]{appearance:none;background:linear-gradient(to right, var(--accent) var(--fill), var(--surface-2) var(--fill));cursor:pointer;border:0;border-radius:3px;width:100%;height:6px;padding:0}.progress input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:2px solid var(--accent);width:16px;height:16px;box-shadow:var(--shadow);border-radius:50%}.progress input[type=range]::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);border-radius:50%;width:14px;height:14px}.card-actions{align-items:center;gap:2px;width:100%;display:flex}.card .pause-select{text-overflow:ellipsis;width:100%;min-width:0}.paused-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.paused-note{color:var(--muted);font-size:.8rem}.empty{text-align:center;padding:80px 0}.modal{background:var(--surface);width:min(620px,100vw - 32px);color:var(--text);border:0;border-radius:14px;padding:0;box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#140f0a73}.modal-body{padding:20px 24px 24px}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.book-form{flex-direction:column;gap:14px;display:flex}.book-form label{flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.book-form small{color:var(--muted);font-weight:400}.form-row{gap:12px;display:flex}.form-row .grow{flex:1}.form-row .narrow{width:90px}.form-actions{justify-content:flex-end;gap:8px;display:flex}.rec{gap:20px;display:flex}.rec-info{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.rec-info h3{font-size:1.4rem}.rec-info p{margin:0}.rec-info h4{margin-top:10px;font-size:.95rem}.factors{gap:4px;width:100%;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.factors li{justify-content:space-between;gap:12px;display:flex}.factors .impact{letter-spacing:1px;flex-shrink:0;font-size:.8rem}.factors .boost .impact{color:var(--good)}.factors .dampen .impact{color:var(--bad)}.rec-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.rec-actions .pause-select{padding:8px 14px;font-size:1rem}.odds-toggle{margin-top:16px;font-size:.85rem}.odds{gap:4px;max-height:240px;margin:10px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid;overflow:auto}.odds li{grid-template-columns:minmax(0,1fr) 120px 44px;align-items:center;gap:10px;display:grid}.odds li.current{font-weight:700}.odds-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.odds-bar{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.odds-bar span{background:var(--accent);height:100%;display:block}.odds-pct{text-align:right;font-variant-numeric:tabular-nums}@media (width<=600px){.topbar{grid-template-columns:1fr}.topbar-actions{justify-self:stretch}.topbar-actions .btn{flex:1}.search-bar,.rec{flex-direction:column}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.genre-picker{border:0;margin:0;padding:0}.genre-picker legend{margin-bottom:6px;padding:0;font-size:.85rem;font-weight:600}.genre-picker .chip{padding:3px 10px;font-size:.8rem}.card-meta{color:var(--muted);font-size:.78rem!important}.scope-note{color:var(--muted);margin:0 0 14px;font-size:.85rem}.card-body{flex:1}.card-controls{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.card-controls .progress{margin-top:0}.card .pause-select,.paused-row{height:30px}.paused-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=600px){.paused-prefix{display:none}.paused-note:has(.paused-prefix):before{content:"⏸ "}}.series-panel{border-top:1px dashed var(--border);margin:12px 0 2px 62px;padding-top:10px}.series-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.series-note{margin:0 0 8px}.series-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.series-list li{border-radius:6px;align-items:center;gap:10px;padding:4px 6px;font-size:.9rem;display:flex}.series-list li.current{background:var(--accent-soft)}.series-pos{text-align:right;font-variant-numeric:tabular-nums;width:2.2em;color:var(--muted);font-weight:600}.series-title{flex:1;min-width:0}@media (width<=600px){.series-panel{margin-left:0}.result-main{flex-wrap:wrap}}.settings-section+.settings-section{margin-top:18px}.settings-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.8rem}.setting{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:8px 0;display:flex}.setting-name{font-weight:600}.infotip{display:inline-flex;position:relative}.infotip-button{color:var(--muted);cursor:help;background:0 0;border:0;border-radius:50%;padding:2px 4px;font-size:.95rem;line-height:1}.infotip-button:hover,.infotip-button[aria-expanded=true]{color:var(--accent)}.infotip-popup{z-index:10;background:var(--text);width:min(300px,70vw);color:var(--bg);border-radius:8px;padding:10px 12px;font-size:.82rem;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.switch{appearance:none;background:var(--surface-2);width:42px;height:24px;box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;margin-top:2px;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow);border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent);box-shadow:none}.switch:checked:after{transform:translate(18px)}.held-back{margin-top:14px;font-size:.85rem}.held-back summary{cursor:pointer;color:var(--muted)}.held-back ul{margin:6px 0 0;padding-left:18px}.notices{gap:8px;margin-bottom:16px;display:grid}.notice{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);grid-template-columns:1fr auto;align-items:center;gap:4px 16px;padding:10px 14px;display:grid}.notice p{margin:0;font-size:.9rem}.notice .muted{grid-column:1/-1}.update-notice{margin-bottom:16px}.unordered-note{color:var(--accent);margin:12px 0 0}.sync-status .link{font-size:inherit}.account-btn{color:inherit;padding:6px 12px;font-size:.9rem;text-decoration:none}.account-chip{background:var(--surface-2);max-width:220px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:inline-flex}.account-chip.synced>span:first-child{color:var(--good)}.account-chip.offline>span:first-child{color:var(--muted)}.account-chip.error>span:first-child{color:var(--bad)}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.discover-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.discover-head h2{font-size:1.3rem}.discover-head p{margin:4px 0 0}.reasons{color:var(--accent);margin:4px 0 0;padding:0;font-size:.82rem;list-style:none}.suggestion-actions{flex-direction:column;align-items:stretch;gap:6px;min-width:140px;display:flex}.suggestion-actions .link{text-align:center}@media (width<=600px){.suggestion-actions{flex-flow:wrap;width:100%}}.card-formats{flex-wrap:wrap;gap:4px;margin:0;display:flex}.format-tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:.72rem}.own-btn{margin-top:2px}.card-shelves{flex-wrap:wrap;gap:4px;margin:0;display:flex}.shelf-tag{background:var(--accent-soft);color:var(--text);border-radius:999px;padding:1px 7px;font-size:.72rem}.shelf-tag:before{content:"🏷 ";font-size:.65rem}.shelf-picker{flex-direction:column;gap:10px;display:flex}.shelf-new{align-items:center;gap:6px;margin-top:8px;display:flex}.shelf-new input{flex:1;min-width:0}.shelf-picker+.form-actions{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.shelf-list{margin:0;padding:0;list-style:none}.shelf-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.shelf-row input{flex:1;min-width:0}.btn{min-height:var(--control-h);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:500;transition:transform .12s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn.primary{background:var(--gradient);color:var(--accent-text);box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 30%, transparent);border:0;font-weight:600}.btn.primary:hover:not(:disabled){filter:none;box-shadow:0 6px 18px color-mix(in srgb, var(--accent-2) 40%, transparent)}.btn.small,.pause-select{border-radius:8px;min-height:30px;padding:0 10px;font-size:.85rem}:where(button,a,input,select):focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}select{appearance:none;min-height:var(--control-h);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px;background-color:var(--surface);border-radius:10px;padding:0 34px 0 12px;transition:border-color .15s}select:hover{border-color:var(--accent-2)}.pause-select{background-position:right 14px center,right 9px center;padding-right:30px}input[type=search],input[type=text],input:not([type]){min-height:var(--control-h);border-radius:10px}.chip{align-items:center;gap:6px;min-height:32px;padding:0 12px;transition:background-color .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--accent-2)}.chip.active{background:var(--gradient);color:var(--accent-text);border-color:#0000;font-weight:600}.chip .count{background:var(--surface-2);color:var(--muted);border-radius:999px;margin:0;padding:1px 7px;font-size:.72rem}.chip.active .count{background:color-mix(in srgb, var(--accent-text) 22%, transparent);color:inherit}.pill{background:var(--info-soft);color:var(--info)}.topbar h1{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.topbar h1 [aria-hidden]{color:initial}.tabs{background:var(--surface-2);gap:2px;padding:4px}.tabs button{min-height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);font-weight:600}.tab-icon{font-size:1rem;line-height:1}.tabs .count{margin:0}.recommend-btn{border-radius:999px;padding:0 18px}.toolbar{grid-template-columns:minmax(0,1fr);justify-content:normal;gap:10px;margin-bottom:18px;display:grid}.toolbar-row{align-items:center;gap:8px;display:flex}.search-field{flex:1;min-width:0;display:flex;position:relative}.search-field input{width:100%;padding-left:32px}.search-icon{color:var(--muted);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:11px;transform:translateY(-52%)}.filters-toggle{display:none}.filters-toggle .badge{background:var(--gradient);min-width:20px;height:20px;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.filter-panel{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-panel .sort-select{margin-left:auto}.status-chips{gap:6px}.card{border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.progress input[type=range]{background:linear-gradient(to right, var(--accent-2), var(--accent) var(--fill), var(--surface-2) var(--fill))}.progress input[type=range]::-webkit-slider-thumb{border-color:var(--accent)}.result{border-radius:var(--radius);box-shadow:var(--shadow)}@media (width<=700px){.app{padding:0 14px;padding-bottom:calc(146px + env(safe-area-inset-bottom))}.topbar{grid-template-columns:1fr auto;padding:14px 0 10px}.topbar h1{font-size:1.35rem}.topbar-actions{justify-self:end;gap:4px}.account-email{display:none}.topbar .tabs{z-index:20;max-width:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0;grid-template-columns:repeat(5,1fr);justify-self:stretch;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.tabs button{min-height:52px;box-shadow:none;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;padding:4px 2px;font-size:.7rem}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.tab-icon{font-size:1.3rem}.tabs .count{background:var(--surface-2);border-radius:999px;min-width:18px;padding:0 5px;font-size:.62rem;line-height:16px;position:absolute;top:3px;right:calc(50% - 26px)}.recommend-btn{right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:21;min-height:50px;box-shadow:0 8px 24px color-mix(in srgb, var(--accent-2) 45%, transparent);padding:0 20px;font-size:1rem;position:fixed}.recommend-extra{display:none}.filters-toggle{display:inline-flex}.filter-panel{display:none}.filter-panel.open{grid-template-columns:1fr 1fr;display:grid}.filter-panel select{width:100%}.filter-panel .sort-select{grid-column:1/-1;margin-left:0}.status-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -14px;padding:2px 14px;overflow-x:auto}.status-chips::-webkit-scrollbar{display:none}.status-chips .chip{flex-shrink:0}.footer{flex-wrap:wrap;row-gap:6px}.card:hover{transform:none}}.theme-setting{flex-wrap:wrap}.theme-grid{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:6px;display:grid}.theme-option{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;gap:5px;padding:4px 4px 6px;font-size:.85rem;display:flex}.theme-option:hover{color:var(--text)}.theme-option.active{border-color:var(--accent);color:var(--text);font-weight:600}.theme-preview{border:1px solid var(--border);border-radius:8px;height:46px;display:flex;overflow:hidden}.theme-preview>span{background:var(--page-glow), var(--bg);flex:1 1 0;align-items:flex-end;gap:4px;min-width:0;padding:6px;display:flex}.theme-preview i{background:var(--surface-2);border:1px solid var(--border);border-radius:3px;width:14px;height:18px}.theme-preview b{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:22px;height:8px}.segmented-choice{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented-choice button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:.85rem;transition:background-color .15s,color .15s}.segmented-choice button.active{background:var(--gradient);color:var(--accent-text);font-weight:600}.discover-section{margin-bottom:26px}.discover-section h3{margin-bottom:10px;font-size:1.05rem}.tile-row{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:168px;grid-auto-flow:column;gap:14px;margin:0;padding:4px 2px 10px;list-style:none;display:grid;overflow-x:auto}.tile{scroll-snap-align:start;flex-direction:column;gap:4px;min-width:0;display:flex}.tile-cover{box-shadow:var(--shadow);border-radius:10px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.tile:hover .tile-cover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.tile-cover .cover{box-shadow:none;border-radius:0}.tile-dismiss{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:50%;width:28px;height:28px;transition:opacity .15s;position:absolute;top:6px;right:6px}.tile:hover .tile-dismiss,.tile-dismiss:focus-visible{opacity:1}@media (hover:none){.tile-dismiss{opacity:1}}.tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-family:ui-serif,Georgia,serif;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-author{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.tile-series{align-self:flex-start}.tile-series-link{font:inherit;cursor:pointer;border:0;font-size:.75rem}.tile-series-link:hover{text-underline-offset:2px;text-decoration:underline}.tile-have{align-self:center}.discover-back{margin-bottom:10px;display:inline-block}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 14px;margin:0;padding:4px 2px 10px;list-style:none;display:grid}.tile .reasons{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.tile-actions{gap:6px;margin-top:auto;padding-top:6px;display:flex}.tile-actions .btn{flex:1;padding:0 6px}.discover-loading{align-items:center;gap:8px;display:flex}.screen-loading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.screen-loading.floating{z-index:50;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);max-width:calc(100vw - 32px);box-shadow:var(--shadow-lift);margin:0;padding:12px 16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.btn,.card,.tile-cover{transition:none}}@media (width<=700px){.tile-row{grid-auto-columns:142px;margin:0 -14px;padding:4px 14px 10px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}}.notice-inline{border:1px solid color-mix(in srgb, var(--bad) 50%, transparent);background:color-mix(in srgb, var(--bad) 10%, transparent);color:var(--text);border-radius:10px;padding:10px 14px}.search-bar .search-by{flex-shrink:0}.search-hint{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:28px 16px}.search-hint p{margin:0}.search-hint p+p{margin-top:8px}@media (width<=700px){.search-bar{flex-flow:wrap}.search-bar input{flex:60%;min-width:0}.search-bar .btn{flex:40%}}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 26px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column-reverse;gap:2px;padding:14px 16px;display:flex}.stat-tile dt{color:var(--muted);font-size:.85rem}.stat-tile dd{margin:0;font-size:1.6rem;font-weight:700;line-height:1.2}.stats-year{min-height:var(--control-h)}.stats-section{margin-bottom:26px}.stats-section h3{margin-bottom:10px;font-size:1.05rem}.stats-list{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.stats-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:8px 12px;display:flex}.stats-row-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stats-row-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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}.goal-card,.goal-empty,.goal-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.goal-empty,.goal-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.goal-empty p{flex:200px;margin:0}.goal-form label{flex:220px;align-items:center;gap:8px;display:flex}.goal-form input{width:6em}.goal-form .error{flex-basis:100%;margin:0}.goal-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.goal-summary strong{font-size:1.15rem}.goal-bar{background:var(--surface-2);border-radius:999px;height:10px;position:relative}.goal-fill{background:var(--gradient);border-radius:999px;height:100%}.goal-marker{background:var(--text);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.goal-actions{gap:8px;margin-top:12px;display:flex}.month-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:auto 1fr;column-gap:8px;padding:14px 16px 10px;display:grid}.month-axis{height:calc(120px + 1em);color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;margin:-.5em 0;font-size:.75rem;line-height:1;display:flex}.month-bars{grid-template-columns:repeat(var(--bars,12), 1fr);border-top:1px dashed var(--border);border-bottom:1px solid var(--muted);gap:2px;height:120px;display:grid}.month-col{justify-content:center;align-items:flex-end;display:flex;position:relative}.month-bar{background:var(--accent);border-radius:4px 4px 0 0;width:min(70%,28px)}.month-col:hover .month-bar{background:var(--accent-2)}.month-col:hover:after{content:attr(data-tip);z-index:2;background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:.8rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.month-col:nth-child(-n+2):hover:after{left:0;transform:none}.month-col:nth-last-child(-n+2):hover:after{left:auto;right:0;transform:none}.month-col.future{background:repeating-linear-gradient(-45deg, transparent 0 4px, color-mix(in srgb, var(--border) 60%, transparent) 4px 5px);border-radius:4px 4px 0 0}.month-labels .future{opacity:.45}.month-labels{grid-column:2;grid-template-columns:repeat(var(--bars,12), 1fr);color:var(--muted);text-align:center;gap:2px;margin-top:4px;font-size:.75rem;display:grid}.stats-pair{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:20px;display:grid}.tally-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,max-content) minmax(40px,1fr) auto;align-items:center;gap:8px 10px;margin:0;padding:12px 16px;list-style:none;display:grid}.tally-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.tally-name{overflow-wrap:anywhere}.tally-bar{height:10px}.tally-bar span{background:var(--accent);border-radius:0 4px 4px 0;min-width:4px;height:100%;display:block}.tally-count{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.tally-note{margin:6px 0 0}.cover-strip{scroll-snap-type:x proximity;grid-auto-columns:96px;grid-auto-flow:column;gap:12px;margin:0;padding:4px 2px 10px;list-style:none;display:grid;overflow-x:auto}.cover-strip-item{scroll-snap-align:start;flex-direction:column;gap:4px;min-width:0;display:flex}.cover-strip-title{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.date-fields{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.date-fields legend{margin-bottom:6px;padding:0;font-size:.85rem;font-weight:600}.date-fields .form-row label{flex:1;min-width:0}@media (width<=600px){.stat-tiles{grid-template-columns:repeat(2,1fr)}.date-fields .form-row{flex-direction:column}}.import-steps{gap:4px;margin:0;padding-left:1.2em;display:grid}.radio-list{gap:6px;display:grid}.book-form label.radio{flex-direction:row;align-items:flex-start;gap:8px;font-size:.9rem;font-weight:400}.book-form label.radio input{margin-top:3px}.import-summary p{margin:0 0 6px;font-size:.9rem}.settings-tabs{margin-bottom:14px}.debug-result{margin:10px 0}.debug-results{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.debug-results li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:4px 8px;display:flex}.debug-results li.match{border-color:var(--good)}.debug-results img{border-radius:3px;display:block}.debug-noart{width:40px;color:var(--muted);font-size:.65rem}.debug-facts{grid-template-columns:auto 1fr;gap:4px 16px;margin:0 0 10px;font-size:.9rem;display:grid}.debug-facts dt{color:var(--muted)}.debug-facts dd{overflow-wrap:anywhere;margin:0}.debug-actions{flex-wrap:wrap;gap:8px;display:flex}.debug-search{align-self:flex-end}.debug-row{flex-wrap:wrap}.debug-row label.grow{flex:140px;min-width:0}.help{justify-items:start;gap:14px;display:grid}.help-intro{margin:0}.help-topic{border-top:1px solid var(--border);justify-self:stretch;padding-top:12px}.help-topic h3{margin-bottom:6px;font-size:1rem}.help-topic ul{gap:4px;margin:0;padding-left:1.2em;display:grid}.help-topic p,.help-topic li{margin:0;font-size:.92rem}.tour-backdrop,.tour-spotlight{z-index:40;pointer-events:none;position:fixed}.tour-backdrop{background:#0a081e80;inset:0}.tour-spotlight{outline:2px solid var(--accent);border-radius:14px;transition:top .2s,left .2s,width .2s,height .2s;box-shadow:0 0 0 9999px #0a081e80}.tour-card{z-index:41;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lift);padding:16px 18px 14px;position:fixed}.tour-card.centred{width:min(360px,100vw - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}.tour-card h2{margin:0 0 6px;font-size:1.15rem}.tour-card p{margin:0 0 12px;font-size:.93rem}.tour-card .tour-progress{margin:0 0 4px}.tour-actions{align-items:center;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.tour-spotlight{transition:none}}.sign-in{gap:12px;display:grid}.sign-in p{margin:0}.sign-in-google{justify-content:center;min-height:44px;font-weight:600}.google-g{color:#4285f4;font-weight:800}.sign-in-or{text-align:center}.stat-note{font-weight:400}.cover-btn,.title-btn{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.cover-btn{width:100%;display:block}.title-btn{font:inherit;line-height:inherit}.title-btn:hover{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.modal.book-page{width:min(760px,100vw - 32px)}.book-page-head{align-items:flex-start;gap:20px;display:flex}.book-page-info{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.book-page-authors{margin:0;font-size:1.05rem}.book-page-controls{align-self:stretch;margin-top:4px}.book-page-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:22px;padding-top:16px;display:flex}.book-page-section h3{font-size:1.05rem}.book-page-section-head{justify-content:space-between;align-items:baseline;display:flex}.book-description p{white-space:pre-line;margin:0;line-height:1.55}.book-dates{flex-wrap:wrap;gap:8px 28px;margin:0;display:flex}.book-dates dt{color:var(--muted);font-size:.78rem}.book-dates dd{margin:0;font-weight:600}.book-page .series-list .link{text-align:left}.series-next{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:flex-start;gap:12px;padding:10px;display:flex}.series-next-info{flex-direction:column;gap:4px;min-width:0;display:flex}.series-next-actions{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.book-notes textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);resize:vertical;box-sizing:border-box;border-radius:8px;width:100%;padding:8px 10px}.book-notes textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (width<=600px){.modal.book-page{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.book-page .modal-body{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.book-page-head{flex-direction:column;align-items:center}.book-page-info{text-align:center;align-self:stretch;align-items:center}.book-page-controls{text-align:left}}.share{gap:12px;display:grid}.share p{margin:0}.share-form{gap:8px;display:grid}.share-label{font-size:.9rem;font-weight:600}.share-check{align-items:center;gap:8px;display:flex}.share-made{gap:8px;display:grid}.share-error{color:var(--bad)}.share-links h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px;font-size:.8rem}.share-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.share-item{border-bottom:1px solid var(--border);gap:6px;padding:8px 0;display:grid}.share-item-head{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.share-item .share-off{justify-self:start}.share-link{align-items:center;gap:6px;display:flex}.share-link input{flex:1;min-width:0}.stats-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stats-section-head h3{margin-bottom:10px}.shared-vote{font-size:1.2rem}.shared-stars{color:var(--accent);white-space:nowrap}.card{position:relative}.card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card-select{z-index:1;background:var(--surface);border:1px solid var(--border);width:34px;height:34px;box-shadow:var(--shadow);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:absolute;top:8px;left:8px}.card-select input{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;margin:0}.select-bar{z-index:15;border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lift);gap:8px;margin-top:18px;padding:10px 14px;display:grid;position:sticky;bottom:12px}.select-bar-head{align-items:center;gap:12px;display:flex}.select-actions{flex-wrap:wrap;gap:6px;display:flex}.btn.danger{color:var(--bad)}.format-choice{border:0;gap:8px;margin:0 0 4px;padding:0;display:grid}.undo-toast{z-index:30;border-radius:var(--radius);background:var(--text);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow-lift);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}body:has(.select-bar) .undo-toast{bottom:130px}.undo-toast .link,.undo-toast .icon-btn{color:var(--bg);font-weight:600}@media (width<=700px){.select-bar{bottom:calc(80px + env(safe-area-inset-bottom))}body:has(.select-bar) .recommend-btn{display:none}.undo-toast{bottom:calc(80px + env(safe-area-inset-bottom))}body:has(.select-bar) .undo-toast{bottom:calc(270px + env(safe-area-inset-bottom))}}