:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2ede2;font-synthesis:none;--surface-raised:#201d16;--line:#ddc58e29;--muted:#aaa28f;--accent:#c7a45c;--accent-bright:#ddbd76;background:#12110e;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;max-width:100vw;min-height:100dvh;overflow:hidden}body{background:radial-gradient(at 48% -18%,#97733733,#0000 46%),#12110e;margin:0}button,input,textarea{font:inherit}button{background:var(--accent);color:#17130c;cursor:pointer;border:1px solid #e7c77b57;border-radius:9px;padding:10px 14px;font-weight:700;transition:background-color .18s,border-color .18s,transform .18s}button:hover{background:var(--accent-bright)}button:active{transform:translateY(1px)scale(.985)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}button:disabled{opacity:.55;cursor:wait}.loading-screen,.fatal{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:24px;display:grid}.seal,.mark{color:#e4c57d;letter-spacing:.08em;border:1px solid #e2bc69ad;place-items:center;font-family:Georgia,Times New Roman,serif;display:grid}.seal{border-radius:50%;width:70px;height:70px;font-size:22px}.reader-shell{grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;max-width:100vw;height:100dvh;display:grid;overflow:hidden}.recording-mode .reader-shell{grid-template-rows:auto minmax(0,1fr)}.recording-mode .toolbar{display:none}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14120ef0;justify-content:space-between;align-items:center;gap:24px;min-width:0;min-height:76px;padding:12px 22px;display:flex;box-shadow:inset 0 -1px #ffffff06}.identity{align-items:center;gap:14px;min-width:0;display:flex}.mark{border-radius:50%;flex:none;width:44px;height:44px;font-size:13px}.identity h1{color:#f5efe2;text-overflow:ellipsis;white-space:nowrap;max-width:min(62vw,780px);margin:1px 0;font-family:Georgia,Noto Naskh Arabic,serif;font-size:clamp(18px,2.25vw,26px);font-weight:500;line-height:1.15;overflow:hidden}.identity p,.eyebrow{color:var(--muted);margin:0;font-size:12px}.eyebrow{color:#cfb26e;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.live-dot,.pulse{background:#76ae85;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2.8s ease-in-out infinite breathe;display:inline-block;box-shadow:0 0 0 4px #76ae851a}.lesson-meta{align-items:center;gap:20px;min-width:0;display:flex}.lesson-timer,.page-status{text-align:right;flex:none}.lesson-timer span,.page-status span,.follow small{color:#9f9888;letter-spacing:.1em;text-transform:uppercase;font-size:10px;display:block}.lesson-timer strong,.page-status strong{color:#e4c477;font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:19px}.lesson-timer{border-right:1px solid var(--line);padding-right:20px}.lesson-timer.ending strong{color:#dfad67}.lesson-timer.elapsed strong{color:#d88478}.stage{overscroll-behavior:contain;scrollbar-color:#cfb26e80 #ffffff09;background:linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#ffffff04 1px,#0000 1px) 0 0/32px 32px,radial-gradient(at top,#c6a66011,#0000 65%),#11100d;width:100%;min-width:0;min-height:0;padding:34px clamp(14px,4vw,54px) 64px;position:relative;overflow:auto}.stage.viewer-locked{touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.stage.presenter-scroll{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.stage .paper-wrap{padding-bottom:85dvh}.paper-wrap{justify-content:center;align-items:flex-start;width:max-content;min-width:100%;min-height:100%;display:flex}#book-page{background:#fffef9;border-radius:2px;max-width:none;display:block;box-shadow:0 30px 75px #05040294,0 3px 12px #0504024d,0 0 0 1px #fff7e224}.render-status{color:#d8c38f;background:#1f1b13f5;border:1px solid #d7b56742;border-radius:999px;padding:8px 13px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;top:94px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0a}.render-status.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-5px)}.toolbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16140ff7;align-items:center;gap:12px;min-width:0;min-height:68px;padding:9px 18px;display:flex;box-shadow:inset 0 1px #ffffff06}.follow{align-items:center;gap:10px;margin-right:auto;display:flex}.follow strong{font-size:13px;font-weight:650;display:block}.zoom-controls,.presenter-controls{align-items:center;gap:6px;display:flex}.zoom-controls button{background:var(--surface-raised);color:#eee4cc;width:38px;height:38px;padding:0}.zoom-controls span{min-width:45px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.presenter-controls{border-left:1px solid var(--line);padding-left:12px}.presenter-controls input{color:#f4eddf;text-align:center;background:#100f0c;border:1px solid #ddc58e47;border-radius:9px;width:60px;padding:10px}#page-form{gap:5px;display:flex}.question-button{color:#dbc27f;background:0 0}dialog{color:#f4eddd;background:#1b1812;border:1px solid #debb6b57;border-radius:14px;width:min(520px,100vw - 30px);padding:0;box-shadow:0 32px 100px #050402bf,inset 0 1px #ffffff0a}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080705c2}dialog form{gap:10px;padding:25px;display:grid}dialog h2{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}dialog p:not(.eyebrow){color:#aea591;margin:0 0 4px;font-size:13px;line-height:1.55}dialog label{color:#d9cfba;margin-top:4px;font-size:12px;font-weight:700}textarea{resize:vertical;color:#f5efe2;background:#100f0c;border:1px solid #ddc58e47;border-radius:9px;width:100%;min-height:150px;padding:13px;line-height:1.55}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.secondary{color:#d7ceba;background:0 0}#toast{opacity:0;pointer-events:none;background:#264330;border:1px solid #ffffff14;border-radius:9px;padding:11px 16px;transition:opacity .18s,transform .18s;position:fixed;bottom:88px;left:50%;transform:translate(-50%,14px);box-shadow:0 12px 38px #05040280}#toast.show{opacity:1;transform:translate(-50%)}#toast.error{background:#542a27}.fatal h1{max-width:600px;margin:4px 0;font-family:Georgia,Times New Roman,serif;font-weight:500}.fatal p:last-child{color:var(--muted)}@keyframes breathe{0%,to{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@media (width<=760px){.reader-shell{display:block;position:relative}.topbar{top:max(8px, env(safe-area-inset-top));z-index:2;border:1px solid var(--line);background:#14120ed1;border-radius:10px;min-height:0;padding:7px 10px;position:fixed;left:8px;right:8px;box-shadow:inset 0 1px #ffffff0a}.identity{display:none}.lesson-meta{justify-content:space-between;gap:12px;width:100%}.lesson-timer,.page-status{text-align:left;align-items:baseline;gap:7px;display:flex}.lesson-timer{border:0;padding:0}.lesson-timer span,.page-status span{font-size:8px}.lesson-timer strong,.page-status strong{font-size:14px}.stage{height:100dvh;padding:calc(max(8px, env(safe-area-inset-top)) + 48px) 4px max(8px, env(safe-area-inset-bottom))}.paper-wrap{width:max-content;min-width:100%}#book-page{flex-shrink:0;max-width:none;box-shadow:0 16px 48px #05040280,0 0 0 1px #fff7e21f}.toolbar{right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:2;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;padding:0;position:fixed;left:8px}.toolbar>*{pointer-events:auto}.follow{display:none}.toolbar{flex-wrap:wrap;gap:4px}.zoom-controls{background:#16140ff0;border-radius:9px;margin-left:auto;padding:3px;display:flex}.stage.presenter-scroll{padding-bottom:120px}.question-button{background:#181510eb;margin-left:auto;padding:10px 13px;box-shadow:inset 0 1px #ffffff0d,0 8px 26px #05040252}.presenter-controls{border:1px solid var(--line);background:#16140ff0;border-radius:11px;justify-content:center;width:100%;padding:6px;box-shadow:inset 0 1px #ffffff0a,0 8px 28px #05040261}.presenter-controls button{flex:1;min-width:0;padding:9px 7px}.presenter-controls input{width:46px;padding:9px 5px}dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}dialog form{padding:19px}textarea{min-height:120px}#toast{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 56px);text-align:center;width:max-content;max-width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}