:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--shell);--ink: oklch(30% 0 0);--muted: oklch(56.6% 0 0);--faint: oklch(70% 0 0);--accent-primary: oklch(14.5% 0 0);--accent-primary-hover: oklch(32% 0 0);--accent-primary-soft: oklch(14.5% 0 0 / 8%);--mark-model: oklch(55% 45% 70deg);--mark-model-strong: oklch(62% 50% 70deg);--danger: oklch(50% 55% 31deg);--ok: oklch(50% 45% 145deg);--disabled: oklch(30% 0 0 / 38%);--shell: oklch(97% 0 0);--paper: oklch(99% 0 0);--sidebar: oklch(97.5% 0 0);--surface: oklch(98.4% 0 0);--surface-sunken: oklch(96% 0 0);--raised: #ffffff;--line: oklch(30% 0 0 / 8%);--line-strong: oklch(30% 0 0 / 17%);--focus: oklch(30% 0 0);--stroke: oklch(14.5% 0 0);--shadow-popover: 4px 4px 0 0 rgba(0, 0, 0, .12);--shadow-raised: 2px 2px 0 0 rgba(0, 0, 0, .1);--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", Georgia, serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--topbar-h: 74px;--sidebar-w: 260px;--footer-h: 46px;--column-w: 768px;--column-gutter: 64px;--z-page-turn: 1;--z-loading: 2;--z-scrim: 2;--z-sidebar: 3;--z-topbar: 4;--z-overlay: 5;--ease-out: cubic-bezier(.32, .72, 0, 1)}[data-theme=night]{--ink: oklch(92.5% 0 0);--muted: oklch(78% 0 0);--faint: oklch(64% 0 0);--accent-primary: oklch(92.5% 0 0);--accent-primary-hover: oklch(80% 0 0);--accent-primary-soft: oklch(92.5% 0 0 / 12%);--mark-model: oklch(75% 45% 70deg);--mark-model-strong: oklch(80% 50% 70deg);--danger: oklch(80% 55% 31deg);--shell: oklch(0% 0 0);--paper: oklch(3% 0 0);--sidebar: oklch(2% 0 0);--surface: oklch(9% 0 0);--surface-sunken: oklch(5% 0 0);--raised: oklch(14% 0 0);--line: oklch(28% 0 0);--line-strong: oklch(34% 0 0);--focus: oklch(92.5% 0 0);--stroke: oklch(32% 0 0);--ok: oklch(72% 45% 145deg);--disabled: oklch(92.5% 0 0 / 30%);--shadow-popover: 0 0 0 1px rgba(255, 255, 255, .12), 0 24px 60px -20px rgba(0, 0, 0, .6);--shadow-raised: 0 0 0 1px rgba(255, 255, 255, .09)}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit;appearance:none;-webkit-appearance:none;background:none;border-radius:0}body{margin:0;min-width:320px;overflow:hidden;background:var(--shell)}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus);outline-offset:-1px}::selection{background:var(--accent-primary-soft)}.no-transitions,.no-transitions *,.no-transitions *:before,.no-transitions *:after{transition:none!important}.app-shell{height:100vh;height:100dvh;background:var(--shell);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.topbar{height:var(--topbar-h);display:grid;grid-template-columns:var(--sidebar-w) 1fr 360px;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:var(--sidebar);position:relative;z-index:var(--z-topbar)}.brand-group,.top-actions,.feedback-word-row{display:flex;align-items:center}.brand-group{gap:10px}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#f8f5ed;background:var(--accent-primary);font:600 18px var(--font-serif);box-shadow:0 5px 16px color-mix(in oklch,var(--accent-primary) 20%,transparent);flex-shrink:0}[data-theme=night] .brand-mark{color:#14201a;box-shadow:none}.brand-name{font:600 var(--text-lg) var(--font-serif);letter-spacing:.06em}.brand-caption{font:500 var(--text-xs) -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.14em;color:var(--faint);margin-top:1px}.book-heading{min-width:0;text-align:center}.book-heading strong,.book-heading span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-heading strong{font:600 var(--text-md) var(--font-serif)}.book-heading span{font-size:var(--text-sm);color:var(--muted);margin-top:4px}.top-actions{justify-content:flex-end;gap:8px}.icon{display:inline-grid;place-items:center;min-width:16px}.icon-button,.text-button{border:0;outline:1px solid var(--line);outline-offset:-1px;background:var(--raised);border-radius:8px;cursor:pointer;height:44px;transition-property:background-color,outline-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}.icon-button{width:44px;font-weight:600;display:grid;place-items:center}.text-button{display:flex;align-items:center;gap:6px;padding:0 15px;font-size:var(--text-base)}.icon-button:active,.text-button:active{transform:scale(.96)}.menu-button{display:grid}.model-status{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:6px;margin-right:6px;white-space:nowrap}.model-status i{position:relative;width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0}.model-status i:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:color-mix(in srgb,var(--ok) 14%,transparent)}.model-status.is-error i{background:var(--danger)}.model-status.is-error i:after{background:color-mix(in oklch,var(--danger) 12%,transparent)}.model-status.is-working i:after{animation:status-contract 1.5s var(--ease-out) infinite}@keyframes status-contract{0%{transform:scale(1);opacity:0}25%{opacity:1}to{transform:scale(.4);opacity:0}}.reader-layout{height:calc(100vh - var(--topbar-h));height:calc(100dvh - var(--topbar-h));display:grid;grid-template-columns:var(--sidebar-w) 1fr}.reader-layout.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar{width:var(--sidebar-w);min-width:0;overflow:hidden;border-right:1px solid var(--line);background:var(--sidebar);padding:24px 14px 18px;display:flex;flex-direction:column}.sidebar-viewport{display:contents}.sidebar-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:0 11px 12px}.toc-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.toc-list::-webkit-scrollbar{width:8px}.toc-list::-webkit-scrollbar-track{background:transparent}.toc-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--line-strong);background-clip:padding-box}.toc-list button{appearance:none;width:100%;border:0;border-radius:8px;background:transparent;text-align:left;min-height:44px;padding:11px;font:500 var(--text-base)/1.45 var(--font-serif);cursor:pointer;display:grid;grid-template-columns:28px 1fr;align-items:start;color:var(--ink);transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-out}.toc-list button span{color:var(--faint);font:500 var(--text-xs)/1.45 -apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums}.toc-list button.active{color:var(--accent-primary-hover);background:var(--surface);box-shadow:var(--shadow-raised)}.toc-list button.active span{color:var(--mark-model)}.toc-empty{margin:6px 11px;font-size:var(--text-sm);line-height:1.7;color:var(--muted)}.sidebar-tip{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:8px;font-size:var(--text-xs);line-height:1.7;color:var(--muted);background:var(--surface)}.sidebar-tip>span{display:block;font-weight:600;color:var(--accent-primary);margin-bottom:3px}.mark-legend{display:flex;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.mark-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--text-xs)}.mark-legend i{width:15px;height:8px;border-bottom:2px solid;border-radius:1px;flex-shrink:0}.mark-legend .model-mark{border-color:var(--mark-model-strong);background:color-mix(in oklch,var(--mark-model-strong) 22%,transparent)}.mark-legend .explicit-mark{border-color:var(--ok);background:color-mix(in oklch,var(--ok) 19%,transparent)}.reading-stage{min-width:0;position:relative;background:var(--paper);overflow:hidden}.epub-viewport{position:absolute;top:0;bottom:var(--footer-h);left:50%;transform:translate(-50%);width:min(100% - var(--column-gutter) * 2,var(--column-w));opacity:0;pointer-events:none;transition:opacity .2s ease-out}.epub-viewport.visible{opacity:1;pointer-events:auto}.empty-reader,.loading-reader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-reader{padding:40px;text-align:center;background:radial-gradient(circle at 50% 42%,var(--surface) 0,var(--paper) 45%,var(--shell) 100%);transition:box-shadow .15s ease-out}.empty-reader.is-dropping{box-shadow:inset 0 0 0 2px var(--accent-primary)}.empty-illustration{width:260px;height:154px;position:relative;margin-bottom:20px}.book-shape{width:166px;height:126px;position:absolute;left:47px;top:13px;border-radius:7px 14px 14px 7px;transform:rotate(-3deg);background:linear-gradient(135deg,#315f4e,#23483b);box-shadow:0 25px 45px #1e362d38}.book-shape:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:#ffffff2e}.book-shape:after{content:"";position:absolute;inset:8px -5px -7px 8px;border:1px solid var(--line);border-left:0;border-radius:4px 12px 12px 4px;z-index:-1;background:var(--surface-sunken)}.book-shape span{color:#ffffffa3;font:500 var(--text-xs) -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.25em;position:absolute;inset:0;display:grid;place-items:center}.gloss-chip{position:absolute;padding:6px 11px;border-radius:9px;color:var(--mark-model);background:var(--surface);font:600 var(--text-sm) var(--font-serif);box-shadow:0 8px 20px color-mix(in oklch,var(--mark-model) 14%,transparent)}.chip-one{left:18px;top:28px;transform:rotate(-7deg)}.chip-two{right:8px;bottom:20px;transform:rotate(5deg)}.eyebrow{margin:0 0 11px;font-size:var(--text-xs);letter-spacing:.18em;color:var(--mark-model)}.empty-reader h1{margin:0;max-width:16em;font:600 clamp(29px,3vw,42px)/1.28 var(--font-serif);letter-spacing:-.01em;color:var(--ink)}.empty-reader h1 span{display:inline-block}.empty-copy{max-width:46ch;margin:18px 0 24px;color:var(--muted);font-size:var(--text-md);line-height:1.8}.empty-actions{display:flex;gap:10px}.primary-button,.secondary-button{height:46px;padding:0 22px;border-radius:8px;cursor:pointer;border:0;outline:1px solid var(--accent-primary);outline-offset:-1px;font-size:var(--text-base);font-weight:500;transition-property:background-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease-out}.primary-button{color:var(--paper);background:var(--accent-primary);box-shadow:var(--shadow-raised)}[data-theme=night] .primary-button{color:#14201a;box-shadow:none}.secondary-button{color:var(--accent-primary);background:transparent}.primary-button:active,.secondary-button:active{transform:scale(.96)}.privacy-note{margin-top:18px;font-size:var(--text-xs);color:var(--faint)}.loading-reader{z-index:var(--z-loading);gap:12px;color:var(--muted);font-size:var(--text-base);background:var(--paper)}.spinner{width:25px;height:25px;border:2px solid var(--line-strong);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}.page-turn{position:absolute;z-index:var(--z-page-turn);top:50%;width:44px;height:72px;margin-top:-36px;border:0;border-radius:8px;background:transparent;color:var(--faint);font:300 34px Georgia,serif;cursor:pointer;display:grid;place-items:center;transition-property:color,background-color,opacity;transition-duration:.15s;transition-timing-function:ease-out}.page-turn:disabled{color:var(--disabled);cursor:default}.page-turn.previous{left:8px}.page-turn.next{right:8px}.reader-footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(100% - var(--column-gutter) * 2,var(--column-w));height:var(--footer-h);display:grid;grid-template-columns:auto 1fr 4ch;gap:16px;align-items:center;color:var(--muted);font-size:var(--text-xs);padding-bottom:env(safe-area-inset-bottom)}.reader-footer>span{white-space:nowrap;font-variant-numeric:tabular-nums}.count-digits{display:inline-flex;align-items:baseline;justify-content:flex-end;min-width:2ch;--digit-dir: -1}.count-digits[data-rising]{--digit-dir: 1}.count-digit{display:inline-block}.count-digits.is-animating .count-digit{animation:digit-in .26s var(--ease-out) both;animation-delay:calc(40ms * var(--digit-index));will-change:transform,opacity}@keyframes digit-in{0%{transform:translateY(calc(6px * var(--digit-dir)));opacity:0;filter:blur(1px)}}.reader-footer>span:last-child{text-align:right}.progress-track{height:3px;border-radius:0;background:var(--line);overflow:hidden}.progress-track i{display:block;width:100%;height:100%;border-radius:0;background:var(--mark-model);transform-origin:left center}.settings-popover,.feedback-card{z-index:var(--z-overlay);background:var(--raised);box-shadow:var(--shadow-popover);border:1px solid var(--stroke)}.feedback-card{position:fixed}.settings-positioner{z-index:var(--z-overlay)}.settings-popover,.feedback-card{opacity:0;scale:.96;pointer-events:none;transition-property:opacity,scale;transition-duration:.14s;transition-timing-function:var(--ease-out)}.settings-popover[data-open],.feedback-card[data-open]{opacity:1;scale:1;pointer-events:auto;transition-duration:.2s}.settings-popover{width:300px;border-radius:0;padding:18px;transform-origin:top right}.popover-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.popover-heading strong{font:600 var(--text-lg) var(--font-serif)}.popover-heading button,.feedback-close{border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:20px;width:44px;height:44px;margin:-10px -12px -10px 0;border-radius:8px;display:grid;place-items:center;transition:color .15s ease-out,background-color .15s ease-out}.settings-popover label{display:block;margin:16px 0}.settings-popover label>span{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--text-sm);color:var(--muted)}.settings-popover label b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.settings-slider-control{display:flex;align-items:center;width:100%;height:44px;margin-top:2px;touch-action:none;-webkit-user-select:none;user-select:none}.settings-slider-track{position:relative;width:100%;height:4px;border-radius:0;background:var(--surface-sunken)}.settings-slider-indicator{border-radius:0;background:var(--accent-primary)}.settings-slider-thumb{width:16px;height:16px;border-radius:50%;background:var(--raised);outline:1px solid var(--line-strong);outline-offset:-1px;box-shadow:var(--shadow-raised)}.settings-slider-thumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.settings-slider-thumb[data-dragging]{box-shadow:var(--shadow-popover)}.font-size-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:4px;border-radius:6px;background:var(--surface-sunken)}.font-size-mode button,.theme-toggle button{min-height:44px;border:0;border-radius:4px;color:var(--muted);background:transparent;cursor:pointer;font-size:var(--text-sm);transition:color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.font-size-mode button[data-pressed],.theme-toggle button[data-pressed]{color:var(--ink);background:var(--raised);box-shadow:var(--shadow-raised)}.settings-group{margin:16px 0}.settings-group>span{display:block;font-size:var(--text-sm);color:var(--muted);margin-bottom:10px}.settings-popover .font-size-group>span{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--text-sm);color:var(--muted)}.settings-popover .font-size-group b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-sunken);border-radius:6px}.reset-button{width:100%;border:0;border-top:1px solid var(--line);color:var(--danger);background:transparent;padding:14px 0 0;margin-top:16px;cursor:pointer;font-size:var(--text-sm);min-height:44px}.feedback-card{right:24px;bottom:24px;width:min(410px,calc(100vw - 48px));border-radius:0;padding:22px;transform-origin:bottom right}.feedback-card:focus{outline:none}.feedback-close{position:absolute;right:10px;top:10px;margin:0}.feedback-word-row{justify-content:space-between;padding-right:34px;gap:12px}.feedback-kicker{display:block;color:var(--mark-model);font-size:var(--text-xs);letter-spacing:.06em;margin-bottom:4px}.feedback-card h2{margin:0;font:600 27px Georgia,serif;color:var(--ink)}.probability{border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:var(--accent-primary);background:var(--accent-primary-soft);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums}.translation{margin:16px 0 12px;padding:12px 14px;border-radius:8px;background:var(--surface-sunken);min-height:78px}.gloss-skeleton{display:block;border-radius:3px;background:var(--line);animation:pulse 1.2s ease-in-out infinite}.gloss-skeleton.phonetic{width:88px;height:var(--text-xs);margin-bottom:6px}.gloss-skeleton.line-one{width:100%;height:15px}.gloss-skeleton.line-two{width:58%;height:15px;margin-top:7px}.gloss-retry{margin-top:10px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--ink);font-size:var(--text-sm);cursor:pointer;transition-property:background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.translation span,.translation strong{display:block}.translation span{color:var(--muted);font-size:var(--text-xs);margin-bottom:5px}.translation strong{font:600 var(--text-lg) var(--font-serif)}.feedback-card>p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.65}.feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.feedback-actions button{border:1px solid var(--line);min-height:44px;border-radius:8px;background:var(--raised);cursor:pointer;font-size:var(--text-sm);padding:0 8px;transition-property:background-color,border-color,transform;transition-duration:.15s;transition-timing-function:ease-out}.feedback-actions button.unknown{color:var(--paper);border-color:var(--accent-primary);background:var(--accent-primary)}[data-theme=night] .feedback-actions button.unknown{color:#14201a}.feedback-actions button:active{transform:scale(.96)}.toast-viewport{position:fixed;z-index:var(--z-overlay);left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:8px;max-width:calc(100vw - 32px)}.toast{padding:11px 18px;border-radius:6px;font-size:var(--text-base);color:var(--paper);background:var(--ink);max-width:calc(100vw - 32px);text-align:center;opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:.2s;transition-timing-function:var(--ease-out)}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translateY(8px)}[data-theme=night] .toast{color:#161a18}@media(hover:hover)and (pointer:fine){.icon-button:hover,.text-button:hover{background:var(--surface);border-color:var(--line-strong)}.toc-list button:hover{background:var(--surface)}.toc-list::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}.page-turn:hover:not(:disabled){color:var(--accent-primary);background:var(--accent-primary-soft)}.primary-button:hover{background:var(--accent-primary-hover)}.secondary-button:hover{background:var(--accent-primary-soft)}.popover-heading button:hover,.feedback-close:hover{color:var(--ink);background:var(--surface-sunken)}.font-size-mode button:hover:not([data-pressed]),.theme-toggle button:hover:not([data-pressed]){color:var(--ink)}.feedback-actions button:hover:not(.unknown){border-color:var(--line-strong)}.reset-button:hover{color:var(--ink)}.gloss-retry:hover{background:var(--surface);border-color:var(--line-strong)}}@media(max-width:1100px){:root{--column-gutter: 52px}}@media(max-width:860px){:root{--topbar-h: 64px;--sidebar-w: 220px;--column-gutter: 48px}.topbar{grid-template-columns:1fr auto;padding:0 12px;gap:8px}.book-heading,.model-status,.brand-caption{display:none}.text-button{width:44px;padding:0;justify-content:center;font-size:0}.text-button .icon{font-size:18px}}@media(max-width:620px){:root{--column-gutter: 18px;--footer-h: 42px}.sidebar{position:fixed;z-index:var(--z-sidebar);left:0;top:var(--topbar-h);bottom:0;width:260px;box-shadow:18px 0 35px #212c272e;padding-bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(var(--drawer-swipe-movement-x, 0px));transition:transform .25s var(--ease-out)}.sidebar[data-starting-style],.sidebar[data-ending-style]{transform:translate(calc(-100% + var(--drawer-swipe-movement-x, 0px)))}.sidebar-scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0;z-index:var(--z-scrim);background:#141a1752;border:0;width:100%;opacity:1;transition:opacity .2s ease-out}.sidebar-scrim[data-starting-style],.sidebar-scrim[data-ending-style]{opacity:0}.reader-layout,.reader-layout.sidebar-collapsed{display:block}.reading-stage{height:100%}.brand-mark{display:none}.empty-reader{padding:24px}.empty-illustration{transform:scale(.82);margin-bottom:2px}.empty-reader h1{font-size:28px}.empty-actions{flex-direction:column;width:100%;max-width:300px}.primary-button,.secondary-button{width:100%}.feedback-card{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}.feedback-actions{grid-template-columns:1fr}.settings-popover{width:min(300px,calc(100vw - 24px))}.page-turn{width:30px;opacity:.5}.reader-footer{font-size:10px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0s!important}.spinner{animation:pulse 1.4s ease-in-out infinite!important;animation-duration:1.4s!important;animation-iteration-count:infinite!important;border-top-color:var(--accent-primary)}.model-status.is-working i:after{animation:none!important}}