:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--shell);--ink: #26332d;--muted: #626b66;--faint: #5f6863;--green: #2e6d56;--green-dark: #245744;--green-soft: rgba(46, 109, 86, .09);--accent: #a6522c;--accent-mark: #d78559;--danger: #9b4f3a;--ok: #3d7f97;--disabled: #a4aca8;--shell: #e9e5db;--paper: #f8f5ed;--sidebar: #efebe2;--surface: #fffdf8;--surface-sunken: #f0ece3;--raised: #ffffff;--line: rgba(38, 51, 45, .12);--line-strong: rgba(38, 51, 45, .2);--focus: #26332d;--shadow-popover: 0 0 0 1px rgba(35, 49, 42, .05), 0 2px 6px rgba(31, 43, 37, .08), 0 24px 60px -12px rgba(31, 43, 37, .2);--shadow-raised: 0 0 0 1px rgba(35, 49, 42, .05), 0 1px 3px rgba(35, 49, 42, .06), 0 4px 10px -4px rgba(35, 49, 42, .08);--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: #dcd8ce;--muted: #9aa39d;--faint: #8b938e;--green: #6fb392;--green-dark: #8bc7a8;--green-soft: rgba(111, 179, 146, .12);--accent: #dd9a6f;--accent-mark: #d78559;--danger: #d8836a;--shell: #161a18;--paper: #202521;--sidebar: #1a1f1c;--surface: #272d29;--surface-sunken: #1d221f;--raised: #2f3632;--line: #333b36;--line-strong: #454e49;--focus: #e8e5dc;--ok: #7fb8cd;--disabled: #4c554f;--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}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:2px}::selection{background:var(--green-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:10px;display:grid;place-items:center;color:#f8f5ed;background:var(--green);font:600 18px var(--font-serif);box-shadow:0 5px 16px #2e6d5633;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:1px solid var(--line);background:var(--raised);border-radius:11px;cursor:pointer;height:44px;transition-property:background-color,border-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{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 14%,transparent);flex-shrink:0}.model-status.is-error i{background:var(--danger);box-shadow:0 0 0 4px #9b4f3a1f}.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-scrim{display:none}.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:10px;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(--green-dark);background:var(--surface);box-shadow:var(--shadow-raised)}.toc-list button.active span{color:var(--accent)}.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:12px;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(--green);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(--accent-mark);background:#e09f6e38}.mark-legend .explicit-mark{border-color:#39765f;background:#4c8b6f30}[data-theme=night] .mark-legend .explicit-mark{border-color:#6fb392}.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(--green)}.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(--accent);background:var(--surface);font:600 var(--text-sm) var(--font-serif);box-shadow:0 8px 20px #5f3d2924}.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(--accent)}.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:12px;cursor:pointer;border:1px solid var(--green);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(--green);box-shadow:0 7px 20px #2e6d5633}[data-theme=night] .primary-button{color:#14201a;box-shadow:none}.secondary-button{color:var(--green);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(--green);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:10px;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}.reader-footer>span:last-child{text-align:right}.progress-track{height:3px;border-radius:999px;background:var(--line);overflow:hidden}.progress-track i{display:block;width:100%;height:100%;border-radius:999px;background:var(--accent);transform-origin:left center}.settings-popover,.feedback-card,.toast{position:fixed;z-index:var(--z-overlay);background:var(--surface);box-shadow:var(--shadow-popover);border:1px solid var(--line)}.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{right:22px;top:calc(var(--topbar-h) - 8px);width:300px;border-radius:16px;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:10px;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-popover input[type=range]{width:100%;accent-color:var(--green);margin-top:6px;height:44px}.font-size-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px;padding:4px;border-radius:12px;background:var(--surface-sunken)}.font-size-mode button,.theme-toggle button{min-height:44px;border:0;border-radius:8px;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.active,.theme-toggle button.active{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}.theme-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-sunken);border-radius:12px}.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:18px;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(--accent);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:99px;padding:6px 10px;color:var(--green);background:var(--green-soft);font-size:var(--text-xs);white-space:nowrap;font-variant-numeric:tabular-nums}.translation{margin:16px 0 12px;padding:12px 14px;border-radius:12px;background:var(--surface-sunken);min-height:78px}.gloss-skeleton{display:block;border-radius:5px;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:10px;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:11px;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(--green);background:var(--green)}[data-theme=night] .feedback-actions button.unknown{color:#14201a}.feedback-actions button:active{transform:scale(.96)}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);padding:11px 18px;border-radius:99px;font-size:var(--text-base);color:var(--paper);background:var(--ink);border-color:transparent;animation:toast-in .2s var(--ease-out);max-width:calc(100vw - 32px);text-align:center}[data-theme=night] .toast{color:#161a18}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@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(--green)}.page-turn:hover:not(:disabled){color:var(--green);background:var(--green-soft)}.primary-button:hover{background:var(--green-dark)}.secondary-button:hover{background:var(--green-soft)}.popover-heading button:hover,.feedback-close:hover{color:var(--ink);background:var(--surface-sunken)}.font-size-mode button:hover:not(.active),.theme-toggle button:hover:not(.active){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;transition:transform .25s var(--ease-out);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-scrim{display:block;position:fixed;inset:var(--topbar-h) 0 0;z-index:var(--z-scrim);background:#141a1752;border:0;width:100%;animation:fade-in .2s ease-out}@keyframes fade-in{0%{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{right:12px;left:12px;width:auto}.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}.spinner{animation:pulse 1.4s ease-in-out infinite!important;animation-duration:1.4s!important;animation-iteration-count:infinite!important;border-top-color:var(--green)}}