html,body{color:#f9f8f7;background:#0a0a0a;height:100%;margin:0;padding:0;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;overflow:hidden}#root{position:absolute;inset:0}.stage-wrap{background:#0a0a0a;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.stage-canvas-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.stage-frame{flex-shrink:0;position:relative}.stage-frame-inner{transform-origin:0 0;position:absolute;top:0;left:0}.stage-canvas{touch-action:manipulation;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 20px 60px #2c282466}.mobile-active .stage-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cc-frame{box-sizing:border-box;justify-content:center;align-items:center;padding:0 120px;display:flex;position:absolute;left:0}.bar{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0b1a2eeb;border:1px solid #7090b52e;border-radius:12px;flex-shrink:0;align-items:center;gap:12px;width:100%;max-width:760px;margin:10px auto;padding:10px 18px;display:flex}.bar button{color:#f9f8f7;cursor:pointer;background:#f9f8f714;border:1px solid #d1dcea29;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.bar button:hover{background:#f9f8f729}.bar button:focus-visible{outline-offset:2px;outline:2px solid #c4ac8e}.bar .t{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:40px;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600}.track{cursor:pointer;flex:1;align-items:center;height:22px;display:flex;position:relative}.track .b{background:#d1dcea2e;border-radius:2px;height:4px;position:absolute;left:0;right:0}.track .f{background:#c4ac8e;border-radius:2px;height:4px;position:absolute;left:0}.track .h{background:#f9f8f7;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;position:absolute;top:50%}.cc-strip{width:100%;max-width:900px;height:100%;padding:calc(24px / var(--cc-scale,1)) 40px;background:var(--cc-bg,#0b1a2eeb);font-family:var(--cc-font,"EB Garamond","Minion Pro",Georgia,serif);font-size:calc(36px * var(--cc-scale,1));color:var(--cc-fg,#fff);text-shadow:var(--cc-shadow,none);text-align:center;box-sizing:border-box;border:1px solid #7090b52e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-weight:400;line-height:1.3;display:flex;overflow:hidden}.cc-strip em{color:inherit;font-style:italic}.bar button.toggle{letter-spacing:.14em;color:#d1dcea;width:auto;padding:0 12px;font-family:Montserrat,Gotham,system-ui,sans-serif;font-size:11px;font-weight:700}.bar button.toggle.on{color:#0b1a2e;background:#f9f8f7;border-color:#f9f8f7}.bar button.chapter-row{box-sizing:border-box;color:#fff;text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:baseline;gap:14px;width:100%;min-width:0;height:auto;min-height:0;display:flex}@media (hover:hover){.bar button.chapter-row:hover{background:#f9f8f70f}}.bar button.chapter-row[aria-current]{background:#f9f8f714;box-shadow:inset 0 3px #c4ac8e}.bar button.chapter-row:focus-visible{outline-offset:-2px}.vol-group{align-items:center;display:flex;position:relative}.vol-slider-wrap{align-items:center;width:0;transition:width .2s;display:flex;overflow:hidden}.vol-group:hover .vol-slider-wrap,.vol-group:focus-within .vol-slider-wrap{width:80px}.vol-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:64px;height:20px;margin:0 8px}.vol-slider::-webkit-slider-runnable-track{background:#d1dcea2e;border-radius:2px;height:4px}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#f9f8f7;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #2c282466}.vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.vol-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #c4ac8e}.vol-slider::-moz-range-track{background:#d1dcea2e;border:none;border-radius:2px;height:4px}.vol-slider::-moz-range-thumb{cursor:pointer;background:#f9f8f7;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #2c282466}.vol-slider::-moz-range-thumb:hover{transform:scale(1.2)}.vol-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid #c4ac8e}.quiz-btn{transition:transform .25s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s}.quiz-btn:hover{transform:translateY(-2px)}@media (width<=767px){html,body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;scrollbar-width:none;overflow:hidden auto}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.stage-wrap{min-height:100dvh}.bar{border-radius:0;max-width:100%}.bar button{min-width:44px;min-height:44px}.track{height:36px}.track .b,.track .f{height:6px}.track .h{width:18px;height:18px;margin-top:-9px;margin-left:-9px}.bar button.toggle{min-width:44px;min-height:44px}}.play-btn-center:active{transform:scale(.92)}.play-btn-center:focus-visible{outline-offset:3px;outline:2px solid #c4ac8e}.seek-ripple{animation:.6s forwards seekFade}.seek-ripple-inner{animation:.6s forwards seekPulse}@keyframes seekFade{0%{background:#ffffff26}to{background:0 0}}@keyframes seekPulse{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.1)}}:-webkit-any(.stage-wrap:fullscreen,.stage-wrap:-webkit-full-screen){background:#0a0a0a}:is(.stage-wrap:fullscreen,.stage-wrap:fullscreen){background:#0a0a0a}:-webkit-any(.stage-wrap:fullscreen .stage-canvas-wrap,.stage-wrap:-webkit-full-screen .stage-canvas-wrap){height:100%}:is(.stage-wrap:fullscreen .stage-canvas-wrap,.stage-wrap:fullscreen .stage-canvas-wrap){height:100%}