.hidden{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#2d2a24;background:#f5f0e8;font-family:Georgia,Noto Serif,serif;line-height:1.8;overflow:hidden}body:before{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:0;background-image:radial-gradient(#14161c0a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}.screen{flex-direction:column;height:100vh;display:none}.screen.active{display:flex}#uploadScreen{--tm-green-500:#16a86a;--tm-green-600:#0e7c49;--tm-green-700:#0c6b3f;--tm-green-100:#ddf6e9;--tm-green-50:#e6f7ef;--tm-reward:linear-gradient(135deg, #1fb573, #0e8a52);--tm-ink-900:#1f2733;--tm-ink-600:#51596a;--tm-ink-500:#6b7380;--tm-bg:#f2fbf6;--tm-surface:#fff;--tm-line:#e6ebef;--tm-font-ui:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--tm-font-display:Georgia, "Times New Roman", "Songti SC", serif;--tm-shadow-card:0 4px 16px #107c4914;--tm-shadow-btn:0 6px 14px #0e7c494d;background:var(--tm-bg);font-family:var(--tm-font-ui);color:var(--tm-ink-900);line-height:1.55}.tm-nav{z-index:5;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--tm-line);background:#f2fbf6d9;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.tm-brand{color:var(--tm-ink-900);align-items:center;gap:11px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.tm-logo{background:var(--tm-reward);color:#fff;width:38px;height:38px;font-family:var(--tm-font-display);box-shadow:var(--tm-shadow-btn);border-radius:11px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.tm-brand-text small{color:var(--tm-ink-500);letter-spacing:.02em;font-size:12px;font-weight:600;display:block}.tm-nav-cta{background:var(--tm-reward);color:#fff;box-shadow:var(--tm-shadow-btn);border-radius:14px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.22,.61,.36,1);display:inline-flex}.tm-nav-cta:hover{transform:translateY(-1px)}.tm-main{-webkit-overflow-scrolling:touch;flex:1;padding:0 24px;overflow-y:auto}.tm-hero{text-align:center;max-width:720px;margin:52px auto 32px}.tm-eyebrow{letter-spacing:.06em;color:var(--tm-green-700);background:var(--tm-green-100);border-radius:999px;margin-bottom:18px;padding:5px 13px;font-size:13px;font-weight:700;display:inline-block}.tm-title{font-family:var(--tm-font-display);letter-spacing:.01em;color:var(--tm-ink-900);margin-bottom:10px;font-size:42px;font-weight:800;line-height:1.2}.tm-title-en{font-family:var(--tm-font-display);color:var(--tm-green-600);margin-bottom:18px;font-size:18px;font-style:italic}.tm-hero-sub{color:var(--tm-ink-600);font-size:16px;line-height:1.8}.upload-area{background:var(--tm-surface);border:1.5px solid var(--tm-line);text-align:center;box-shadow:var(--tm-shadow-card);max-width:560px;font-family:var(--tm-font-ui);border-radius:22px;margin:0 auto;padding:34px 38px}.tm-card-title{color:var(--tm-ink-900);margin-bottom:18px;font-size:20px;font-weight:800}.upload-area.dragover{border:2px dashed var(--tm-green-500);background:var(--tm-green-50)}.url-input-group{gap:8px;width:100%;margin-bottom:8px;display:flex}.url-input{border:1.5px solid var(--tm-line,#ddd);background:#fff;border-radius:12px;outline:none;flex:1;padding:11px 14px;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}.url-input:focus{border-color:var(--tm-green-500,#16a86a);box-shadow:0 0 0 4px #1fb5732e}.url-error{color:#b4332a;text-align:left;margin-bottom:8px;font-family:sans-serif;font-size:13px}.upload-divider{color:var(--tm-ink-500,#aaa);align-items:center;gap:12px;width:100%;margin:14px 0;font-family:sans-serif;font-size:13px;display:flex}.upload-divider:before,.upload-divider:after{content:"";background:var(--tm-line,#ddd);flex:1;height:1px}#uploadScreen .btn-primary{background:var(--tm-reward);color:#fff;box-shadow:var(--tm-shadow-btn);border:none;border-radius:14px;padding:11px 26px;font-weight:700;transition:transform .2s cubic-bezier(.22,.61,.36,1)}#uploadScreen .btn-primary:hover{background:var(--tm-reward);transform:translateY(-1px)}.tm-features{grid-template-columns:repeat(4,1fr);gap:16px;max-width:980px;margin:44px auto 0;display:grid}.tm-feature{background:var(--tm-surface);border:1px solid var(--tm-line);text-align:left;box-shadow:var(--tm-shadow-card);border-radius:16px;padding:22px 20px;transition:transform .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s}.tm-feature:hover{transform:translateY(-3px);box-shadow:0 12px 30px #107c4921}.tm-feature-ico{background:var(--tm-green-100);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;display:grid}.tm-feature h3{color:var(--tm-ink-900);margin-bottom:6px;font-size:16px;font-weight:800}.tm-feature p{color:var(--tm-ink-600);font-size:13.5px;line-height:1.7}.tm-promo{text-align:center;background:var(--tm-reward);color:#fff;border-radius:22px;max-width:980px;margin:44px auto 0;padding:40px 36px;box-shadow:0 8px 20px #0e7c4947}.tm-promo-quote{font-family:var(--tm-font-display);margin-bottom:12px;font-size:26px;font-weight:700;line-height:1.5}.tm-promo-sub{color:#ffffffeb;max-width:640px;margin:0 auto 22px;font-size:15px;line-height:1.9}.tm-promo-sub strong{color:#fff}.tm-promo-btn{color:var(--tm-green-600);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.22,.61,.36,1);display:inline-flex;box-shadow:0 10px 24px #00000024}.tm-promo-btn:hover{transform:translateY(-1px)}.tm-footer{text-align:center;color:var(--tm-ink-500);padding:36px 0 40px;font-size:13px}.tm-footer a{color:var(--tm-green-600);font-weight:600;text-decoration:none}.tm-footer a:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:-apple-system,sans-serif;font-size:14px;font-weight:600;transition:background .2s;display:inline-block}.btn-primary{color:#fff;background:#4f46e5}.btn-primary:hover{background:#4338ca}.btn-nav{color:#5a5347;background:#e8e0d4}.btn-nav:hover{background:#d9cfc0}.btn-nav:disabled{opacity:.4;cursor:default}.btn-sm{color:#5a5347;background:#e8e0d4;border-radius:6px;padding:6px 14px;font-size:13px}.btn-sm:hover{background:#d9cfc0}.icon-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px}.icon-btn:hover{background:#0000000f}.icon-btn.gesture-mode-direct{color:#4f46e5;background:#4f46e51a}.icon-btn:focus-visible,.btn:focus-visible,.theme-swatch:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}.top-bar{background:#fff;border-bottom:1px solid #e5ddd0;flex-shrink:0;align-items:center;gap:12px;padding:10px 24px;transition:transform .3s,opacity .3s;display:flex}.top-bar.auto-hide{opacity:0;pointer-events:none;transform:translateY(-100%)}.book-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:600;overflow:hidden}.top-bar-actions{align-items:center;gap:4px;display:flex}.toolbar-divider{opacity:.2;background:currentColor;flex-shrink:0;width:1px;height:20px;margin:0 4px}.theme-picker{align-items:center;gap:4px;padding:2px 4px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #ccc;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .2s}.theme-swatch:hover{border-color:#888}.theme-swatch.active{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.page-info{color:#666;font-family:sans-serif;font-size:13px}.search-bar{background:#fff;border-bottom:1px solid #e5ddd0;flex-shrink:0;align-items:center;gap:8px;padding:8px 24px;display:none}.search-bar.active{display:flex}.search-bar.auto-hide{opacity:0;pointer-events:none;transform:translateY(-100%)}.search-bar input{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:7px 12px;font-family:-apple-system,sans-serif;font-size:14px}.search-bar input:focus{border-color:#4f46e5;outline:none}.search-bar input:focus-visible{outline-offset:-1px;outline:2px solid #4f46e5}.search-count{color:#666;text-align:center;min-width:60px;font-family:sans-serif;font-size:12px}.search-nav-btn{font-size:16px}.search-highlight{background:#fde68a;border-radius:2px}.search-highlight.current{color:#fff;background:#f97316;border-radius:2px}.bookmark-btn{font-size:18px}.bookmark-btn.bookmarked{color:#f59e0b}.font-size-control{background:#f3efe8;border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:flex}.font-size-control .icon-btn{padding:2px 6px;font-family:-apple-system,sans-serif;font-size:14px;font-weight:700}.font-size-label,.width-label{color:#888;text-align:center;min-width:20px;font-family:-apple-system,sans-serif;font-size:12px}.width-control{background:#f3efe8;border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:flex}.width-control .icon-btn{padding:2px 6px;font-family:-apple-system,sans-serif;font-size:14px;font-weight:700}.reader-content{scroll-behavior:smooth;flex:1;width:100%;max-width:800px;margin:0 auto;padding:40px 60px;transition:max-width .3s,padding .3s;overflow-y:auto}@media (width<=640px){.reader-content{padding:24px 20px}}.reader-split-container{--split-left-width:50%;flex-direction:row;flex:1;width:100%;min-height:0;display:flex}.split-resizer,.split-iframe-pane{display:none}#readerScreen.split-active .reader-split-container{overflow:hidden}#readerScreen.split-active .reader-content{flex:0 0 var(--split-left-width);width:auto;min-width:0;max-width:none;margin:0;transition:none}#readerScreen.split-active .split-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:#d6cdbf;flex:0 0 6px;display:block;position:relative}#readerScreen.split-active .split-resizer:hover,#readerScreen.split-active .split-resizer.dragging{background:#4f46e5}#readerScreen.split-active .split-resizer:after{content:"";opacity:.7;pointer-events:none;background:#fff;border-radius:1px;width:2px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#readerScreen.split-active .split-iframe-pane{flex:auto;min-width:0;display:block;position:relative}#readerScreen.split-active .split-iframe{border:0;width:100%;height:100%;display:block}@media (width<=640px){#readerScreen.split-active .reader-split-container{flex-direction:column}#readerScreen.split-active .reader-content{flex:0 0 var(--split-left-width);height:var(--split-left-width)}#readerScreen.split-active .split-resizer{cursor:row-resize;flex:0 0 6px;width:100%;height:6px}#readerScreen.split-active .split-resizer:after{width:28px;height:2px}}.paragraph{text-indent:2em;cursor:default;background:#faf8f4;border-left:18px solid #d6cdbf;border-right:18px solid #d6cdbf;border-radius:6px;margin-bottom:5px;padding:14px 18px}.paragraph.para-visited{border-left-color:#22c55e;border-right-color:#22c55e}.paragraph.image-paragraph{text-indent:0;text-align:center}.paragraph.svg-paragraph{text-align:left;border-left-width:0;border-right-width:0;padding-left:4px}.paragraph.svg-paragraph svg{max-width:100%;height:auto}.paragraph.image-paragraph img{border-radius:4px;max-width:100%;height:auto;margin:0 auto;display:block}.paragraph.md-diagram-label{text-indent:0;opacity:.9;background:#00000006;border-left:3px solid #0000001f;border-right-width:0;border-radius:0 4px 4px 0;padding-left:12px;font-size:.88em}.paragraph.md-h1{text-indent:0;border-left-width:0;border-right-width:0;padding-left:18px;font-size:1.6em;font-weight:700}.paragraph.md-h2{text-indent:0;border-left-width:0;border-right-width:0;padding-left:18px;font-size:1.3em;font-weight:600}.paragraph.md-h3{text-indent:0;border-left-width:0;border-right-width:0;padding-left:18px;font-size:1.1em;font-weight:600}.paragraph.md-blockquote{text-indent:0;opacity:.9;border-left:4px solid #a0a0a0;border-right-width:0;font-style:italic}.paragraph.md-code{text-indent:0;white-space:pre-wrap;background:#0000000d;border-left-width:0;border-right-width:0;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:.9em}.paragraph.md-li{text-indent:0;border-right-width:0;padding-left:36px}.paragraph.md-li:before{content:"•";position:absolute;left:18px}.paragraph.md-li{position:relative}.paragraph.md-hr{text-indent:0;opacity:.2;border-top:1px solid;border-left-width:0;border-right-width:0;min-height:0;margin:8px 0;padding:0;font-size:0;line-height:0;overflow:hidden}.sentence{cursor:pointer;border-radius:4px;margin:0 1px;padding:1px 3px;transition:background .15s;display:inline}.sentence.hover-active{background:#e8dcc8}.sentence.active{background:#fde68a}.word{cursor:pointer;border-radius:3px;transition:background .15s}.word.hover-active{background:#c7d2fe;text-decoration:underline}.word:focus-visible,.sentence:focus-visible{outline-offset:1px;border-radius:3px;outline:2px solid #4f46e5}[data-theme=white] .search-bar{background:#f5f5f5;border-bottom-color:#d6d6d6}[data-theme=white] .search-bar input{color:#2d2a24;background:#fff;border-color:#ccc}[data-theme=white] .sentence.hover-active{background:#e2e2e2}[data-theme=white] .sentence.active{background:#fde68a}[data-theme=white] .word.hover-active{background:#c7d2fe;text-decoration:underline}[data-theme=white] .search-highlight{background:#fde68a}[data-theme=white] .search-highlight.current{color:#fff;background:#f97316}[data-theme=black] .search-bar{background:#1e1e1e;border-bottom-color:#444}[data-theme=black] .search-bar input{color:#d4d4d4;background:#2a2a2a;border-color:#555}[data-theme=black] .sentence.active{color:#fef3c7;background:#854d0e}[data-theme=black] .sentence.hover-active{background:#44403c}[data-theme=black] .word.hover-active{background:#3730a3;text-decoration:underline}[data-theme=black] .search-highlight{color:#fef3c7;background:#a16207}[data-theme=black] .search-highlight.current{color:#fff;background:#ea580c}[data-theme=green] .search-bar{background:#dff0e0;border-bottom-color:#a3d1a7}[data-theme=green] .search-bar input{color:#1b3a1b;background:#edf7ee;border-color:#a3d1a7}[data-theme=green] .sentence.hover-active{background:#b8dbb9}[data-theme=green] .sentence.active{color:#1b3a1b;background:#a3d1a7}[data-theme=green] .word.hover-active{background:#9ec89f;text-decoration:underline}[data-theme=green] .search-highlight{color:#1b3a1b;background:#81c784}[data-theme=green] .search-highlight.current{color:#fff;background:#43a047}.bottom-bar{background:#fff;border-top:1px solid #e5ddd0;flex-shrink:0;justify-content:center;align-items:center;gap:20px;padding:12px 24px;transition:transform .3s,opacity .3s;display:flex}.bottom-bar.auto-hide{opacity:0;pointer-events:none;transform:translateY(100%)}.page-indicator{color:#888;text-align:center;cursor:pointer;border-radius:4px;min-width:80px;padding:2px 6px;font-family:sans-serif;font-size:14px}.page-indicator:hover{background:#0000000d}.page-select-input{text-align:center;-moz-appearance:textfield;border:1px solid #4f46e5;border-radius:4px;outline:none;width:60px;padding:2px 6px;font-family:sans-serif;font-size:14px}.page-select-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-select-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.panel-overlay{z-index:100;background:#0000004d;display:none;position:fixed;inset:0}.panel-overlay.active{display:block}.sentence-panel{background:var(--popup-bg,#fff);z-index:101;visibility:hidden;border-radius:16px 16px 0 0;max-height:60vh;transition:transform .3s;position:fixed;bottom:100px;left:0;right:0;overflow-y:auto;transform:translateY(calc(100% + 100px));box-shadow:0 -4px 30px #00000026}.sentence-panel.active{visibility:visible;transform:translateY(0)}.panel-header{border-bottom:1px solid var(--popup-border,#eee);color:var(--popup-text,inherit);justify-content:space-between;align-items:center;padding:16px 24px 8px;display:flex}.panel-title{font-family:sans-serif;font-size:15px;font-weight:700}.panel-close{font-size:24px}.panel-body{padding:16px 24px 24px}.panel-sentence{font-size:var(--reader-font-size,18px);color:var(--popup-text,#333);cursor:pointer;margin-bottom:16px;line-height:1.7}.panel-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.panel-result{border-top:1px solid var(--popup-border,#eee);margin-top:8px;padding:14px 0}.result-label{text-transform:uppercase;color:var(--popup-secondary,#999);margin-bottom:6px;font-family:sans-serif;font-size:12px;font-weight:700}.result-text{font-size:var(--reader-font-size,18px);color:var(--popup-text,inherit);line-height:1.6}.grammar-text{font-size:var(--reader-font-size,18px);white-space:pre-wrap;color:var(--popup-text,inherit)}.word-popup{background:var(--popup-bg,#fff);z-index:200;border-radius:12px;width:min(680px,90vw);max-height:400px;display:none;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.word-popup.active{display:block}.word-popup-header{border-bottom:1px solid var(--popup-border,#eee);justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.word-popup-word{font-size:calc(var(--reader-font-size,18px) + 2px);color:#4f46e5;font-weight:700}.word-popup-close{color:var(--popup-text,inherit);font-size:20px}.word-popup-body{color:var(--popup-text,#1f2937);padding:14px 18px 18px}.def-loading{color:var(--popup-secondary,#666);font-size:var(--reader-font-size,18px);font-family:sans-serif}.def-section{margin-bottom:12px}.def-label{text-transform:uppercase;color:var(--popup-secondary,#999);margin-bottom:4px;font-family:sans-serif;font-size:12px;font-weight:700}.def-text{font-size:var(--reader-font-size,18px);white-space:pre-wrap;line-height:1.6}.def-cn-text{color:var(--popup-secondary,#555)}.btn-toggle-cn{background:var(--popup-border,#eee);color:var(--popup-text,inherit);cursor:pointer;border:none;border-radius:5px;margin-bottom:6px;padding:5px 12px;font-family:sans-serif;font-size:12px}.btn-toggle-cn:hover{opacity:.8}.word-popup-meta{border-bottom:1px solid var(--popup-border,#eee);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 18px;display:flex}.def-pronunciation{font-size:calc(var(--reader-font-size,18px) - 2px);color:var(--popup-secondary,#666);font-family:sans-serif}.pos-tag-slot{margin-left:auto}.pos-tag{font-weight:700;font-size:calc(var(--reader-font-size,18px) - 2px);color:var(--popup-secondary,#666);font-family:sans-serif}.selection-toolbar{z-index:150;background:#333;border-radius:8px;gap:4px;padding:6px 8px;display:none;position:fixed;box-shadow:0 4px 12px #00000040}.selection-toolbar.active{display:flex}.selection-toolbar .btn-sm{color:#fff;background:#555;padding:5px 10px;font-size:12px}.selection-toolbar .btn-sm:hover{background:#777}.side-toggle{color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;width:48px;height:48px;transition:transform .3s,opacity .3s;display:none;position:fixed;top:12px;right:24px}.side-toggle.visible{display:block}.side-toggle.auto-hide{opacity:0;pointer-events:none;transform:translateY(-100px)}.side-panel{z-index:160;background:#fff;flex-direction:column;max-height:60vh;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a}.side-panel.active{display:flex}.side-panel-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;font-family:sans-serif;font-weight:700;display:flex}.side-panel-list{flex:1;padding:12px 16px;overflow-y:auto}.side-panel-export{margin:12px 16px 16px}.empty-state-msg{color:#999;text-align:center;padding:20px;font-family:sans-serif;font-size:13px}.note-date{color:#999;margin-top:4px;font-size:11px}.note-item{background:#fefce8;border-left:3px solid #eab308;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.note-actions{gap:4px;display:flex;position:absolute;top:6px;right:8px}.note-item .note-edit,.note-item .note-delete{cursor:pointer;color:#ccc;background:0 0;border:none;padding:0 2px;font-size:16px}.note-item .note-edit:hover{color:#2563eb}.note-item .note-delete:hover{color:#e11d48}.note-edit-input{resize:vertical;border:1px solid #eab308;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:14px;line-height:1.5}.noted{color:#fff;background:#22c55e}.speaking{color:#fff;background:#6366f1}.history-item{cursor:pointer;background:#eff6ff;border-left:3px solid #3b82f6;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-family:sans-serif;font-size:14px;line-height:1.5;transition:background .15s}.history-item:hover{background:#dbeafe}.history-item .history-page{color:#1d4ed8;font-weight:600}.history-item .history-date{color:#999;margin-top:4px;font-size:11px}.wordlist-item{background:#f0fdf4;border-left:3px solid #10b981;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-family:sans-serif;font-size:14px;line-height:1.5;position:relative}.wordlist-item .wordlist-word{color:#065f46;font-size:15px;font-weight:700}.wordlist-item .wordlist-pron{color:#6b7280;margin-left:6px;font-size:12px}.wordlist-item .wordlist-count{color:#999;float:right;font-size:11px}.wordlist-item .wordlist-cn{color:#555;margin-top:3px;font-size:13px}.wordlist-item .wordlist-en{color:#777;margin-top:2px;font-size:12px}.wordlist-item .wordlist-time{color:#999;margin-top:4px;font-size:11px}.wordlist-item .wordlist-contexts{margin-top:4px}.wordlist-item .wordlist-ctx{color:#6b7280;border-left:2px solid #d1d5db;margin-top:2px;padding:2px 0 2px 8px;font-size:12px;font-style:italic}.wordlist-item .wordlist-delete{cursor:pointer;color:#ccc;background:0 0;border:none;font-size:16px;position:absolute;top:6px;right:8px}.wordlist-item .wordlist-delete:hover{color:#e11d48}.para-popup-overlay{z-index:1100;background:#0006;display:none;position:fixed;inset:0}.para-popup-overlay.active{display:block}.para-popup{width:90%;max-width:var(--reader-content-width,800px);background:var(--popup-bg,#fff);z-index:1101;border-radius:12px;max-height:80vh;display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0003}.para-popup.active{display:block}.para-popup-header{border-bottom:1px solid var(--popup-border,#e5e7eb);color:var(--popup-text,inherit);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.para-popup-body{max-height:calc(80vh - 50px);padding:16px;overflow-y:auto}.para-popup-text{font-size:var(--reader-font-size,18px);color:var(--popup-text,#1f2937);border-bottom:1px solid var(--popup-border,#e5e7eb);cursor:pointer;margin-bottom:16px;padding-bottom:16px;line-height:1.7}.para-popup-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.para-popup-translation{font-size:var(--reader-font-size,18px);color:var(--popup-secondary,#4b5563);line-height:1.7}.generation-progress{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.generation-progress-inner{background:var(--bg,#fff);color:var(--fg,#333);text-align:center;border-radius:12px;min-width:320px;padding:28px 32px;box-shadow:0 4px 24px #0003}.generation-progress-header{margin-bottom:16px;font-size:1.15em;font-weight:600}.generation-progress-bar-track{background:#e0e0e0;border-radius:6px;height:10px;margin-bottom:12px;overflow:hidden}.generation-progress-bar{background:#4a90d9;border-radius:6px;height:100%;transition:width .3s}.generation-progress-status{color:#888;margin-bottom:14px;font-size:.9em}.message-modal{z-index:10000;background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.message-modal.active{display:flex}.message-modal-inner{background:var(--bg,#fff);color:var(--fg,#333);border-radius:12px;width:90%;max-width:560px;padding:24px 28px;box-shadow:0 4px 24px #00000040}.message-modal-text{white-space:pre-wrap;word-wrap:break-word;max-height:60vh;margin:0 0 16px;padding:0;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto}.message-modal-actions{justify-content:flex-end;gap:8px;display:flex}.feature-guide{z-index:2000;background:#00000080;justify-content:center;align-items:flex-start;padding:40px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.feature-guide.active{display:flex}.guide-inner{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 12px 40px #0003}.guide-header{z-index:1;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.guide-title{color:#1f2937;font-family:-apple-system,sans-serif;font-size:20px;font-weight:700}.guide-body{padding:16px 24px 24px}.guide-lang-toggle{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.guide-lang-btn{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;padding:4px 14px;font-size:13px;transition:all .15s}.guide-lang-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.guide-card{border-bottom:1px solid #f0f0f0;gap:14px;padding:14px 0;display:flex}.guide-card:last-child{border-bottom:none}.guide-card-icon{text-align:center;flex-shrink:0;width:36px;font-size:24px}.guide-card-content{flex:1}.guide-card-name{color:#1f2937;margin-bottom:4px;font-family:-apple-system,sans-serif;font-size:15px;font-weight:600}.guide-card-desc{color:#4b5563;margin-bottom:4px;font-family:-apple-system,sans-serif;font-size:13px;line-height:1.5}.guide-card-usage{color:#6b7280;background:#f9fafb;border-left:2px solid #4f46e5;border-radius:4px;padding:4px 8px;font-family:-apple-system,sans-serif;font-size:12px;line-height:1.5}.reader-content::-webkit-scrollbar{width:6px}.reader-content::-webkit-scrollbar-track{background:0 0}.reader-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.reader-content::-webkit-scrollbar-thumb:hover{background:#aaa}.auto-play-active{color:#059669;background:#0596691a}.settings-panel{background:var(--bg,#fff);max-height:85vh}.settings-panel .side-panel-header{background:var(--bg,#fff);font-family:-apple-system,sans-serif}.settings-panel .settings-body{background:var(--bg,#fff);flex:1;overflow-y:auto}.toolbar-toggle{color:#fff;cursor:pointer;z-index:20;background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:opacity .3s;display:none;position:fixed;top:12px;right:12px}.toolbar-toggle:hover{background:#00000080}.fullscreen-reading .toolbar-toggle{display:flex}.fullscreen-reading .top-bar:not(.auto-hide)~.toolbar-toggle{display:none}@media (pointer:fine){.cursor-hidden,.cursor-hidden *{cursor:none!important}}.fullscreen-reading .top-bar{z-index:10;position:absolute;top:0;left:0;right:0}.fullscreen-reading .top-bar.auto-hide{opacity:0;pointer-events:none;transform:translateY(-100%)}.fullscreen-reading .bottom-bar{opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.fullscreen-reading .search-bar{z-index:11;position:absolute;top:0;left:0;right:0}.fullscreen-reading .search-bar.auto-hide{opacity:0;pointer-events:none;transform:translateY(-100%)}.fullscreen-reading~.side-toggle{opacity:0;pointer-events:none;transform:translateY(-100px)}.fullscreen-reading~.side-panel{display:none}.fullscreen-reading~.side-panel.active{display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reader-content{scroll-behavior:auto}.sentence-panel,.top-bar,.bottom-bar,.search-bar{transition:none}}@media (width<=768px){.upload-area{padding:28px 24px}.tm-hero{margin:36px auto 26px}.tm-title{font-size:32px}.tm-hero-sub{font-size:15px}.tm-br{display:none}.tm-features{grid-template-columns:repeat(2,1fr);margin-top:32px}.tm-promo{margin-top:32px;padding:32px 24px}.tm-promo-quote{font-size:22px}.top-bar{gap:6px;padding:8px 12px}.book-title{font-size:14px}.icon-btn{min-width:36px;min-height:36px;padding:8px;font-size:18px}.top-bar-actions{gap:2px}.theme-swatch{width:20px;height:20px}.search-bar{padding:8px 12px}.reader-content{padding:24px 20px}.paragraph{padding:12px 14px}.sentence-panel{max-height:50vh;bottom:40px;transform:translateY(calc(100% + 40px))}.word-popup{width:min(680px,94vw);max-height:50vh}.word-popup-header{padding:12px 14px 8px}.word-popup-body{padding:12px 14px 14px}.para-popup{width:94%;max-height:70vh}.feature-guide{padding:20px 12px}.guide-inner{max-width:600px;max-height:calc(100vh - 40px)}.guide-header{padding:16px 18px}.guide-body{padding:14px 18px 18px}.side-toggle{right:env(safe-area-inset-right,24px)}}@media (width<=480px){.upload-area{border-radius:16px;max-width:100%;padding:22px 16px}.tm-nav{padding:0 14px}.tm-brand{font-size:16px}.tm-nav-cta{padding:8px 14px;font-size:13px}.tm-main{padding:0 14px}.tm-title{font-size:26px}.tm-title-en{font-size:15px}.tm-features{grid-template-columns:1fr}.url-input-group{flex-direction:column}.top-bar{gap:4px;padding:6px 8px}.book-title{font-size:13px}.icon-btn{min-width:44px;min-height:44px;padding:10px;font-size:16px}.top-bar-actions{flex-wrap:wrap;gap:0}.theme-picker{gap:2px}.theme-swatch{width:24px;height:24px}.page-info{font-size:11px}.search-bar{gap:4px;padding:6px 8px}.search-bar input{padding:8px 10px;font-size:16px}.search-nav-btn{min-width:44px;min-height:44px}.reader-content{padding:16px 12px}.paragraph{text-indent:1.5em;border-left-width:4px;padding:10px 12px}.sentence-panel{border-radius:16px 16px 0 0;max-height:60vh;bottom:0;transform:translateY(100%)}.panel-header{padding:12px 16px 6px}.panel-body{padding:12px 16px 16px}.word-popup{border-radius:12px 12px 0 0;width:100vw;max-height:50vh;right:0;left:0!important}.word-popup-header{padding:10px 12px 8px}.word-popup-body{padding:10px 12px 14px}.para-popup{width:96%;max-height:75vh}.para-popup-text,.para-popup-translation{padding:10px 14px;font-size:15px}.selection-toolbar{border-radius:6px}.side-panel{max-height:70vh}.side-panel-header{padding:12px 14px}.side-panel-list{padding:8px 12px}.feature-guide{padding:8px}.guide-inner{border-radius:12px;max-width:100%;max-height:calc(100vh - 16px)}.guide-header{padding:14px 16px}.guide-body{padding:12px 16px 16px}.guide-title{font-size:18px}.guide-card{gap:10px;padding:10px 0}.side-toggle{top:8px;right:8px}}@supports (padding:env(safe-area-inset-bottom)){.sentence-panel{padding-bottom:env(safe-area-inset-bottom)}.top-bar,.search-bar{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}