:root{--bg:#f7f4ee;--bg-tint:#efe9df;--surface:#fffdf9;--surface-2:#f3eee5;--surface-3:#e9e2d6;--border:#e0d8ca;--border-strong:#cabfad;--text:#1f1b17;--text-dim:#6a6055;--text-faint:#948a7d;--accent:#9a3f2f;--accent-hover:#823426;--accent-soft:#f6e6e1;--accent-text:#fff;--good:#2f6b4f;--good-soft:#e3f0e8;--warn:#8f5a12;--warn-soft:#f8ecd8;--bad:#a3392a;--bad-soft:#f8e5e1;--radius-sm:9px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f1b170f;--shadow:0 1px 2px #1f1b170f, 0 6px 18px #1f1b1712;--shadow-lg:0 2px 4px #1f1b1714, 0 18px 40px #1f1b171f;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);--tap:46px;--bar-height:64px;--ease:cubic-bezier(.2, .7, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131218;--bg-tint:#191821;--surface:#1d1c25;--surface-2:#26252f;--surface-3:#32303c;--border:#353340;--border-strong:#4b4857;--text:#f2eee7;--text-dim:#a49d93;--text-faint:#7c7568;--accent:#e5917a;--accent-hover:#f0a58f;--accent-soft:#2a1f21;--accent-text:#1a1013;--good:#6dc6a0;--good-soft:#1b2a24;--warn:#e0b268;--warn-soft:#2c2519;--bad:#e58c7c;--bad-soft:#2e1e1c;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 6px 18px #00000052;--shadow-lg:0 2px 4px #00000073, 0 18px 40px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131218;--bg-tint:#191821;--surface:#1d1c25;--surface-2:#26252f;--surface-3:#32303c;--border:#353340;--border-strong:#4b4857;--text:#f2eee7;--text-dim:#a49d93;--text-faint:#7c7568;--accent:#e5917a;--accent-hover:#f0a58f;--accent-soft:#2a1f21;--accent-text:#1a1013;--good:#6dc6a0;--good-soft:#1b2a24;--warn:#e0b268;--warn-soft:#2c2519;--bad:#e58c7c;--bad-soft:#2e1e1c;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #0006, 0 6px 18px #00000052;--shadow-lg:0 2px 4px #00000073, 0 18px 40px #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 520px at 50% -12%, var(--bg-tint), transparent 70%);position:fixed;inset:0}.app{z-index:1;flex-direction:column;max-width:760px;min-height:100%;margin:0 auto;display:flex;position:relative}main{padding:12px 16px calc(var(--bar-height) + 26px + env(safe-area-inset-bottom));flex:1}h1{letter-spacing:-.02em;margin:2px 0 14px;font-size:clamp(1.45rem,5.2vw,1.85rem);line-height:1.2}h2{letter-spacing:-.005em;margin:26px 0 10px;font-size:1.02rem}p{margin:0 0 12px}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.85rem}.tiny{font-size:.78rem}strong{font-weight:650}.topbar{z-index:20;min-height:52px;padding:max(6px, env(safe-area-inset-top)) 16px 6px;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .where{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.92rem;font-weight:650;overflow:hidden}.topbar .mark{letter-spacing:-.015em;align-items:center;gap:10px;font-weight:650;display:inline-flex}.topbar .spine{background:var(--accent);width:5px;height:17px;box-shadow:8px 0 0 -1px color-mix(in srgb, var(--accent) 42%, transparent);border-radius:2px;flex:none}button{font:inherit;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .1s var(--ease), box-shadow .16s var(--ease);padding:10px 16px}button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2)}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.45;cursor:default}:where(button,input,select,textarea,label.pill,a):focus-visible{box-shadow:var(--ring);border-color:var(--accent);outline:none}button.primary{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm);border-color:#0000;font-weight:640}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}button.big{border-radius:var(--radius-lg);width:100%;min-height:58px;font-size:1.05rem}button.primary.big{box-shadow:var(--shadow)}button.danger{color:var(--bad)}button.danger:hover:not(:disabled){background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 40%, transparent)}button.link{min-height:0;color:var(--accent);text-underline-offset:2px;background:0 0;border:0;padding:2px 4px;text-decoration:underline}button.link:hover:not(:disabled){background:0 0}button.ghost{background:0 0;border-color:#0000}button.icon{border-radius:var(--radius-pill);background:var(--surface);min-width:38px;min-height:38px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;display:inline-flex}input,select,textarea{font:inherit;width:100%;min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);padding:11px 13px}input::placeholder{color:var(--text-faint)}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--accent);flex:none}label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px;font-size:.76rem;font-weight:600;display:block}.field+.field{margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.stack{flex-direction:column;gap:12px;display:flex}.stack.tight{gap:7px}.segmented{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);gap:3px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);min-height:34px;color:var(--text-dim);box-shadow:none;background:0 0;border:0;padding:4px 14px;font-size:.85rem}.segmented button:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 60%, transparent)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:620}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:15px}.card.flush{padding:11px}.banner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:12px 14px}.banner.good{background:var(--good-soft);border-color:color-mix(in srgb, var(--good) 30%, transparent)}.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb, var(--warn) 32%, transparent)}.banner.bad{background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 34%, transparent)}.hero{padding:14px 0 2px}.hero h1{margin-bottom:6px}.stats{gap:8px;margin:14px 0 18px;display:flex}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);flex:1;padding:11px 13px}.stat .n{letter-spacing:-.02em;font-size:1.35rem;font-weight:680;line-height:1.15;display:block}.stat .k{letter-spacing:.045em;text-transform:uppercase;color:var(--text-faint);margin-top:1px;font-size:.72rem;display:block}.stat.read .n{color:var(--good)}.stat.unread .n{color:var(--bad)}.section{margin-bottom:22px}.section>h2{margin-top:0}.kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:.88rem;display:flex}.kv:last-child{border-bottom:0}.kv .k{color:var(--text-dim)}.pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);align-items:center;gap:7px;padding:5px 13px;font-size:.85rem;display:inline-flex}.pill:hover{border-color:var(--border-strong)}.pill .dot{background:var(--text-faint);width:8px;height:8px;transition:background .16s var(--ease);border-radius:50%;flex:none}.pill.on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 34%, transparent)}.pill.on .dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 22%, transparent)}.pill.off .dot{background:var(--text-faint)}.chip{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-dim);border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:620;display:inline-flex}.chip.high{color:var(--good);background:var(--good-soft)}.chip.medium{color:var(--warn);background:var(--warn-soft)}.chip.low{color:var(--bad);background:var(--bad-soft)}.chip.ai{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.progress{border-radius:var(--radius-pill);background:var(--surface-3);height:7px;overflow:hidden}.progress>div{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, var(--good)));height:100%;transition:width .25s var(--ease)}.book-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.book-list.grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;display:grid}.book-row{text-align:left;width:100%;transition:box-shadow .16s var(--ease), border-color .16s var(--ease);align-items:center;gap:12px;padding:10px;display:flex}.book-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.book-list.grid .book-row{flex-direction:column;align-items:stretch;gap:9px}.book-list.grid .row-open{flex-direction:column;align-items:stretch;gap:8px}.book-list.grid .cover{aspect-ratio:2/3;border-radius:var(--radius-sm);width:100%;height:auto}.book-list.grid .status{justify-content:center;width:100%}.row-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:0;padding:0;display:flex}.row-open:hover:not(:disabled){background:0 0;border-color:#0000}.status{border-radius:var(--radius-pill);flex:none;align-items:center;gap:7px;min-height:38px;padding:4px 13px;font-size:.79rem;font-weight:620;display:inline-flex}.status.wide{width:100%;min-height:var(--tap);justify-content:center}.status .dot{border-radius:50%;flex:none;width:9px;height:9px}.status.read{color:var(--good);border-color:color-mix(in srgb, var(--good) 42%, transparent);background:var(--good-soft)}.status.read:hover:not(:disabled){background:color-mix(in srgb, var(--good) 18%, var(--surface));border-color:var(--good)}.status.read .dot{background:var(--good)}.status.unread{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 42%, transparent);background:var(--bad-soft)}.status.unread:hover:not(:disabled){background:color-mix(in srgb, var(--bad) 18%, var(--surface));border-color:var(--bad)}.status.unread .dot{background:var(--bad)}.cover{object-fit:cover;background:linear-gradient(150deg, var(--surface-2), var(--surface-3));width:50px;height:72px;box-shadow:var(--shadow-sm);border-radius:5px;flex:none}.cover.large{border-radius:var(--radius-sm);width:92px;height:132px}.book-row .meta{min-width:0}.book-row .title{letter-spacing:-.008em;text-overflow:ellipsis;white-space:nowrap;font-weight:620;overflow:hidden}.book-list.grid .title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.empty{text-align:center;color:var(--text-dim);padding:44px 16px}.empty .glyph{opacity:.4;margin-bottom:8px;font-size:2rem;display:block}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;height:74px;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.scan-item{border-bottom:1px solid var(--border);flex-direction:column;gap:5px;padding:11px 0;font-size:.9rem;display:flex}.scan-item:first-child{padding-top:2px}.scan-item:last-child{border-bottom:0;padding-bottom:2px}.scan-item .meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.crop-area{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}.crop-area img{width:100%;display:block}.crop-box{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);pointer-events:none;position:absolute}video.preview{border-radius:var(--radius);background:#000;width:100%}nav.tabs{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-top:1px solid var(--border);max-width:760px;padding-bottom:env(safe-area-inset-bottom);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs button{box-shadow:none;min-height:var(--bar-height);color:var(--text-dim);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.72rem;display:flex;position:relative}nav.tabs button:hover:not(:disabled){color:var(--text);background:0 0}nav.tabs button[aria-current=page]{color:var(--accent);font-weight:640}nav.tabs button[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:0}nav.tabs .glyph{font-size:1.2rem;line-height:1}.fade-in{animation:fade-in .22s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}