:root{color-scheme:dark;--ink:#d9e6f5;--muted:#96acc6;--line:#afccef2b;--cyan:#91c8ec;--panel:#0a1629dc;--serif:"Songti SC","SimSun","Palatino Linotype",serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#060d18;color:var(--ink)}body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:13px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{color:#fff;background-color:#b8d7f10f}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #9cd5f2;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.theatre{position:relative;width:100%;height:100svh;min-height:660px;overflow:hidden;isolation:isolate;background:#081626}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#030a187d,transparent 28%,transparent 67%,#030b1dd9),linear-gradient(90deg,#03091655,transparent 27%,transparent 73%,#03091655)}.topbar{position:absolute;left:4%;right:4%;top:29px;display:flex;justify-content:space-between;align-items:center;gap:20px}.identity{display:flex;align-items:center;gap:14px}.emblem{font-size:38px;font-family:var(--serif);color:#b6d6eb}.identity h1{font:normal 28px var(--serif);letter-spacing:8px;margin:0 0 8px}.identity p{font-size:8px;letter-spacing:2.7px;color:#a4b6ca;margin:0}.identity p span{letter-spacing:2px;margin-left:9px}nav{display:flex;align-items:center;gap:24px}nav button{font-size:11px;color:#c3d4e8;padding:8px 4px}nav button>span{margin-left:5px}#fullscreenButton{font-size:25px;line-height:1}.status-line{position:absolute;top:112px;left:4%;right:4%;display:flex;align-items:center;gap:18px;font-size:9px;letter-spacing:1px;color:#abbdd4}.mode{display:flex;align-items:center;gap:8px}.mode i{height:5px;width:5px;border-radius:50%;background:#b8ccdf;box-shadow:0 0 8px #cce5ff88}.mode i.live{background:#a9e4cd;box-shadow:0 0 10px #a9e4cd77}#tracking{display:flex;gap:14px}.quiet{margin-left:auto;color:#91a5bf;font-size:8px;letter-spacing:2px}.chapter{position:absolute;left:4%;top:30%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2px;color:#9ebcdd;margin:0 0 16px}.chapter p:not(.eyebrow){font:normal 26px/1.7 var(--serif);letter-spacing:4px;color:#d0def0;margin:20px 0}.chapter em{font-style:normal;color:#97b9de}.fine-line{display:block;width:38px;height:1px;background:#b1d8fa55;margin-top:25px}.ritual{position:absolute;right:4%;top:32%;width:170px}.ritual>.eyebrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.ritual>.eyebrow button{font-size:16px;padding:0 5px}.ritual ol{list-style:none;padding:0;margin:0}.ritual li{display:flex;gap:12px;align-items:center;margin:20px 0;color:#b0c2db;opacity:.7}.ritual li>span{font:16px var(--serif);color:#a1bad8}.ritual li>div{flex:1;font-size:12px}.ritual li small{display:block;font-size:8px;line-height:1.7;color:#a7b9cf;margin-top:6px}.ritual li b{font-weight:400;color:#a5c5e3;font-size:14px}.ritual li.done{opacity:1;color:#deedf9}.ritual li.done b{color:#b5e1df}.charge-readout{position:absolute;bottom:183px;left:50%;transform:translateX(-50%);text-align:center;min-width:180px;font-size:10px;letter-spacing:2px;color:#bdcee2;pointer-events:none}.charge-track{width:140px;height:2px;background:#d7edff22;margin:10px auto}.charge-track i{display:block;background:#a9deec;width:0;height:100%;box-shadow:0 0 8px #91d6fc;transition:width .08s}.message{position:absolute;bottom:143px;left:15%;right:15%;text-align:center;font:12px var(--serif);letter-spacing:2px;line-height:1.7;color:#cad9e9;pointer-events:none}.bottom-panel{position:absolute;left:50%;transform:translateX(-50%);bottom:25px;width:min(820px,92%);text-align:center}.control-bar{display:flex;align-items:center;gap:13px;background:#081529c9;border:1px solid #8fb0db40;box-shadow:0 8px 35px #02081733;backdrop-filter:blur(12px);padding:9px;border-radius:5px}.primary{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #b5d5e6;background:#bdd5e7;color:#10233a;padding:12px 18px;font-size:12px;letter-spacing:1px;border-radius:2px;white-space:nowrap}.primary:hover{color:#0b192b;background:#d0e3f0}.camera-symbol{font-size:17px}.settings-toggle{font-size:11px;padding:10px 7px;color:#c8d8ec}.divider{height:24px;width:1px;background:#99b8d12b}.control-bar p{font-size:10px;flex:1;margin:0;color:#a9bdd4;white-space:nowrap}.control-bar p span{margin:0 8px;color:#6e8fae}#hideUiButton{padding:10px;font-size:10px;white-space:nowrap}#hideUiButton span{margin-left:6px;border:1px solid #a9c6e555;padding:1px 4px;font-size:8px}.shortcut-line{font-size:9px;color:#9cb0c7;margin:13px 0 0;line-height:1.8}.shortcut-line i{font-style:normal;margin:0 10px;color:#647f9c}kbd{font:8px "Segoe UI",sans-serif;padding:1px 4px;border:1px solid #a0bcda44;border-radius:2px;margin:0 2px;color:#b5cee6}.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081324;z-index:20;transition:opacity .8s}.loading-glyph{font-size:50px;color:#a1c1de;animation:breathe 2s infinite alternate}.loading p{font-size:12px;letter-spacing:3px;color:#a9bfd7}@keyframes breathe{to{opacity:.4;transform:rotate(30deg)}}.error-banner{position:absolute;top:155px;left:50%;transform:translateX(-50%);z-index:12;display:flex;align-items:flex-start;gap:16px;width:min(570px,90%);padding:12px 17px;background:#211e2af2;border:1px solid #b299a467;border-radius:3px;color:#e0cdda;font-size:11px;line-height:1.8}.error-banner p{margin:0;flex:1}.error-banner button{font-size:20px;line-height:1;padding:0}.settings{position:absolute;bottom:127px;left:50%;transform:translateX(-50%);z-index:10;width:min(340px,92%);padding:24px;background:#0b1729f5;border:1px solid #7c9dc75c;border-radius:4px;box-shadow:0 10px 50px #01061080;backdrop-filter:blur(20px)}.settings-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings h2{font:19px var(--serif);letter-spacing:2px;margin:0}.settings-title button{font-size:23px;color:#91a8c4}.settings label{display:block;margin:15px 0;font-size:11px;color:#baccdf}.settings output{float:right;color:#97c4ea}.settings input[type=range]{width:100%;display:block;margin:12px 0;accent-color:#91bde1}.settings .check{display:flex;gap:8px;align-items:center}.settings input[type=checkbox]{accent-color:#9acbe8}.settings p{font-size:10px;line-height:1.8;color:#91a8c4}.settings .privacy{border-top:1px solid var(--line);padding-top:12px;font-size:9px}.secondary{border:1px solid #87a6ce4d;padding:9px 12px;width:100%;font-size:11px;color:#c6d8eb}dialog{width:min(740px,92%);max-height:90svh;overflow-y:auto;border:1px solid #789ac267;border-radius:4px;background:#0c182bed;color:#d5e4f2;padding:38px;box-shadow:0 30px 140px #0009;backdrop-filter:blur(20px)}dialog::backdrop{background:#030914aa;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:26px;color:#9ab1cc}dialog h2{font:26px var(--serif);letter-spacing:2px;line-height:1.6;margin:12px 0}dialog p{font-size:12px;line-height:1.9;color:#aec1d8}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 32px;border-top:1px solid var(--line);margin-top:24px;padding-top:10px}.guide-grid h3{font:17px var(--serif);color:#c5def4}.guide-note{padding:12px 15px;background:#b1d5f308;border:1px solid var(--line);font-size:10px!important}dialog>.primary{margin-top:20px;min-width:180px}.show-ui{position:absolute;bottom:20px;right:25px;padding:8px 12px;background:#07122488;border:1px solid var(--line);color:#b9cfe6;font-size:10px}.immersive .topbar,.immersive .status-line,.immersive .chapter,.immersive .ritual,.immersive .bottom-panel,.immersive .message,.immersive .charge-readout{display:none}.immersive .vignette{background:none}#cameraVideo{position:fixed;left:-10px;top:-10px;width:1px;height:1px;opacity:0;pointer-events:none}
@media(min-width:1700px){.topbar{top:38px}.status-line{top:130px}.chapter p:not(.eyebrow){font-size:32px}.ritual{width:185px}.ritual li{margin:25px 0}.ritual li>div{font-size:13px}.bottom-panel{bottom:32px}.message{bottom:155px}.charge-readout{bottom:198px}}
@media(max-width:1000px){.chapter{display:none}.ritual{right:3%;width:135px;top:27%}.ritual li{gap:8px}.ritual li>div{font-size:10px}.ritual li small{font-size:8px}.control-bar{gap:8px}.control-bar p{font-size:9px}.identity p span{display:none}nav{gap:14px}.quiet{display:none}.theatre{min-height:620px}}
@media(max-width:650px){.theatre{min-height:620px;height:100svh}.topbar{left:5%;right:5%;top:22px}.identity{gap:8px}.identity h1{font-size:23px;letter-spacing:5px}.identity p{font-size:6px;letter-spacing:1.5px}.emblem{font-size:28px}nav{gap:8px}nav button{font-size:9px}#soundButton span{display:none}#fullscreenButton{font-size:20px}.status-line{top:93px;left:5%;right:5%;font-size:8px;gap:12px}#tracking{gap:9px}.ritual{top:123px;left:5%;right:5%;width:auto}.ritual>.eyebrow{display:none}.ritual ol{display:flex;gap:15px}.ritual li{margin:0;gap:6px;flex:1}.ritual li>div{font-size:9px}.ritual li small{display:none}.ritual li>span{font-size:11px}.ritual li b{font-size:10px}.bottom-panel{bottom:19px;width:94%}.control-bar{flex-wrap:wrap;justify-content:center;padding:8px;gap:7px}.primary{padding:10px 13px;gap:9px;font-size:11px}.settings-toggle{font-size:10px}.control-bar p{order:4;flex-basis:100%;padding:5px 0 2px;font-size:9px}.divider{display:none}#hideUiButton{font-size:10px}.shortcut-line{display:none}.message{bottom:133px;left:6%;right:6%;font-size:10px;letter-spacing:1px}.charge-readout{bottom:165px;font-size:9px}.settings{bottom:128px;max-height:70vh;overflow:auto}.error-banner{top:160px;font-size:10px}.guide-grid{grid-template-columns:1fr;gap:0}dialog{padding:27px}dialog h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.loading-glyph{animation:none}*{transition:none!important}}

@media(min-width:651px){.charge-readout{left:auto;right:4%;transform:none;bottom:146px}.message{left:4%;right:auto;width:280px;text-align:left;bottom:150px}}