*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w:260px;--bg:#080e1c;--surface:#0c1428;--border:#1a3158;--text:#d8e8f8;--text-muted:#5a7a9e;--accent:#4a9eff;--accent2:#7bc4ff;--radius:8px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif", "Noto Serif SC", "Georgia", serif}[data-theme=light]{--bg:#f0f6ff;--surface:#e2ecfb;--border:#b4ccec;--text:#08142a;--text-muted:#3d5e82;--accent:#1864d4;--accent2:#4a90e2}[data-theme=sepia]{--bg:#eaf0fa;--surface:#dce8f5;--border:#aac0dc;--text:#0a1828;--text-muted:#3a5878;--accent:#1a5fb4;--accent2:#4a88cc}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);transition:background .3s,color .3s}#app{z-index:1;text-align:left;height:100vh;max-width:unset;border:none;width:auto;margin:0;display:flex;position:relative;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;gap:18px;padding:16px 14px 24px;transition:transform .25s;display:flex;overflow-y:auto}.sidebar.hidden{transform:translateX(calc(-1 * var(--sidebar-w)));height:100%;position:absolute}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--accent);font-size:18px;font-weight:700;font-family:var(--font-serif);letter-spacing:.04em}.sidebar-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px}.sidebar-toggle:hover{background:var(--border);color:var(--text)}.sidebar-open-btn{z-index:20;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:16px;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0006}.sidebar-open-btn.visible{display:block}.control-group{flex-direction:column;gap:6px;display:flex}.control-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:600}.input-row{gap:6px;display:flex}input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:12px;font-family:var(--font-ui);outline:none;flex:1;min-width:0;padding:6px 10px}input[type=text]:focus{border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.btn-primary{background:var(--accent);color:#1a1200;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:6px 12px;font-size:12px;font-weight:700}.btn-primary:hover{filter:brightness(1.15)}.btn-secondary{background:var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;text-align:center;border:none;padding:6px 10px;font-size:12px}.btn-secondary:hover{filter:brightness(1.2)}body:has(#app.has-video-bg){background:#000}.video-bg{object-fit:contain;object-position:center;z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#app.has-video-bg .sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080e1cd1}#app.has-video-bg[data-theme=light] .sidebar{background:#f0f6ffd1}#app.has-video-bg[data-theme=sepia] .sidebar{background:#eaf0fad1}#app.has-video-bg .line{text-shadow:0 1px 8px #000000b3,0 0 2px #000000e6}#app.has-video-bg[data-theme=light] .line,#app.has-video-bg[data-theme=sepia] .line{text-shadow:0 1px 6px #fffc,0 0 2px #ffffffe6}#app.has-video-bg .reader,#app.has-video-bg .page{background:0 0}.bg-status{margin-top:6px}.bg-status-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.bg-status-fill{background:var(--accent);border-radius:2px;width:0%;height:100%;transition:width .1s linear}.bg-status span{color:var(--text-muted);font-size:11px}.inline-row{align-items:center;gap:6px;display:flex}.inline-row input[type=range]{flex:1}.record-hint{color:var(--text-muted);font-size:10px;line-height:1.5}.file-btn{text-align:center;background:var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:6px 10px;font-size:12px;display:block}.file-btn:hover{filter:brightness(1.2)}.theme-btns{gap:6px;display:flex}.theme-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;flex:1;padding:5px 0;font-size:12px}.theme-btn.active{border-color:var(--accent);color:var(--accent)}.sidebar-footer{color:var(--text-muted);margin-top:auto;font-size:11px}.sidebar-footer a{color:var(--accent);text-decoration:none}.sidebar-footer a:hover{text-decoration:underline}.reader{flex:1;position:relative;overflow:hidden auto}.reader.hide-cursor{cursor:none}.page{max-width:1200px;margin:0 auto;padding:48px 40px 80px;position:relative}#linePool{position:relative}.line{white-space:nowrap;-webkit-user-select:text;user-select:text;position:absolute;overflow:visible}.line-body{font-family:var(--font-serif);color:var(--text)}.line-h1,.line-h2{font-family:var(--font-serif);color:var(--text);font-weight:700}.line-h3{font-family:var(--font-serif);color:var(--text);font-weight:600}.line-pullquote{font-family:var(--font-serif);color:var(--accent2);border-left:2px solid var(--accent);padding-left:8px;font-style:italic}.line-abstract{font-family:var(--font-serif);color:var(--text-muted);font-style:italic}.line-dropcap{font-family:var(--font-serif);color:var(--accent2);font-weight:700}.empty-msg{color:var(--text-muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.empty-icon{font-family:var(--font-serif);color:var(--border);font-size:64px;line-height:1}.empty-msg p{text-align:center;font-size:14px;line-height:1.7}.loading-msg{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}.cursor-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.cursor-sprite{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px dashed var(--accent2);opacity:.3;pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@media (width<=680px){.sidebar{height:100%;position:fixed;box-shadow:4px 0 20px #0008}.sidebar.hidden{transform:translate(-110%)}.page{padding:48px 16px 60px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}