:root{--bg:#100d18;--panel:#16121e;--line:#302936;--muted:#99909f;--ink:#f3eef5;--gold:#ceb07c;--purple:#b28edf;--control:#211b2a;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:4px}button{transition:background .15s,color .15s,opacity .15s}button:hover:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:24px;background:#120f18}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--ink);font-size:14px;letter-spacing:2.8px;font-weight:600}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.8px;font-weight:400;margin-top:7px}.brand-mark{font-family:Georgia,serif;font-size:40px;line-height:1;color:var(--gold)}.topbar nav{display:flex;height:100%;gap:25px}.tab{background:none;color:var(--muted);font-size:12px;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.top-actions{display:flex;gap:22px;align-items:center}.connection{font-size:11px;white-space:nowrap;color:var(--muted)}.connection i{width:5px;height:5px;background:#9b7ca3;border-radius:100%;display:inline-block;margin-right:7px}.connection.live i{background:#88b8a3}.quiet{background:none;font-size:11px;color:#c4bac9;padding:9px 5px}.quiet span{margin-left:13px;color:var(--gold)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 374px;min-height:calc(100svh - 86px)}.stage{position:relative;min-height:780px;overflow:hidden;background:radial-gradient(ellipse at 45% 50%,#23122e,#0e0b14);isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:-1}.stage-top{position:absolute;left:38px;right:32px;top:36px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--gold);font-weight:600}h1{font:normal 35px/1.21 Georgia,'Times New Roman',serif;letter-spacing:-.7px;margin:18px 0}h1 em{color:#aca0b7;font-weight:400}h2{font:normal 35px/1.13 Georgia,'Times New Roman',serif;letter-spacing:-.5px;margin:24px 0 14px}.view-control{display:flex;gap:4px;padding:4px;border:1px solid #3b3045;background:#17121bc9;border-radius:24px;pointer-events:auto}.view-control button{font-size:10px;background:transparent;border-radius:22px;padding:9px 13px;color:#b7a9c2}.view-control button.selected{background:#3c2c4c;color:#f5e9ff}.stage-bottom{position:absolute;bottom:24px;left:36px;right:30px;display:flex;align-items:center;font-size:9px;letter-spacing:2px;color:#bca9c7;gap:10px}.live-dot{height:5px;width:5px;border-radius:50%;background:#b68cdc;box-shadow:0 0 10px #a155cd}.live-dot.recording{background:#f88b94;box-shadow:0 0 15px #ee3355}.orbit-tip{position:absolute;bottom:77px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;color:#85738f;white-space:nowrap;pointer-events:none}.orbit-tip span{margin:0 10px;color:#503d5d}.scene-tools{position:absolute;left:34px;bottom:107px;display:flex;align-items:center;gap:7px}.scene-tools button{background:#201727a0;border:1px solid #4b365a66;width:32px;height:32px;border-radius:50%;color:#bca8c9;font-size:16px}.render-badge{color:#877393;margin-left:8px;font-size:9px;letter-spacing:1px}.stage-bottom #fps-label{margin-left:auto;font-size:8px;letter-spacing:1px}.reflection{position:absolute;transform:translate(-50%,-50%) perspective(600px) rotateX(-7deg);pointer-events:none;min-width:135px;max-width:240px;aspect-ratio:1.15;background:linear-gradient(150deg,#16134bc9,#42318c85);border:1px solid #c7b5ff35;border-radius:8px;padding:12px;color:#e5ddff;text-align:center;box-shadow:0 0 28px #7361ed44, inset 0 0 25px #7a6bef18;opacity:.92;filter:drop-shadow(0 0 1px #948eff)}.reflection-symbol{font-size:22px;line-height:1.1;color:#d2d2ff}.reflection>span{font-size:9px;letter-spacing:3px}.reflection p{font-size:clamp(9px,1.02vw,13px);line-height:1.45;text-align:left;white-space:pre-line;margin:9px 0 5px}.reflection small{font-size:7px;letter-spacing:1px;opacity:.55}.console{border-left:1px solid var(--line);background:linear-gradient(150deg,#1c1723,#131019);padding:32px 28px 0;display:flex;flex-direction:column}.section-label{font-size:8px;letter-spacing:1.4px;color:var(--gold);display:flex;justify-content:space-between;line-height:1.5}.section-label .number{color:#6e6478;letter-spacing:1px}.intro{font-size:11.5px;line-height:1.8;color:#a89dad;margin:0 0 23px}.mode-row{display:flex;gap:18px;margin-bottom:18px}.mode{background:none;font-size:10px;color:#85788f;padding:0 0 8px;border-bottom:1px solid transparent}.mode.selected{color:#d7c2eb;border-color:#9272b0}textarea{width:100%;resize:vertical;min-height:90px;max-height:210px;border:1px solid #39303f;border-bottom:0;background:#110e18a6;color:var(--ink);border-radius:6px 6px 0 0;font-size:12px;line-height:1.7;padding:15px 15px 8px;display:block}textarea::placeholder{color:#77677f}.question-footer{display:flex;justify-content:space-between;background:#110e18a6;border:1px solid #39303f;border-top:0;border-radius:0 0 6px 6px;padding:0 14px 11px;color:#655a70;font-size:9px}kbd{font:9px Arial;color:#82758f}.primary{padding:14px 16px;border:1px solid #e6c89480;border-radius:5px;background:linear-gradient(130deg,#d8bc89,#b99866);color:#251927;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;width:100%;margin-top:12px}.primary>span+span{font-size:20px;line-height:12px}.voice-row{display:flex;gap:12px;align-items:center;margin-top:12px}.voice-button{background:#282030;border:1px solid #41344b;padding:11px 13px;border-radius:5px;font-size:10px;user-select:none;-webkit-user-select:none;touch-action:none}.voice-button.recording{border-color:#e68088;color:#fbc2c7;background:#41212d}.mic-icon{font-size:8px;margin-right:6px;color:var(--purple)}.level-track{height:2px;background:#302637;margin:12px 0 8px;overflow:hidden}.level-track span{display:block;height:100%;background:#c896dd;width:0;transition:width .08s}.voice-note{font-size:9px;line-height:1.7;color:#8b7e96;margin:7px 0 18px}.answer-card{margin-top:18px;padding:15px 16px 10px;border:1px solid #43344b;border-radius:6px;background:linear-gradient(120deg,#3021385c,#1e1825);min-height:150px}.answer-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#ac87bc}.answer-top span+span{color:#73617f;letter-spacing:0}.answer-card>p{font:normal 15px/1.65 Georgia,serif;color:#cbbbce;margin:15px 0;min-height:50px;white-space:pre-line}.answer-actions{border-top:1px solid #3b2b45;padding-top:5px;display:flex;gap:8px;align-items:center;font-size:8px;color:#8d789c}.answer-actions button{font-size:10px}.answer-actions #speak{margin-left:auto}.atmosphere{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}.atmosphere summary{display:flex;justify-content:space-between;list-style:none;font-size:11px;color:#c2b7ca;cursor:pointer}.atmosphere summary span{color:#7d688e}.atmosphere>label{display:flex;align-items:center;gap:12px;font-size:10px;color:#9d8faa;margin-top:18px}.atmosphere>label input[type=range]{min-width:0;flex:1;width:80px}.atmosphere output{font-size:9px;min-width:28px}.toggle-row{justify-content:space-between}.toggle-row small{display:block;font-size:8px;color:#685b76;margin-top:4px}input[type=range]{accent-color:#bd9a7b;height:3px;cursor:pointer}input[type=checkbox]{accent-color:#b48ccc;cursor:pointer}.client-link{display:flex;justify-content:space-between;background:none;padding:18px 0 0;width:100%;font-size:10px;color:#b69ac7}.client-link span{color:var(--gold)}.disclosure{font-size:8px;line-height:1.75;color:#776982;margin:22px 0}.console-footer{font-size:7px;letter-spacing:1.1px;color:#74667d;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:auto;gap:8px}.console-footer>span+span{font-size:6px;color:#55475e}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#352b3e;border:1px solid #352b3e;border-radius:6px;overflow:hidden;margin:22px 0}.metric-grid>div{background:#191320;padding:15px}.metric-grid strong{font:28px Georgia}.metric-grid strong span{font:11px Arial;color:var(--muted);margin-left:3px}.metric-grid small{font-size:9px;color:#8e7f9b;display:block;margin-top:7px}.explode-label{display:flex;flex-wrap:wrap;font-size:11px;gap:15px;color:#c8b4d6}.explode-label output{margin-left:auto;font-size:10px;color:var(--gold)}.explode-label input{width:100%}.cad-controls{display:flex;justify-content:space-between;margin:14px 0 0}.parts{max-height:345px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b3a59 #19131f}.part{display:flex;align-items:center;gap:8px;border-bottom:1px solid #2c2233;padding:8px 0}.part>button{background:none;text-align:left;color:#9e8dab;font-size:10px;line-height:1.35;flex:1}.part.selected>button{color:var(--gold)}.part .dot{width:6px;height:6px;border-radius:50%}.release-warning{margin:24px 0;padding:14px;border:1px solid #67473666;border-radius:5px;background:#3c261b22}.release-warning strong{font-size:8px;color:#caa571;letter-spacing:1px}.release-warning p{font-size:9px;line-height:1.8;color:#8c7b83}.public-notice{display:none}dialog{max-width:530px;width:calc(100% - 32px);background:#1b1523;color:var(--ink);border:1px solid #53415f;border-radius:12px;padding:32px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#0c0718c9;backdrop-filter:blur(10px)}dialog h2{font-size:30px;margin:15px 0}dialog p{font-size:11px;line-height:1.9;color:#ad9fba}pre{background:#0f0b16;padding:14px;font-size:10px;line-height:1.9;border:1px solid #34283e;overflow:auto;color:#d1bbdd}dialog label{display:block;font-size:10px;color:#c1b1cd;margin:18px 0 8px}dialog label span{color:#8c789c;font-size:9px;float:right}dialog input{width:100%;border:1px solid #4b3956;border-radius:4px;background:#130e1b;padding:12px;color:var(--ink);font-size:12px}.dialog-close{position:absolute;right:12px;top:10px}.dialog-close button{background:none;font-size:24px;color:#ad95bf}.dialog-actions{display:flex;align-items:center;gap:18px}.dialog-actions .primary{width:auto;flex:1;margin-top:0}.small-note{font-size:9px!important;color:#82728e!important}.error{color:#e298a9!important;min-height:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2f233d;border:1px solid #79598e;color:#e6d5f1;padding:14px 22px;font-size:12px;border-radius:7px;box-shadow:0 15px 50px #0008;max-width:min(600px,90vw);z-index:10;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.public .topbar,.public .console,.public .stage-top,.public .scene-tools,.public .orbit-tip,.public .stage-bottom{display:none}.public .workspace{display:block;height:100svh;min-height:0}.public .stage{height:100svh;min-height:0}.public .public-notice{display:block;position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.8px;color:#8d789e}.public .reflection{display:none!important}.stage:fullscreen{width:100%;height:100%;min-height:0}.stage:fullscreen canvas{z-index:0}.stage:fullscreen>div{z-index:1}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 410px}.console{padding:38px 34px 0}.stage-top{left:50px;top:44px}h1{font-size:44px}}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.console{padding:26px 22px 0}.topbar{padding:0 23px;gap:14px}.top-actions{gap:8px}.stage-top{left:24px;right:20px;top:28px;flex-direction:column;gap:6px}h1{font-size:30px}.topbar nav{gap:15px}.orbit-tip{font-size:7px;letter-spacing:1px}.orbit-tip span{margin:0 4px}}
@media(max-width:760px){.topbar{height:73px;padding:0 17px;gap:10px}.brand{font-size:11px;letter-spacing:1.6px;gap:8px}.brand small{font-size:6px;letter-spacing:1.1px}.brand-mark{font-size:34px}.topbar nav{gap:11px}.tab{font-size:10px}.top-actions .connection{display:none}.top-actions>button{font-size:0}.top-actions>button span{font-size:20px;margin:0}.workspace{display:flex;flex-direction:column;min-height:0}.stage{min-height:580px;height:calc(84svh - 73px);max-height:760px}.stage-top{top:23px;right:20px;left:20px;flex-direction:row}h1{font-size:27px;margin-top:11px}.view-control{gap:0;margin-top:0}.view-control button{font-size:8px;padding:7px 9px}.eyebrow{font-size:7px;letter-spacing:1.8px}.console{border-left:0;border-top:1px solid var(--line);padding:27px 23px 0}.console h2{font-size:32px}.console h2 br{display:none}.console h2 br:after{content:' '}.intro{max-width:480px}.reflection p{font-size:11px}.reflection{max-width:180px}.stage-bottom{left:22px;right:20px;bottom:20px;font-size:7px;letter-spacing:1.5px}.scene-tools{left:22px;bottom:95px}.orbit-tip{bottom:65px;font-size:6px}.disclosure{max-width:480px}.console-footer{margin-top:10px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-grid>div{padding:12px}.metric-grid strong{font-size:23px}.metric-grid small{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}