:root{font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#eef2f1;background:#080d12;font-synthesis:none;--bg:#080d12;--panel:rgba(14,21,27,.78);--line:rgba(181,211,220,.14);--muted:#829296;--accent:#bbf5d8;--text:#eef2f1}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}.icon{width:23px;height:23px;flex:none}button{transition:background .2s,color .2s,border-color .2s,transform .2s}button:hover{color:var(--accent)}button:active{transform:translateY(1px)}[hidden]{display:none!important}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);position:relative;z-index:4;background:var(--bg)}.brand{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:1.1px;font-weight:680;white-space:nowrap}.brand>.icon{width:34px;height:34px;color:var(--accent)}.brand-light{font-weight:350;margin-left:5px}.version{font:9px ui-monospace,SFMono-Regular,monospace;color:var(--muted);margin-left:10px;letter-spacing:1px}.scene-nav{display:flex;align-items:center;padding:5px;background:#89a4b20b;border:1px solid var(--line);border-radius:10px;gap:5px;position:absolute;left:50%;transform:translate(-50%)}.scene-tab{display:flex;align-items:center;gap:10px;background:transparent;color:var(--muted);font-size:12px;padding:10px 18px;border-radius:6px}.scene-tab .icon{width:17px;height:17px}.scene-tab[aria-pressed=true]{background:#202d32;color:var(--accent);box-shadow:0 1px 4px #0003}.tab-num{font:9px ui-monospace,monospace;opacity:.55;margin-left:10px}.header-right{display:flex;gap:23px;align-items:center}.local-badge{font:9px ui-monospace,monospace;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-badge i,.live-dot,.status-dot,.fps-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--accent)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;color:var(--muted)}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:#aeddcc0f;border-color:var(--accent)}.stage{position:relative;height:calc(100svh - 86px);min-height:700px;overflow:hidden;background:var(--bg)}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#universe:active{cursor:grabbing}.scene-intro{position:absolute;left:6%;top:11%;pointer-events:none;z-index:1}.eyebrow{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:12px}.eyebrow-line{width:28px;height:1px;background:var(--muted);opacity:.5}#scene-index{color:var(--accent)}h1{font-size:clamp(45px,4.8vw,74px);line-height:1.08;letter-spacing:-3.5px;font-weight:450;margin:27px 0 20px;white-space:pre-line}#scene-subtitle{font-size:14px;letter-spacing:2px;color:#a3b0b4;margin:0}.intro-foot{font:8px ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-top:35px}.live-dot{width:4px;height:4px}.right-caption{position:absolute;right:43px;top:35px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font:8px ui-monospace,monospace;letter-spacing:1.5px;text-align:right;pointer-events:none}.orbit-label{position:absolute;top:62%;left:55%;display:flex;align-items:center;gap:10px;font:8px ui-monospace,monospace;letter-spacing:2px;color:#9bb7bb;pointer-events:none}.crosshair{font-size:20px;font-weight:200;color:var(--accent)}.label-line{width:48px;height:1px;background:var(--line)}.scene-tools{position:absolute;right:43px;top:48%;display:flex;flex-direction:column;gap:10px}.camera-panel{position:absolute;left:6%;bottom:219px;width:224px;z-index:2}.camera-heading{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted);margin-bottom:11px}#camera-state{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:5px}#camera-state i{width:4px;height:4px;background:#5e686e;border-radius:50%}.camera-view{height:122px;background:linear-gradient(145deg,#131b23,#0c131b);border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.camera-view:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,#b9f7d703 50%);background-size:100% 5px;pointer-events:none}#camera-video,#skeleton{position:absolute;width:100%;height:100%;object-fit:cover}#skeleton{object-fit:cover;z-index:1}#camera-video{transform:scaleX(-1);opacity:.75}#camera-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:7px}#camera-placeholder>.icon{width:26px;height:26px;color:#8da6ac;opacity:.65}#camera-placeholder>span{font-size:10px;color:#9faeb3}#camera-placeholder>small{font-size:8px;color:#5c717b;letter-spacing:.5px}.corner{position:absolute;width:10px;height:10px;border-color:#78968a;border-style:solid;opacity:.45;z-index:2}.tl{left:8px;top:8px;border-width:1px 0 0 1px}.tr{right:8px;top:8px;border-width:1px 1px 0 0}.bl{left:8px;bottom:8px;border-width:0 0 1px 1px}.br{right:8px;bottom:8px;border-width:0 1px 1px 0}.hand-count{position:absolute;bottom:7px;right:9px;font:6px ui-monospace,monospace;letter-spacing:1px;color:#819b91;z-index:2}.camera-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px 14px;border-radius:6px;background:var(--accent);color:#18372b;font-size:11px;font-weight:600;margin-top:10px}.camera-button:hover{background:#ddffe9;color:#18372b}.camera-button .icon{width:15px;height:15px}.button-arrow{margin-left:auto;font-size:16px}.privacy{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:var(--muted);margin:10px 0 0}.privacy .icon{width:11px;height:11px}.bottom-area{position:absolute;left:6%;right:6%;bottom:0}.interaction-status{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:.4px;color:#bbc9c9;margin-bottom:19px}.status-dot{width:4px;height:4px}.status-rule{width:20px;height:1px;background:var(--line);margin:0 4px}#zoom-value{font:9px ui-monospace,monospace;color:var(--accent)}.mode-label{font:7px ui-monospace,monospace;letter-spacing:1px;color:var(--muted);margin-left:9px}.control-dock{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;padding:24px 30px}.dock-title{min-width:150px}.dock-title .eyebrow{font-size:7px;letter-spacing:1.7px}.dock-title strong{display:block;font-size:15px;font-weight:450;margin-top:11px;letter-spacing:1px}.gesture-guide{display:flex;justify-content:space-evenly;flex:1;gap:25px}.guide-item{display:flex;gap:12px;align-items:center}.guide-item>.icon{color:var(--muted);width:25px;height:25px}.guide-item strong{display:block;font-size:10px;font-weight:450;margin-bottom:7px;color:#c8d2d4}.guide-item span{font-size:9px;color:var(--muted)}.dock-action{border-left:1px solid var(--line);padding-left:28px;min-width:139px}.dock-action button{display:flex;gap:8px;align-items:center;border:1px solid #637d713f;background:#baf6d50c;padding:10px 15px;border-radius:6px;font-size:10px;color:var(--accent)}.dock-action button[aria-pressed=true]{background:var(--accent);color:#18372b}.dock-action button .icon{width:14px;height:14px}.dock-action>span{font-size:8px;display:block;margin-top:7px;text-align:center;color:var(--muted)}kbd{font:7px ui-monospace,monospace;border:1px solid var(--line);border-radius:3px;padding:2px 4px;margin-left:3px}.stage-footer{display:flex;justify-content:space-between;align-items:center;height:55px;color:var(--muted);font:7px ui-monospace,monospace;letter-spacing:1px}.stage-footer>div{display:flex;align-items:center;gap:8px}.footer-divider{height:9px;width:1px;background:var(--line);margin:0 4px}.fps-dot{width:3px;height:3px}.mouse-tip{display:flex;align-items:center;gap:7px;font-family:inherit;letter-spacing:0;font-size:8px}.mouse-tip .icon{width:12px;height:12px}.loading{position:absolute;inset:0;background:#080d12ee;z-index:5;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:2px;gap:15px}.loading span{height:14px;width:14px;border-radius:50%;border:1px solid #7a998833;border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:15;background:#21342e;border:1px solid #99e6bb44;color:#e4f4ea;font-size:12px;padding:14px 20px;border-radius:8px;transition:opacity .3s,transform .3s;max-width:calc(100% - 40px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid #8da69b33;border-radius:18px;background:#111b21;color:#dde9e5;padding:30px;width:min(620px,90vw);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#03070bcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:30px;font-weight:450;letter-spacing:-.7px}dialog p{font-size:12px;color:#9eb0b5;line-height:1.9}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-block:1px solid var(--line);padding:23px 0;margin:25px 0}.help-grid strong{font-size:12px;font-weight:500;color:var(--accent)}.help-grid p{font-size:11px}.help-note{font-size:10px!important}dialog .camera-button{margin-top:24px;padding:13px}[data-camera=on] #camera-state{color:var(--accent)}[data-camera=on] #camera-state i{background:var(--accent)}[data-camera=loading] .camera-button{opacity:.65}@media(min-width:1600px){.scene-intro{left:8%;top:13%}.camera-panel{left:8%;width:245px}.bottom-area{left:8%;right:8%}.camera-view{height:142px}}@media(max-height:850px)and (min-width:901px){.stage{min-height:650px}.scene-intro{top:8%}h1{font-size:58px;margin-top:20px}.intro-foot{margin-top:24px}.camera-panel{bottom:201px;width:205px}.camera-view{height:105px}.control-dock{padding:20px 24px}.stage-footer{height:48px}.interaction-status{margin-bottom:15px}}@media(max-width:1100px){.header{padding:0 27px}.version,.local-badge{display:none}.control-dock{gap:10px;padding-inline:20px}.dock-title{min-width:125px}.dock-title strong{font-size:13px}.gesture-guide{gap:13px}.guide-item{gap:8px}.guide-item>.icon{width:21px;height:21px}.guide-item strong{font-size:9px}.guide-item span{font-size:8px}.dock-action{padding-left:18px;min-width:120px}.scene-intro,.camera-panel{left:5%}.bottom-area{left:5%;right:5%}}@media(max-width:900px){.header{height:74px;padding:0 22px}.brand{font-size:10px;gap:8px}.brand>.icon{width:29px;height:29px}.scene-nav{position:static;transform:none;margin-left:auto;margin-right:16px}.scene-tab{padding:8px 13px;font-size:11px;gap:7px}.tab-num{display:none}.header-right{gap:0}.stage{height:calc(100svh - 74px);min-height:800px}.scene-intro{top:6%;left:6%}h1{font-size:49px;letter-spacing:-2.5px;margin:18px 0 12px}.eyebrow{font-size:8px}.intro-foot{display:none}#scene-subtitle{font-size:11px}.right-caption{display:none}.camera-panel{inset:6% 6% auto auto;width:170px}.camera-view{height:99px}.privacy{font-size:7px}.camera-button{font-size:9px}.camera-heading{font-size:7px;letter-spacing:1px}.orbit-label{left:42%;top:62%}.scene-tools{right:6%;top:42%}.bottom-area{left:6%;right:6%}.control-dock{flex-wrap:wrap;padding:22px;gap:22px}.dock-title{display:none}.gesture-guide{width:100%;flex:auto;justify-content:space-between}.dock-action{border-left:0;border-top:1px solid var(--line);padding:16px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.dock-action>span{margin:0}.dock-action button{padding:9px 20px}.stage-footer>span:first-child{display:none}.guide-item strong{font-size:10px}.guide-item span{font-size:9px}.stage-footer{height:52px}.interaction-status{margin-bottom:16px}}@media(max-width:580px){.header{padding:0 17px;height:68px}.brand{font-size:8px;letter-spacing:.8px;gap:6px}.brand-light{display:block;margin-left:0;margin-top:3px}.brand>.icon{width:29px;height:29px}.scene-nav{margin-right:0;padding:3px;gap:2px}.scene-tab{padding:9px 12px;gap:6px;font-size:10px}.scene-tab .icon{width:14px;height:14px}.header-right{display:none}.stage{height:calc(100svh - 68px);min-height:850px}.scene-intro{top:5%;left:7%}h1{font-size:40px;letter-spacing:-2px;margin-top:16px}.eyebrow{font-size:6px;letter-spacing:1px;gap:7px}.eyebrow-line{width:16px}#scene-subtitle{font-size:10px;letter-spacing:1px}.camera-panel{width:118px;right:7%;top:5%}.camera-heading{font-size:5px;letter-spacing:.5px;margin-bottom:7px}#camera-state{font-size:5px;letter-spacing:.5px}.camera-view{height:86px}.camera-button{padding:9px 6px;font-size:8px;gap:4px}.camera-button .icon{width:11px;height:11px}.button-arrow{font-size:12px}#camera-placeholder>span{font-size:8px}#camera-placeholder>small,.privacy{display:none}#camera-placeholder>.icon{width:22px;height:22px}.camera-view .corner{width:7px;height:7px}.hand-count{font-size:5px}.scene-tools{top:47%;right:7%}.scene-tools .icon-button{width:31px;height:31px}.orbit-label{left:26%;top:60%;font-size:6px}.bottom-area{left:7%;right:7%}.control-dock{padding:18px 16px;border-radius:10px}.gesture-guide,.guide-item{gap:7px}.guide-item>.icon{width:18px;height:18px}.guide-item strong{font-size:8px}.guide-item span{font-size:7px}.mode-label{display:none}.interaction-status{font-size:8px}.stage-footer{font-size:6px;letter-spacing:.4px}.mouse-tip{font-size:6px}.help-grid{grid-template-columns:1fr;gap:15px}dialog{padding:23px}}@media(prefers-reduced-motion:reduce){button,.toast{transition:none}.loading span{animation:none}}@media(max-width:380px){h1{font-size:30px;letter-spacing:-1.3px}.scene-intro{top:6%}.camera-panel{width:106px;top:6%}#scene-subtitle{font-size:8px}.scene-intro>.eyebrow{font-size:5px;gap:5px}.eyebrow-line{width:10px}.guide-item>.icon{display:none}.stage-footer .mouse-tip{font-size:5px}}[data-theme=geometry]{--bg:#0c0d0f;--panel:rgba(19,20,23,.8);--accent:#f2f2ed;--line:rgba(211,213,217,.15);--muted:#97989d}[data-theme=geometry] .scene-tab[aria-pressed=true]{background:#303034}[data-theme=geometry] .camera-view{background:linear-gradient(145deg,#1d1e23,#121316)}[data-theme=geometry] .camera-button{color:#1b1b1b}[data-theme=geometry] .camera-button:hover{background:#fff}[data-theme=geometry] .dock-action button[aria-pressed=true]{color:#181818}[data-theme=geometry] .orbit-label{color:#b9b9be}[data-theme=geometry] .scene-intro{text-shadow:0 2px 30px #0008}.scene-nav{max-width:44vw;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#66776c55 transparent}.scene-tab{flex-shrink:0}@media(max-width:900px){.scene-nav{max-width:48vw}}@media(max-width:580px){.scene-nav{max-width:58vw}}