@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic-webfont@master/compiled/OpenDyslexic-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/gh/antijingoist/opendyslexic-webfont@master/compiled/OpenDyslexic-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Inter", system-ui, sans-serif;--accent: #7c3aed;--accent-hover: #8b5cf6;--accent-2: #06b6d4;--red: #ef4444;--green: #22c55e;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .14s;--t-med: .22s;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;color-scheme:dark}:root,.theme-dark{--bg-1: #0a0a14;--bg-2: #11111d;--surface: rgba(28, 28, 42, .72);--surface-2: rgba(36, 36, 56, .55);--surface-solid: #1a1a2a;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: rgba(245, 246, 252, .98);--text-muted: rgba(245, 246, 252, .55);--text-faint: rgba(245, 246, 252, .35);--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 8px 30px -8px rgba(0,0,0,.55);--shadow-lg: 0 24px 60px -12px rgba(0,0,0,.65);--backdrop: blur(28px) saturate(180%);--bg-mesh: radial-gradient(ellipse 70% 50% at 20% 0%, rgba(124,58,237,.18), transparent 60%), radial-gradient(ellipse 60% 40% at 80% 0%, rgba(6,182,212,.1), transparent 70%), linear-gradient(180deg, var(--bg-1), var(--bg-2))}.theme-light{color-scheme:light;--bg-1: #f4f5fa;--bg-2: #eceef6;--surface: rgba(255, 255, 255, .74);--surface-2: rgba(255, 255, 255, .55);--surface-solid: #ffffff;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--text: #0f172a;--text-muted: rgba(15, 23, 42, .62);--text-faint: rgba(15, 23, 42, .4);--shadow-sm: 0 1px 2px rgba(15,23,42,.06);--shadow-md: 0 12px 36px -10px rgba(15,23,42,.16);--shadow-lg: 0 28px 64px -16px rgba(15,23,42,.22);--bg-mesh: radial-gradient(ellipse 70% 50% at 20% 0%, rgba(124,58,237,.1), transparent 60%), radial-gradient(ellipse 60% 40% at 80% 0%, rgba(6,182,212,.1), transparent 70%), linear-gradient(180deg, var(--bg-1), var(--bg-2))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-system);font-size:15px;line-height:1.55;background:var(--bg-mesh) fixed;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;min-height:100vh}a{color:inherit}.app,.home{max-width:920px;margin:0 auto;padding:36px 24px 80px}@media (max-width: 600px){.app,.home{padding:24px 16px 64px}}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}h1 span{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:inline-flex;background:var(--surface);border:1px solid var(--border);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);border-radius:var(--radius-pill);padding:4px;gap:2px;box-shadow:var(--shadow-sm)}.nav .tab{padding:8px 16px;font-size:.88rem;font-weight:500;border-radius:var(--radius-pill);color:var(--text-muted);background:transparent;border:none;transition:color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}.nav .tab:hover{color:var(--text)}.nav .tab.active{color:var(--text);background:var(--surface-solid);box-shadow:var(--shadow-sm)}.panel,.reader,.lib-card,.stat-card,.goal-card,.continue-card,.tab-panel,.quiz,.bionic,.peri-stage,.flash-stage{background:var(--surface);border:1px solid var(--border);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel{padding:18px 20px;margin-top:14px}.panel-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-row strong{font-size:1rem;font-weight:600}.reader-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-bottom:18px}.header-btn{width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;background:var(--surface);border:1px solid var(--border)}.header-btn:hover{background:var(--surface-2)}.header-title{text-align:center;min-width:0}.header-doc-title{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-doc-meta{font-size:.78rem;margin-top:2px}.reader{padding:44px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:22px;border-radius:var(--radius-xl)}.word{font-family:Georgia,New York,serif;font-weight:600;letter-spacing:-.005em;min-height:88px;width:100%;display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;padding:0 12px}.word .orp{color:var(--red)}.word .chunk-word.side{opacity:.45;font-weight:500;padding:0 .3em}.word .chunk-word.center{font-weight:700}.word.anchored .half{flex:1 1 50%;display:flex;align-items:baseline;white-space:nowrap;overflow:hidden}.word.anchored .half.left{justify-content:flex-end}.word.anchored .half.right{justify-content:flex-start}.word.anchored .anchor{flex:0 0 auto}.context{display:flex;gap:16px;opacity:.5;font-size:.92rem}@keyframes wordIn{0%{opacity:.55;transform:translateY(1px)}to{opacity:1;transform:none}}.reader .word{animation:wordIn 70ms var(--ease-out)}.reader .word .orp{text-shadow:0 0 14px color-mix(in srgb,var(--red) 35%,transparent)}.progress{width:100%;height:5px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .12s linear}.scrubber-wrap{position:relative;width:100%;padding-bottom:18px}.paragraph-marks{position:absolute;top:14px;left:0;right:0;height:6px;pointer-events:none}.paragraph-tick{position:absolute;top:1px;width:2px;height:4px;background:var(--text-faint);border-radius:1px;transform:translate(-1px);opacity:.6}.scrubber{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;margin-top:10px;background:var(--border);border-radius:var(--radius-pill);outline:none;cursor:pointer}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--surface-solid);border:2px solid var(--accent);cursor:grab;box-shadow:var(--shadow-sm);transition:transform var(--t-fast) var(--ease-spring)}.scrubber::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.18)}.scrubber::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--surface-solid);border:2px solid var(--accent);cursor:grab}button{font-family:inherit;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 16px;border-radius:var(--radius-pill);cursor:pointer;font-size:.92rem;font-weight:500;letter-spacing:-.005em;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform 90ms var(--ease-out),box-shadow var(--t-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 4px 14px -4px var(--accent),inset 0 1px #ffffff2e}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:transparent}button.primary.play{width:64px;height:64px;border-radius:50%;font-size:1.3rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.control-bar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;width:100%;margin-top:4px}@media (max-width: 600px){.control-bar{grid-template-columns:1fr;gap:14px}}.speed-inline{display:inline-flex;align-items:center;gap:6px;justify-self:end}@media (max-width: 600px){.speed-inline{justify-self:center}}.speed-btn{width:36px;height:36px;padding:0;border-radius:50%;font-size:1rem;background:var(--surface-2);border:1px solid transparent}.speed-btn:hover{border-color:var(--accent);color:var(--accent)}.wpm-pill{display:inline-flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-2);line-height:1;border:1px solid transparent;min-width:76px}.wpm-pill:hover{border-color:var(--accent)}.wpm-num{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.wpm-unit{font-size:.62rem;color:var(--text-muted);margin-top:2px;letter-spacing:.08em}.controls{display:flex;gap:10px;align-items:center;justify-self:start}@media (max-width: 600px){.controls{justify-self:center}}.controls button:not(.primary){width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.95rem;background:var(--surface-2)}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.preset{padding:6px 14px;font-size:.84rem;background:var(--surface-2);border-radius:var(--radius-pill);color:var(--text-muted);border:1px solid transparent}.preset:hover:not(.active){color:var(--text)}.preset.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.mode-switch{display:inline-flex;margin:0 auto 18px;background:var(--surface);border:1px solid var(--border);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);border-radius:var(--radius-pill);padding:4px;gap:2px;box-shadow:var(--shadow-sm);width:fit-content}.mode{padding:7px 14px;font-size:.85rem;font-weight:500;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-muted)}.mode:hover:not(.active){color:var(--text);background:var(--surface-2)}.mode.active{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm)}.app>.mode-switch{display:flex}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:14px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.92rem;font-weight:500;color:var(--text-muted);text-align:center;transition:all var(--t-fast) var(--ease-out)}.tab:hover{color:var(--text);border-color:var(--border-strong)}.tab.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.tab-panel{padding:24px}.drop{display:block;border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:56px 24px;text-align:center;cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.drop-icon{font-size:2.6rem;margin-bottom:14px;opacity:.85}textarea,input[type=url],input[type=text],input[type=number]{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:12px 14px;font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}textarea:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--border);border-radius:var(--radius-pill)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--surface-solid);border:2px solid var(--accent);cursor:pointer;box-shadow:var(--shadow-sm)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast) var(--ease-out);position:relative;flex-shrink:0}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:800;line-height:1}.meta{color:var(--text-muted);font-size:.86rem}.row{display:flex;gap:12px;align-items:center}.library{display:flex;flex-direction:column;gap:12px}.lib-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius-md);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.lib-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.continue-card{display:block;width:100%;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-lg);padding:20px 22px;margin-bottom:24px;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.continue-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.continue-label{color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.continue-title{font-weight:600;font-size:1.08rem}.continue-meta{color:var(--text-muted);font-size:.86rem;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{padding:22px;border-radius:var(--radius-md)}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4px}.goal-card{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.bench-list{display:flex;flex-direction:column;gap:6px}.bench-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:baseline;padding:10px 14px;background:var(--surface-2);border-radius:var(--radius-md);font-size:.9rem}.image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080812c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;cursor:pointer;animation:imgFade .18s ease}@keyframes imgFade{0%{opacity:0}to{opacity:1}}.image-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;max-width:min(900px,96vw);max-height:92vh;display:flex;flex-direction:column;gap:12px;cursor:default;box-shadow:var(--shadow-lg);animation:imgPop var(--t-med) var(--ease-spring)}@keyframes imgPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.image-card img{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-sm);background:#0006}.image-caption{text-align:center}.image-actions{display:flex;justify-content:flex-end}.hum-toast{position:fixed;top:32px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:12px 22px;border-radius:var(--radius-pill);font-weight:600;font-size:1rem;box-shadow:0 12px 36px -8px var(--accent);z-index:100;animation:humFade 2.8s ease}@keyframes humFade{0%{opacity:0;transform:translate(-50%,-16px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}.drill-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);width:fit-content}.peri-stage{min-height:200px;margin-top:14px;padding:32px 16px;position:relative;overflow:hidden;border-radius:var(--radius-lg)}.peri-fix{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);opacity:.8;box-shadow:0 0 12px var(--accent)}.peri-word{position:absolute;top:50%;transform:translateY(-50%);font-family:Georgia,serif;font-size:clamp(1rem,3.2vw,1.9rem);font-weight:600;white-space:nowrap;text-align:center}.peri-word.side-left{text-align:right}.peri-word.side-right{text-align:left}.peri-center{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font-size:.88rem;letter-spacing:.5px;color:var(--text-muted);opacity:.5}.flash-stage{min-height:220px;display:flex;align-items:center;justify-content:center;padding:32px 24px;text-align:center;border-radius:var(--radius-lg);margin-top:14px}.flash-word{font-family:Georgia,serif;font-size:2.4rem;font-weight:700;letter-spacing:-.01em}.flash-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.schulte{display:grid;gap:8px;margin-top:18px;aspect-ratio:1 / 1;max-width:580px;margin-left:auto;margin-right:auto;position:relative}.sc-cell{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);aspect-ratio:1 / 1;color:var(--text);padding:0;letter-spacing:-.02em}.sc-cell:hover{border-color:var(--accent);transform:scale(1.04)}.sc-cell.done{opacity:.18;color:var(--text-faint)}.schulte-fixation{position:absolute;top:50%;left:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:var(--accent);border-radius:50%;pointer-events:none;opacity:.7;box-shadow:0 0 16px var(--accent)}.bionic{padding:32px 36px;line-height:1.8;font-family:Georgia,New York,serif;letter-spacing:.1px;color:var(--text);border-radius:var(--radius-lg)}.bionic p{margin-bottom:1em}.bionic .bw b{font-weight:700;color:var(--text)}.bionic .bw>span{font-weight:300;opacity:.72}.flash-reader{gap:30px}.flash-sentence{min-height:180px;max-width:780px;line-height:1.5;font-weight:500;text-align:center;transition:opacity .1s ease}.focus-mode{max-width:100%;padding:0}.focus-mode .reader{min-height:100vh;border:none;border-radius:0;background:var(--bg-1);backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:center;box-shadow:none}.focus-mode .controls{position:fixed;bottom:28px;left:50%;transform:translate(-50%);opacity:.3;transition:opacity var(--t-fast) var(--ease-out)}.focus-mode .controls:hover{opacity:1}.focus-mode .speed-inline{display:none}.focus-mode .control-bar{display:block}.focus-exit{position:fixed;top:16px;right:16px;z-index:10;background:var(--surface);border:1px solid var(--border);padding:6px 14px;border-radius:var(--radius-pill);opacity:.4;font-size:.85rem}.focus-exit:hover{opacity:1}.focus-bar{position:fixed;top:16px;right:16px;z-index:10;display:flex;gap:4px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px;opacity:.35;transition:opacity var(--t-fast) var(--ease-out);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop)}.focus-bar:hover{opacity:1}.focus-btn{width:32px;height:32px;padding:0;border-radius:50%;background:transparent;border:none;font-size:1rem;color:var(--text)}.focus-btn:hover{background:var(--surface-2)}.focus-label{font-size:.8rem;color:var(--text-muted);padding:0 8px;min-width:48px;text-align:center}.focus-bar-sep{width:1px;height:18px;background:var(--border-strong);margin:0 2px}.quiz{padding:22px 24px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius-lg)}.cloze-blank{display:inline-block;padding:0 8px;border-bottom:2px dashed var(--accent);color:var(--accent);font-weight:700}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-opt{text-align:left;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-2);font-size:.95rem;font-weight:500}.quiz-opt.picked{border-color:var(--accent);color:var(--accent)}.quiz-opt.correct{border-color:var(--green);color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.quiz-opt.wrong{border-color:var(--red);color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.quiz-result{margin-top:18px;text-align:center}.eye-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:14px;overflow:hidden;transition:background 1.4s var(--ease-out),filter 1.4s var(--ease-out)}.eye-stage.dim{background:#0a0a0e;filter:brightness(.55)}.eye-stage.bright{background:#f5f5fa;filter:brightness(1.1)}.eye-dot{position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent);transition:transform .7s cubic-bezier(.45,0,.55,1),opacity .5s ease}.eye-dot.sharp{width:14px;height:14px;opacity:1;box-shadow:0 0 18px var(--accent)}.eye-dot.soft{width:22px;height:22px;opacity:.45;box-shadow:0 0 32px var(--accent)}.eye-ring{position:absolute;top:50%;left:50%;width:220px;height:220px;margin:-110px 0 0 -110px;border-radius:50%;border:2px solid var(--accent-2);transition:opacity .6s ease,border-color .6s ease,width .6s ease,height .6s ease}.eye-ring.sharp{opacity:.85;border-color:var(--accent-2)}.eye-ring.soft{opacity:.25}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08081273;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:90;animation:imgFade .18s ease}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(420px,92vw);z-index:100;background:var(--bg-1);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);padding:22px 22px 60px;overflow-y:auto;transform:translate(100%);transition:transform .28s var(--ease-out)}.drawer.open{transform:translate(0)}.drawer .panel{background:var(--surface)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:4px;position:sticky;top:0;background:linear-gradient(180deg,var(--bg-1) 70%,transparent);z-index:1}.drawer-header strong{font-size:1.05rem;font-weight:600}kbd{background:var(--surface-2);border:1px solid var(--border);padding:2px 7px;border-radius:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;color:var(--text)}.theme-toggle{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:1rem}.theme-toggle:hover{background:var(--surface-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.context-ribbon{color:var(--text-muted);opacity:.55;font-size:.95rem;line-height:1.4;min-height:1.4em;max-width:88%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-finders{position:absolute;top:15px;left:0;right:0;height:16px}.place-dot,.place-tick{position:absolute;padding:0;border:none;cursor:pointer;transform:translate(-50%);transition:transform .13s ease,opacity .13s ease}.place-dot{top:2px;width:9px;height:9px;border-radius:50%;background:var(--accent-2, #06b6d4);opacity:.85}.place-dot:hover{transform:translate(-50%) scale(2);opacity:1;z-index:6;box-shadow:0 0 0 3px #06b6d440}.place-tick{top:0;width:3px;height:13px;border-radius:1.5px;background:var(--text-muted);opacity:.75}.place-tick:hover{transform:translate(-50%) scaleY(1.5) scaleX(2);opacity:1;z-index:5}.section-label{opacity:.8}.scrub-label{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-header,.mode-switch,.control-bar{transition:opacity .25s ease}.app.playing .reader-header,.app.playing .mode-switch,.app.playing .control-bar{opacity:.3}.app.playing .reader-header:hover,.app.playing .mode-switch:hover,.app.playing .control-bar:hover{opacity:1}.cam-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);font-size:.8rem;cursor:default}.link-list{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.link-row{display:block;padding:9px 6px;border-bottom:1px solid var(--border);text-decoration:none;border-radius:6px}.link-row:last-child{border-bottom:none}.link-row:hover{background:var(--surface-2)}.link-text{display:block;color:var(--accent-2);font-size:.92rem}.link-href{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.app.playing .link-panel{opacity:.3;transition:opacity .25s ease}.app.playing .link-panel:hover{opacity:1}.aside-list{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.aside-row{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:9px 6px;border:none;border-bottom:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer}.aside-row:last-child{border-bottom:none}.aside-row:hover{background:var(--surface-2)}.aside-kind{flex:0 0 auto;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);margin-top:1px}.aside-kind-embed{background:#06b6d426;color:var(--accent-2)}.aside-kind-quote{background:#7c3aed2e;color:#a78bfa}.aside-kind-promo{background:#ffffff14;color:var(--text-muted)}.aside-text{color:var(--text-muted);font-size:.9rem;line-height:1.5}.app.playing .aside-panel{opacity:.3;transition:opacity .25s ease}.app.playing .aside-panel:hover{opacity:1}.article-view{max-width:720px;margin:0 auto;padding-bottom:90px}.article-body{font-size:1.08rem;line-height:1.75}.article-para{padding:6px 12px;margin:0 -12px;border-radius:10px;border-left:3px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.article-para:hover{background:color-mix(in srgb,var(--accent, #8b5cf6) 8%,transparent)}.article-para p{margin:.55em 0}.article-para h3{margin:1.1em 0 .3em}.article-current{border-left-color:color-mix(in srgb,var(--accent, #8b5cf6) 55%,transparent)}.article-selected{background:color-mix(in srgb,var(--accent, #8b5cf6) 16%,transparent);border-left-color:var(--accent, #8b5cf6)}.article-figure{margin:10px 0}.article-figure img{max-width:100%;border-radius:10px;display:block}.article-figure figcaption{margin-top:6px;font-size:.85rem;line-height:1.45}.clip-bar{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--card, #1d1d28);border:1px solid var(--border, #333);box-shadow:0 8px 30px #00000059;z-index:60;white-space:nowrap}.clip-saved{color:var(--accent, #8b5cf6);font-weight:600}.clip-card{margin-bottom:12px}.clip-text{margin:10px 0;padding:2px 0 2px 14px;border-left:3px solid var(--accent, #8b5cf6);line-height:1.6;white-space:pre-wrap}.clip-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}