:root{color-scheme:dark;--bg: #050606;--panel: rgba(16, 18, 19, .82);--panel-strong: rgba(20, 22, 23, .94);--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .14);--text: #f1f4f3;--muted: #969e9b;--faint: #5e6663;--accent: #ff775f;--accent-rgb: 255, 119, 95;--panel-width: 324px;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}.noise{position:fixed;z-index:50;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.glass{border:1px solid var(--line);background:linear-gradient(145deg,#1b1e1fd1,#0b0d0ebf);box-shadow:inset 0 1px #ffffff0e,0 22px 70px #00000073;backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}.topbar{position:fixed;z-index:20;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 24px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:inline-flex;justify-self:start;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{position:relative;display:grid;width:30px;height:30px;transform:rotate(30deg) skewY(-4deg);grid-template-columns:1fr 1fr;gap:2px}.brand-mark i{border:1px solid rgba(var(--accent-rgb),.62);background:rgba(var(--accent-rgb),.08);box-shadow:0 0 10px rgba(var(--accent-rgb),.07)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){background:rgba(var(--accent-rgb),.42);box-shadow:0 0 12px rgba(var(--accent-rgb),.3)}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:12px;font-weight:650;letter-spacing:.26em}.brand-copy small,.eyebrow{margin:0;color:var(--faint);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px;letter-spacing:.2em}.top-status{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 13px;border:1px solid rgba(255,255,255,.055);border-radius:20px;background:#0c0e0e8c;color:#79817e;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.14em}.status-light{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.65);animation:status-pulse 1.8s ease-in-out infinite}@keyframes status-pulse{50%{opacity:.35;box-shadow:0 0 3px rgba(var(--accent-rgb),.25)}}.panel-toggle{display:flex;justify-self:end;align-items:center;gap:8px;height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#141616c2;color:var(--muted);cursor:pointer;font-size:10px;transition:.18s ease}.panel-toggle:hover{border-color:var(--line-strong);color:var(--text);background:#1c1f1fe6}.panel-toggle svg,.icon-button svg,.pulse-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.stage,#voice-cube{position:fixed;inset:0}#voice-cube{z-index:1;display:block;width:100%;height:100%;cursor:grab;touch-action:none}#voice-cube.dragging{cursor:grabbing}.stage-copy{position:fixed;z-index:5;bottom:35px;left:28px;pointer-events:none;transition:opacity .22s ease}.stage-copy .eyebrow{margin-bottom:13px;color:#68716d}.stage-copy .eyebrow span{color:rgba(var(--accent-rgb),.65)}.stage-copy h1{margin:0;font-size:clamp(28px,3.1vw,50px);font-weight:400;letter-spacing:-.045em;line-height:.96}.stage-description{margin:16px 0 0;color:#707975;font-size:11px;line-height:1.55}.orbit-hint{position:fixed;z-index:4;bottom:38px;left:50%;display:flex;align-items:center;gap:9px;transform:translate(calc(-50% - var(--panel-width) * .28));color:#515956;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.12em;pointer-events:none;transition:opacity .7s ease}.orbit-hint.hidden{opacity:0}.orbit-hint svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.signal-dock{position:fixed;z-index:12;top:50%;left:24px;display:flex;flex-direction:column;align-items:center;width:64px;padding:7px;border-radius:18px;transform:translateY(-50%);transition:width .26s var(--ease),padding .26s var(--ease)}.mic-button{display:grid;width:48px;height:48px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:14px;place-items:center;background:rgba(var(--accent-rgb),.08);color:var(--accent);cursor:pointer;box-shadow:inset 0 1px #ffffff0d;transition:.18s ease}.mic-button:hover{background:rgba(var(--accent-rgb),.14);box-shadow:0 0 22px rgba(var(--accent-rgb),.1)}.mic-button.live{background:rgba(var(--accent-rgb),.18);box-shadow:0 0 25px rgba(var(--accent-rgb),.17)}.mic-icon{width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.dock-status,.mini-meter,.dock-divider,.demo-button{display:none}.signal-dock:hover,.signal-dock:focus-within,.signal-dock.expanded{align-items:center;width:306px;padding:7px 9px}.signal-dock:hover,.signal-dock:focus-within,.signal-dock.expanded{flex-direction:row;gap:10px}.signal-dock:hover .dock-status,.signal-dock:focus-within .dock-status,.signal-dock.expanded .dock-status{display:flex;min-width:72px;flex-direction:column;gap:3px}.dock-status span{color:#b6bdbb;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.13em}.dock-status small{color:#626a67;font-size:8px}.signal-dock:hover .mini-meter,.signal-dock:focus-within .mini-meter,.signal-dock.expanded .mini-meter{display:flex}.mini-meter{align-items:center;justify-content:center;width:52px;height:26px;gap:2px}.mini-meter i{width:2px;min-height:2px;height:calc(2px + var(--meter, 0) * 18px);border-radius:2px;background:var(--accent);opacity:calc(.32 + var(--meter, 0) * .68);box-shadow:0 0 6px rgba(var(--accent-rgb),calc(var(--meter, 0) * .5));transition:height 50ms linear}.signal-dock:hover .demo-button,.signal-dock:focus-within .demo-button,.signal-dock.expanded .demo-button{display:flex}.signal-dock:hover .dock-divider,.signal-dock:focus-within .dock-divider,.signal-dock.expanded .dock-divider{display:block;width:1px;height:26px;flex:0 0 1px;background:#ffffff14}.demo-button{height:32px;padding:0 5px;border:0;align-items:center;gap:6px;background:transparent;color:#6d7572;cursor:pointer;font-size:8px;white-space:nowrap}.demo-button:hover,.demo-button.active{color:#a9b1ae}.demo-dot{width:5px;height:5px;border:1px solid #6f7774;border-radius:50%}.demo-button.active .demo-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 7px rgba(var(--accent-rgb),.55)}.control-panel{position:fixed;z-index:15;top:76px;right:18px;bottom:18px;width:var(--panel-width);padding:21px 20px 18px;overflow:auto;border-radius:20px;scrollbar-color:rgba(255,255,255,.12) transparent;scrollbar-width:thin;transform:translate(0);transition:transform .32s var(--ease),opacity .22s ease}.control-panel.closed{opacity:0;pointer-events:none;transform:translate(calc(100% + 30px))}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px}.panel-head .eyebrow{margin-bottom:6px;color:rgba(var(--accent-rgb),.62)}.panel-head h2{margin:0;color:#e3e7e5;font-size:18px;font-weight:480;letter-spacing:-.02em}.icon-button{display:grid;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;place-items:center;background:#ffffff06;color:#656d6a;cursor:pointer;transition:.16s ease}.icon-button:hover{color:var(--text);border-color:var(--line-strong)}.control-section{padding:17px 0;border-top:1px solid rgba(255,255,255,.065)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#aeb5b2;font-size:10px}.section-label output{color:#626a67;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;letter-spacing:.06em}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pattern{display:flex;min-width:0;height:61px;padding:8px 5px 6px;border:1px solid rgba(255,255,255,.065);border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#ffffff05;color:#6f7774;cursor:pointer;font-size:8px;transition:.16s ease}.pattern svg{width:42px;height:20px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.pattern .hot{stroke:var(--accent)}.pattern:hover{color:#afb7b4;border-color:#ffffff21}.pattern.active{border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.07);color:var(--accent);box-shadow:inset 0 1px #ffffff08}.palette-row{display:flex;align-items:center;gap:9px}.palette,.custom-color{position:relative;display:grid;width:28px;height:28px;padding:3px;border:1px solid transparent;border-radius:50%;place-items:center;background:transparent;cursor:pointer}.palette i{width:18px;height:18px;border:2px solid rgba(255,255,255,.23);border-radius:50%;background:linear-gradient(135deg,var(--p1),var(--p2));box-shadow:0 0 9px color-mix(in srgb,var(--p1) 30%,transparent)}.palette:nth-child(1){--p1: #43e7ff;--p2: #169fdf}.palette:nth-child(2){--p1: #52f5a8;--p2: #31d7ff}.palette:nth-child(3){--p1: #d86cff;--p2: #715cff}.palette:nth-child(4){--p1: #ff775f;--p2: #ffca5c}.palette:nth-child(5){--p1: #f4f7f8;--p2: #8da2ad}.palette.active{border-color:#ffffff52}.custom-color{border-color:var(--line);color:#89918e}.custom-color:hover{color:var(--text)}.custom-color input{position:absolute;width:1px;height:1px;opacity:0}.custom-color svg{width:12px;fill:none;stroke:currentColor;stroke-width:1.5}.sliders{display:flex;flex-direction:column;gap:14px}.range-control{display:flex;flex-direction:column;gap:8px}.range-control>span{display:flex;align-items:center;justify-content:space-between;color:#9da5a2;font-size:9px}.range-control output{color:#59615e;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}input[type=range]{width:100%;height:12px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:linear-gradient(to right,rgba(var(--accent-rgb),.82) 0 var(--range-progress, 50%),rgba(255,255,255,.09) var(--range-progress, 50%))}input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:#ffffff17}input[type=range]::-moz-range-progress{height:2px;background:rgba(var(--accent-rgb),.82)}input[type=range]::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4.5px;appearance:none;border:2px solid #111313;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.65),0 0 10px rgba(var(--accent-rgb),.35)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #111313;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.35)}.compact-controls{display:flex;flex-direction:column;gap:12px}.select-control,.switch-control{display:flex;min-height:26px;align-items:center;justify-content:space-between;color:#959d9a;font-size:9px}.select-control select{min-width:95px;padding:5px 24px 5px 9px;border:1px solid var(--line);border-radius:7px;appearance:none;background:linear-gradient(45deg,transparent 50%,#6d7572 50%) calc(100% - 10px) 10px / 4px 4px no-repeat,linear-gradient(135deg,#6d7572 50%,transparent 50%) calc(100% - 6px) 10px / 4px 4px no-repeat,#ffffff06;color:#9da5a2;outline:none;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.select-control,.select-control select{transition:opacity .16s ease,border-color .16s ease}.select-control.is-disabled{opacity:.34}.select-control select:disabled{cursor:not-allowed}.switch-control{position:relative;cursor:pointer}.switch-control input{position:absolute;opacity:0}.switch-control i{position:relative;width:30px;height:16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;transition:.16s ease}.switch-control i:after{position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#737b78;content:"";transition:.18s var(--ease)}.switch-control input:checked+i{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.12)}.switch-control input:checked+i:after{transform:translate(14px);background:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.55)}.director-controls{padding:14px 0}.director-controls summary{display:flex;align-items:center;justify-content:space-between;color:#aeb5b2;cursor:pointer;font-size:10px;list-style:none}.director-controls summary::-webkit-details-marker{display:none}.director-controls summary:before{width:5px;height:5px;margin-right:8px;border-right:1px solid #77807c;border-bottom:1px solid #77807c;content:"";transform:rotate(-45deg);transition:transform .16s ease}.director-controls details[open] summary:before{transform:rotate(45deg) translate(-1px,-1px)}.director-controls summary span{margin-right:auto}.director-controls summary output{color:rgba(var(--accent-rgb),.56);font-family:SFMono-Regular,Consolas,monospace;font-size:7px;letter-spacing:.1em}.director-body{display:flex;flex-direction:column;padding-top:14px;gap:11px}.director-intensity{display:flex;flex-direction:column;color:#959d9a;font-size:9px;gap:7px}.director-intensity span{display:flex;justify-content:space-between}.director-intensity output{color:#626a67;font-family:SFMono-Regular,Consolas,monospace;font-size:7px}.director-cues{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.director-cues button,.director-demo{min-height:30px;border:1px solid var(--line);border-radius:8px;background:#ffffff06;color:#89918e;cursor:pointer;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;transition:.16s ease}.director-cues button:hover,.director-demo:hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.065);color:var(--accent)}.director-demo{width:100%;color:rgba(var(--accent-rgb),.72)}.profile-controls{padding-bottom:14px}.profile-controls .section-label{margin-bottom:10px}.profile-controls .section-label output{transition:color .16s ease}.profile-controls .section-label output.success{color:rgba(var(--accent-rgb),.82)}.profile-controls .section-label output.error{color:#ff887d}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-actions button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#ffffff06;color:#8e9793;cursor:pointer;font-family:SFMono-Regular,Consolas,monospace;font-size:8px;transition:.16s ease}.profile-actions button:hover{border-color:rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.065);color:var(--accent)}.pulse-button{display:flex;width:100%;min-height:38px;padding:0 13px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:10px;align-items:center;justify-content:space-between;background:rgba(var(--accent-rgb),.055);color:rgba(var(--accent-rgb),.78);cursor:pointer;font-size:9px;transition:.16s ease}.pulse-button:hover{border-color:rgba(var(--accent-rgb),.42);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.pulse-button:active{transform:translateY(1px)}.api-note{margin:14px 0 0;color:#505754;font-size:8px;text-align:center}.api-note span{margin-right:4px;color:#5a857e;font-family:SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.api-note code{color:#727b77;font-family:SFMono-Regular,Consolas,monospace}@media(max-height:760px)and (min-width:701px){.control-panel{top:66px;bottom:10px;padding-top:16px}.control-section{padding:13px 0}.pattern{height:50px}.pattern svg{height:14px}.sliders{gap:9px}.range-control{gap:5px}}@media(max-width:900px){:root{--panel-width: min(324px, calc(100vw - 24px) )}.top-status{display:none}.topbar{grid-template-columns:1fr 1fr}.stage-copy{opacity:.7}.orbit-hint{transform:translate(-50%)}.control-panel{right:12px;bottom:12px}}@media(max-width:700px){.topbar{min-height:64px;padding:0 15px}.brand-copy small,.panel-toggle span{display:none}.panel-toggle{width:36px;justify-content:center;padding:0}.control-panel{top:66px;max-height:calc(100dvh - 78px)}.stage-copy{bottom:92px;left:18px}.stage-copy h1{font-size:28px}.stage-description,.orbit-hint{display:none}.signal-dock{top:auto;bottom:20px;left:50%;width:58px;transform:translate(-50%)}.signal-dock:hover,.signal-dock:focus-within,.signal-dock.expanded{width:min(306px,calc(100vw - 28px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}