:root{color:#ecf1f6;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#aab6c6;--line:#354253;--accent:#e8ad82;--cyan:#78dbc9;background:#101318;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{color:inherit;background:#243144;border:1px solid #4b5c70;border-radius:6px;min-height:42px;padding:8px 13px}button{cursor:pointer}button:hover{background:#33445b}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:4px}.shell{max-width:1360px;margin:auto;padding:24px 40px}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.back-link{color:#c5cfda;font-size:14px;text-decoration:none}.back-link span{padding-right:8px}.utility{gap:10px;display:flex}.utility button{background:0 0;min-height:36px;padding:6px 12px;font-size:13px}.intro{justify-content:space-between;align-items:center;gap:24px;padding:26px 0 24px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:clamp(27px,2.6vw,38px);font-weight:650;line-height:1.18}.lede{color:var(--muted);margin-top:8px;font-size:16px}.simulation-note{flex-shrink:0;font-size:13px;line-height:1.7}.simulation-note>span:last-child{color:var(--muted);padding-left:15px}.status-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:22px;margin-bottom:24px;display:flex}.steps button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:0;flex:1;padding:16px 0;font-size:14px;position:relative}.steps button span{color:var(--muted);margin-right:10px;font-size:12px}.steps button[aria-pressed=true]{color:#fff}.steps button[aria-pressed=true]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:32px;display:grid}.visual{min-width:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading h2{font-size:16px;font-weight:550}.section-heading>span{color:var(--cyan);font-size:12px}.stage{border:1px solid var(--line);background:radial-gradient(at 50% 100%,#253345 0%,#151c27 70%);border-radius:8px;height:230px;position:relative;overflow:hidden}.truss{background:repeating-linear-gradient(45deg,#0000 0 8px,#485668 9px 10px,#0000 11px 20px);border-top:2px solid #728095;border-bottom:2px solid #3b485b;width:84%;height:10px;position:absolute;top:25px;left:8%}.fixtures{justify-content:space-around;display:flex;position:absolute;inset:28px 7% 35px}.fixture{--rgb:255,170,72;--level:.7;width:70px;position:relative}.fixture-head{z-index:2;background:#334256;border:2px solid #61738a;border-radius:4px 4px 8px 8px;width:26px;height:29px;position:absolute;top:0;left:calc(50% - 13px)}.fixture-head:after{content:"";background:rgb(var(--rgb));height:6px;opacity:var(--level);border-radius:50%;position:absolute;bottom:1px;left:2px;right:2px}.beam{clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(rgba(var(--rgb),.64),rgba(var(--rgb),.02));width:170px;height:147px;opacity:var(--level);position:absolute;top:24px;left:calc(50% - 85px)}.fixture-pool{background:rgba(var(--rgb),.5);filter:blur(7px);width:130px;height:14px;opacity:var(--level);border-radius:50%;position:absolute;top:149px;left:calc(50% - 65px)}.fixture-num{text-align:center;color:#90a0b4;font-size:10px;position:absolute;bottom:-4px;left:0;right:0}.stage-ground{border-top:1px solid #3b4a5c;position:absolute;bottom:32px;left:0;right:0}.stage-label{color:var(--muted);justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:10px;left:16px;right:16px}.stage-label>span:first-child{color:#e7edf4;font-size:11px;font-weight:600}.devices{grid-template-columns:1fr 88px 1fr;align-items:center;margin-top:18px;display:grid}.device{border-top:2px solid var(--accent);background:#1b2431;border-radius:0 0 6px 6px;padding:12px 14px 11px}.device.controller{border-top-color:var(--cyan)}.device-heading{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.device-heading>span,.device-meta{color:var(--muted);font-size:10px}.device-value{align-items:baseline;gap:10px;padding:8px 0;display:flex}.device-value strong{letter-spacing:-1px;font-size:30px;font-weight:550;line-height:1.2}.device-value>span{color:var(--muted);font-size:11px}.device-meta{justify-content:space-between;gap:6px;display:flex}.connection{text-align:center;color:var(--muted);font-size:10px}.connection strong{color:var(--cyan);font-size:11px;font-weight:600;display:block}.connection>span:last-child{font-size:9px;display:block}.link-line{background:var(--cyan);height:1px;margin:0 5px 9px;display:block}.connection.disconnected .link-line{background:repeating-linear-gradient(90deg,#e8ad82 0 5px,#0000 5px 9px)}.connection.disconnected strong{color:var(--accent)}.audio-heading{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.audio-heading strong{color:#dce5ee;font-weight:500}#spectrum{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:56px;display:flex}.band{transform-origin:bottom;background:linear-gradient(#83ddcb,#407668);flex:1;height:100%;transform:scaleY(.035)}.spectrum-labels{color:#92a2b7;justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.controls{border-left:1px solid var(--line);min-width:0;padding-left:30px}.guide>span{color:var(--accent);font-variant-numeric:tabular-nums;font-size:11px}.guide h2{letter-spacing:-.4px;margin:7px 0 10px;font-size:23px;font-weight:550;line-height:1.2}.guide p{color:var(--muted);font-size:13px;line-height:1.6}.control-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.control-row label,.master-label label{font-size:13px;font-weight:550}.control-row select{min-width:142px;font-size:13px}.master-label{justify-content:space-between;align-items:center;display:flex}.master-label output{color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;height:28px;margin:7px 0 0}.control-hint{color:var(--muted);font-size:10px;line-height:1.6}.action-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.action-row>div strong,.action-row>div span{display:block}.action-row>div strong{font-size:12px;font-weight:550}.action-row>div span{color:var(--muted);margin-top:2px;font-size:10px}.action-row button{min-width:113px;font-size:12px}.action-row button[aria-pressed=true]{background:#2d514e;border-color:#72a79e}.blackout{background:#402b2e;border-color:#a56f70;width:100%;margin:16px 0 7px;font-size:12px}.blackout:hover,.blackout[aria-pressed=true]{background:#643c40}.scope-note{color:#91a0b2;max-width:960px;margin-top:22px;font-size:11px;line-height:1.7}.skip-link{z-index:20;color:#101318;background:#fff;padding:8px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}@media (min-width:1400px){.shell{padding-top:28px}.stage{height:230px}.fixtures{bottom:35px}.stage-ground{bottom:32px}.stage-label{bottom:10px}.intro{padding-top:32px;padding-bottom:28px}}@media (max-width:1000px){.shell{padding:20px 26px}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px}.controls{padding-left:22px}.devices{grid-template-columns:1fr 58px 1fr}.device{padding:10px}.device-meta,.device-meta span,.device-heading,.device-heading>span{display:block}.intro{align-items:flex-start}.simulation-note{font-size:11px}.guide{min-height:153px}.stage-label>span:last-child{text-align:right;max-width:170px}}@media (max-width:760px){.shell{padding:18px}.page-header{flex-wrap:wrap;gap:14px}.utility{margin-left:auto}.intro{padding:23px 0 20px;display:block}.simulation-note{margin-top:15px;font-size:12px}.simulation-note br{display:none}.simulation-note>span:last-child{padding-left:12px}.steps{gap:14px;margin-bottom:22px}.steps button{font-size:12px;line-height:1.5}.steps button span{margin-bottom:3px;display:block}.workspace{grid-template-columns:1fr;gap:26px}.controls{border-left:none;border-top:1px solid var(--line);padding:22px 0 0}.guide{min-height:0;margin-bottom:23px}.guide p,.control-row label,.master-label label{font-size:14px}.control-row select{min-width:170px}.action-row{padding:17px 0}.action-row>div strong{font-size:14px}.action-row>div span,.control-hint{font-size:12px}.action-row button,.blackout{font-size:13px}.blackout{min-height:46px}.feedback{min-height:42px;font-size:13px}.devices{grid-template-columns:1fr 66px 1fr}.device-heading{display:flex}.device-meta span{display:block}.stage{height:235px}.scope-note{font-size:12px}.connection>span:last-child{font-size:8px}}@media (max-width:380px){.shell{padding:14px}.back-link{font-size:13px}.utility{margin-left:0}.utility button{min-height:36px}.simulation-note>span:last-child{padding-left:15px;display:block}.devices{grid-template-columns:1fr 50px 1fr}.device-value,.device-value>span{display:block}.device-heading>span{font-size:9px}.stage-label>span:last-child{max-width:150px}.steps{gap:10px}}[hidden]{display:none!important}button:disabled{cursor:default;opacity:.48}.eyebrow{letter-spacing:.04em;color:var(--accent);margin-bottom:9px;font-size:12px}.intro{align-items:center;padding:22px 0}h1{font-size:clamp(27px,2.65vw,37px);line-height:1.14}.lede{margin-top:11px;font-size:14px;line-height:1.6}.simulation-note{font-size:13px}.simulation-note>span:last-of-type{color:var(--muted);padding-left:15px;display:block}.simulation-note a{color:var(--accent);margin-top:9px;font-size:12px;display:block}.tour-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:stretch;gap:20px;margin-bottom:23px;display:flex}.steps{border:0;flex:1;gap:22px;margin:0}.steps button{min-height:55px;padding:12px 0;font-size:13px}.steps button span{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:7px;font-size:11px;display:inline-flex}.steps button[aria-pressed=true] span{color:#101318;background:var(--accent);border-color:var(--accent)}#explore-toggle{background:0 0;align-self:center;min-height:36px;padding:6px 12px;font-size:12px}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr);align-items:start;gap:32px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:17px}.stage-panel{min-width:0}.device-heading{display:block}.device-heading h3{font-size:17px}.device-heading>span{color:#c6d0dc;margin-top:1px;font-size:12px;display:block}.device-value{gap:10px;padding:7px 0 6px}.device-value strong{font-size:30px}.device-value>span{font-size:10px;line-height:1.3}.device-meta{flex-wrap:wrap;gap:2px;font-size:10px}.connection strong{font-size:10px}.connection>span:last-child{margin-top:3px;font-size:10px}.audio-readout{margin-top:18px}.audio-heading{font-size:12px}.audio-readout>p{color:var(--muted);margin-top:8px;font-size:11px}.quiet{color:#91a0b2}#spectrum{height:45px}.spectrum-labels{font-size:10px}.guide{min-height:0;margin-bottom:20px}.guide>span{letter-spacing:.08em;font-size:11px;font-weight:600}.guide h2{margin:7px 0 10px;font-size:25px;font-weight:600;line-height:1.15}.guide>p{font-size:14px;line-height:1.5}.task{border-left:3px solid var(--accent);background:#242e3b;border-radius:0 5px 5px 0;margin-top:16px;padding:12px 14px}.task>strong{color:var(--accent);letter-spacing:.02em;font-size:11px}.task>p{color:#f1f4f8;margin-top:3px;font-size:15px;line-height:1.45}.guide .watch{margin-top:12px;font-size:13px;line-height:1.5}.watch strong{color:#e4ecf3;font-weight:600}.control-group{margin-top:15px}.master-label label,.control-row label{font-size:14px}.master-label label>span{color:var(--muted);font-size:12px;font-weight:400}.master-label output{font-size:17px}input[type=range]{height:34px;margin:5px 0 0}.control-hint{font-size:11px;line-height:1.5}.control-row{flex-wrap:wrap;gap:12px;margin:0}.control-row select{flex:1;min-width:165px;max-width:100%;font-size:13px}.action-row{padding:0 0 14px}.action-row>div strong{font-size:14px}.action-row>div span{max-width:185px;font-size:11px;line-height:1.5}.action-row button{min-width:130px;min-height:44px;font-size:13px}.blackout{min-height:46px;margin:0 0 7px;font-size:14px}.feedback{color:#d1dbe7;min-height:36px;margin-top:16px;font-size:12px;line-height:1.5}.guide-progress{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}#guide-completion{color:var(--muted);min-height:36px;font-size:12px;line-height:1.5}#guide-completion.complete{color:var(--cyan)}.guide-navigation{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.guide-navigation button{min-height:40px;font-size:12px}#guide-next{background:#24443f;border-color:#658d83;flex:1}#guide-next:not(:disabled):hover{background:#335e56}#restart-guide{background:0 0;width:100%}.glossary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px;padding:14px 0}.glossary summary{cursor:pointer;color:#d9e3ed;font-size:14px;list-style-position:inside}.glossary summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.glossary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;margin:20px 0 7px;display:grid}.glossary dt{color:var(--accent);margin-bottom:5px;font-size:13px;font-weight:600}.glossary dd{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.scope-note{margin-top:14px;font-size:11px}#demo[data-mode=explore] .guide .task,#demo[data-mode=explore] .guide .watch{display:none}#demo[data-mode=explore] .guide{margin-bottom:15px}@media (min-width:1400px){.shell{padding-top:20px}.intro{padding:24px 0}.stage{height:230px}}@media (max-width:1100px){.shell{padding:20px 26px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr);gap:24px}.controls{padding-left:24px}.steps{gap:12px}.steps button{font-size:12px}.devices{grid-template-columns:1fr 72px 1fr}.device{padding:10px}.device-value{display:block}.device-value>span{margin-top:2px;display:block}.device-heading>span{font-size:11px}.intro{gap:20px}.simulation-note{font-size:12px}.simulation-note a{max-width:180px}.desktop-break{display:none}.intro>div{max-width:610px}}@media (max-width:760px){.shell{padding:16px}.page-header{gap:12px;padding-bottom:14px}.back-link{font-size:12px}.utility{gap:7px}.utility button{min-height:34px;padding:5px 9px;font-size:11px}.intro{padding:20px 0;display:block}.eyebrow{letter-spacing:.025em;font-size:10px}h1{max-width:560px;font-size:29px}.lede{margin-top:10px;font-size:13px}.simulation-note{margin-top:12px;font-size:11px;line-height:1.8}.simulation-note>span:last-of-type{padding-left:10px;display:inline}.simulation-note a{max-width:none;margin-top:4px;font-size:11px;display:block}.tour-bar{margin-bottom:16px;padding-bottom:10px;display:block}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.steps button{padding:10px 0;font-size:11px;line-height:1.4}.steps button span{margin-bottom:5px;display:block}.steps button[aria-pressed=true]:after{bottom:0}#explore-toggle{min-height:34px;margin-top:10px;font-size:11px}.workspace{grid-template-columns:1fr;gap:0}.visual{display:contents}.stage-panel{z-index:3;border-bottom:1px solid var(--line);background:#101318;grid-row:1;padding:8px 0 12px;position:sticky;top:0}.stage{height:155px}.section-heading{margin-bottom:7px}.section-heading h2{font-size:14px}.section-heading>span{font-size:11px}.fixtures{inset:18px 7% 28px}.truss{height:8px;top:16px}.fixture-head{width:22px;height:21px;left:calc(50% - 11px)}.beam{width:120px;height:91px;top:17px;left:calc(50% - 60px)}.fixture-pool{width:90px;top:92px;left:calc(50% - 45px)}.fixture-num{font-size:8px;bottom:-2px}.stage-ground{bottom:26px}.stage-label{font-size:9px;bottom:7px;left:12px;right:12px}.stage-label>span:first-child{font-size:10px}.devices{grid-template-columns:1fr 76px 1fr;margin-top:9px}.device{padding:6px 9px}.device-heading{display:block}.device-heading h3{font-size:13px}.device-heading>span{font-size:10px;line-height:1.4}.device-value{gap:6px;padding:3px 0 0;display:flex}.device-value strong{font-size:22px}.device-value>span{margin:0;font-size:8px}.device-meta{display:none}.connection strong,.connection>span:last-child{font-size:9px}.link-line{margin-bottom:5px}.controls{border:0;grid-row:2;padding:17px 0 0;scroll-margin-top:290px}.guide{margin-bottom:15px}.guide h2{font-size:23px}.guide>p{font-size:13px}.task{margin-top:12px;padding:10px 12px}.task>p{font-size:14px}.guide .watch{margin-top:10px;font-size:12px}.feedback{min-height:0;margin-top:12px;font-size:12px}.action-row{padding-bottom:12px}.action-row>div strong{font-size:13px}.action-row>div span{font-size:11px}.control-group{margin-top:14px}.control-row label{font-size:13px}.control-row select{font-size:12px}.audio-readout{grid-row:3;margin-top:22px}.audio-heading{font-size:12px}.glossary{margin-top:22px}.glossary dl{grid-template-columns:1fr;gap:15px}.scope-note{font-size:11px}}@media (max-width:380px){.shell{padding:12px}.utility{margin-left:auto}.intro h1{font-size:27px}.simulation-note>span:last-of-type{padding-left:15px;display:block}.steps{gap:6px}.steps button{font-size:10px}.devices{grid-template-columns:1fr 66px 1fr}.device{padding:6px}.device-value>span{font-size:7px}.stage{height:135px}.beam{height:73px}.fixture-pool{top:76px}.section-heading h2{font-size:13px}.section-heading>span{font-size:10px}.stage-label>span:last-child{max-width:none}.controls{scroll-margin-top:265px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}