@font-face{font-family:Michroma;src:url(/fonts/michroma.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Manrope;src:url(/fonts/manrope.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:200 800}:root{--paper:#f3f3f0;--panel:#efefed;--ink:#282828;--muted:#808080;--line:#d7d7d7;--orange:#e95c30;--screen:#1a1b19;--display-font:Michroma,"Eurostile","Helvetica Neue",sans-serif;--body-font:Manrope,"Helvetica Neue",sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--body-font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{transition:background .18s,box-shadow .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit}main{max-width:1320px;margin:0 auto;padding:0 54px}.topbar{height:108px;border-bottom:1px solid var(--line);gap:23px}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px;text-decoration:none;font-family:var(--display-font);font-size:33px;letter-spacing:-3px;line-height:1}.brand-period{color:#808080}.brand-symbol{width:25px;height:28px;display:flex;align-items:flex-end;gap:3px;transform:skewY(-15deg)}.brand-symbol span{width:5px;border-radius:1px;background:var(--ink);height:16px}.brand-symbol span:nth-child(2){height:23px}.brand-symbol span:nth-child(3){height:28px}.brand-description{padding-left:24px;border-left:1px solid var(--line);font-size:10px;letter-spacing:1.3px;line-height:1.8}.brand-description>span{display:block;font-size:8px;letter-spacing:1px;color:var(--muted)}.header-right{margin-left:auto;gap:21px}.header-chip,.header-right{display:flex;align-items:center}.header-chip{font-size:9px;letter-spacing:1.2px;gap:9px}.led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b9b9b9;box-shadow:0 0 0 2px #b2b2b215;flex:none}.led.orange{box-shadow:0 0 0 3px #e95c3012,0 0 8px #e95c3045}.icon-button{border:0;background:transparent;color:var(--muted);padding:6px;display:inline-flex;align-items:center;justify-content:center}.intro{padding:53px 4px 43px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.tiny-cross{font-size:17px;color:var(--orange);font-family:monospace;line-height:1}h1{font-family:var(--display-font);font-size:clamp(26px,3.1vw,43px);font-weight:400;line-height:1.55;letter-spacing:-1.8px;margin:18px 0 0}h1>span{color:#8c8c8c}.intro-note{padding-bottom:4px}.intro-note p{font-size:12px;line-height:1.8;color:#757575;margin:13px 0}.route-icons{display:flex;align-items:center;gap:14px;color:#7a7a7a}.dotted-line{width:57px;border-top:2px dotted #b3b3b3}.platforms{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.1px;color:#767676}.platforms i{height:2px;width:2px;background:#a9a9a9;border-radius:50%}.console{position:relative;background:linear-gradient(140deg,#e4e4e4,#ebebe8 55%,#dfdfdc);border:1px solid #dadada;border-radius:24px;padding:17px 18px 0;box-shadow:0 24px 40px -30px #2a2a2a55,0 4px 9px -6px #28282866,inset 0 1px 2px #ffffffdf}.console:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:24px;opacity:.055;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.console-top{position:relative;justify-content:space-between;padding:0 7px 14px;gap:15px}.console-top,.model-name{display:flex;align-items:center}.model-name{gap:13px;font-size:8px;letter-spacing:1px}.model-name b{font-weight:400;color:#9e9e9e;padding:0 6px}.perforations{display:block;flex:none;width:38px;height:21px;background-image:radial-gradient(circle,#464646 1.5px,transparent 2px);background-size:6px 6px;clip-path:polygon(0 0,100% 0,100% 30%,75% 30%,75% 60%,50% 60%,50% 100%,0 100%)}.console-status{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.console-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:7px}.display-column{min-width:0;background:#f4f4f1;border-radius:12px;box-shadow:0 1px 2px #1d1d1d29;overflow:hidden;border:1px solid #cdcdcd}.display-bezel{background:linear-gradient(130deg,#313131,#131313);padding:7px;border-radius:11px 11px 0 0;box-shadow:inset 0 1px 1px #777777}.display{position:relative;background:radial-gradient(ellipse at 30% 0,#2f2f2f 0,transparent 65%),#1a1a1a;overflow:hidden;border-radius:5px;color:#e6e6e6;box-shadow:inset 0 2px 5px #0008;display:flex;flex-direction:column}.display:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(125deg,#ffffff02,transparent 40%);border:1px solid #ffffff06;border-radius:5px}.display-bottom,.display-top{position:absolute;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:7px;letter-spacing:1.2px;color:#9c9c9c}.display-top{top:21px}.display-top>span:first-child{display:flex;align-items:center;gap:8px}.display-bottom{bottom:19px;font-size:7px;letter-spacing:1px}.display-bottom>span{display:flex;align-items:center;gap:5px}.display-cross{padding-left:8px;font-size:17px;color:#949494}.display-content{position:relative;z-index:2;margin:auto;text-align:center;padding:58px 14px;display:flex;flex-direction:column;align-items:center;width:100%}.display h2{font-family:var(--display-font);font-size:clamp(14px,1.4vw,20px);font-weight:400;letter-spacing:-.7px;margin:20px 0 9px}.display p{font-size:11px;color:#959595;margin:0;line-height:1.7}.standby-graphic{position:relative;width:106px;height:100px;display:grid;place-items:center;margin-bottom:3px}.screen-outline{border:1px solid #aaaaaa45;width:65px;height:44px;border-radius:5px;display:grid;place-items:center;box-shadow:0 0 30px #a6a6a607}.screen-outline:after{content:"";position:absolute;width:20px;height:7px;border-left:1px solid #aaaaaa45;border-right:1px solid #aaaaaa45;bottom:22px}.screen-outline svg{width:25px;height:25px;color:#c1c1c1}.standby-orbit{inset:0;border:1px dashed #a4a4a425;transform:rotate(-20deg)}.standby-dot,.standby-orbit{position:absolute;border-radius:50%}.standby-dot{right:4px;top:22px;width:6px;height:6px;background:var(--orange);box-shadow:0 0 10px #ed673a77}.display video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#090a08;visibility:hidden;z-index:1}.display video.video-visible{visibility:visible}.display.has-video .display-bottom,.display.has-video .display-top{opacity:0;transition:opacity .2s}.display.has-video:hover .display-bottom,.display.has-video:hover .display-top{opacity:1;background:#111b;padding:7px;border-radius:5px}.display:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}.display:fullscreen .display-bottom,.display:fullscreen .display-top{display:none}.display:fullscreen .display-content h2{font-size:32px}.display:fullscreen .display-content p{font-size:17px}.display:fullscreen .pairing-code{font-size:clamp(50px,10vw,140px)!important}.fullscreen-exit{position:absolute;z-index:5;right:24px;top:24px;background:#272727c9;border:1px solid #5559;color:#fff;border-radius:5px;display:flex;gap:12px;align-items:center;padding:10px;opacity:0}.display:fullscreen:hover .fullscreen-exit,.fullscreen-exit:focus-visible{opacity:1}.display-overline{font-size:8px;letter-spacing:2px;color:#a8a8a8}.display h2.pairing-code{font-size:clamp(28px,3.4vw,47px);color:#f0f0f0;letter-spacing:7px;line-height:1.4;margin:14px 0}.display-copy{display:flex;align-items:center;gap:8px;border:1px solid #575757;background:#ffffff05;color:#bfbfbf;border-radius:5px;padding:8px 11px;font-size:8px;letter-spacing:.9px;margin-top:15px}.display-copy:hover{background:#ffffff0a}.verify-display{font-size:8px;color:#929292;margin-top:20px;letter-spacing:1px}.verify-display b{color:#e3e3e3;margin-left:12px;letter-spacing:3px}.transport-bar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.transport-label{display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1px;color:#7f7f7f}.transport-buttons{display:flex;gap:7px}.transport-button{width:32px;height:30px;display:grid;place-items:center;background:linear-gradient(#fafaf7,#e9e9e9);border:1px solid #d4d4d4;color:#7b7b7b;border-radius:6px;box-shadow:0 1px 2px #29292914,inset 0 1px 1px #fff}.transport-button:hover{color:var(--ink);border-color:#b1b1b1}.transport-button.selected{color:var(--orange)}.control-panel{background:linear-gradient(135deg,#fafaf7,#f1f1f1);border:1px solid #d4d4d4;box-shadow:inset 0 1px 1px #fff,0 1px 2px #32323214;border-radius:12px;padding:23px 23px 18px;display:flex;flex-direction:column;min-width:0}.panel-heading{font-size:7px;letter-spacing:1.1px;display:flex;align-items:center;justify-content:space-between;color:#848484;margin-bottom:20px}.panel-heading>span:last-child{color:#aaaaaa}.role-switch{display:grid;grid-template-columns:1.1fr 1fr;background:#e8e8e8;padding:3px;border-radius:7px;gap:3px;box-shadow:inset 0 1px 3px #3e3e3e0d}.role-switch button{display:flex;gap:7px;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;padding:10px 6px;font-size:11px;color:#8a8a8a;white-space:nowrap}.role-switch button.active{background:linear-gradient(#fff,#f6f6f6);color:#393939;box-shadow:0 1px 4px #37373720,inset 0 1px 1px #fff}.control-panel h3{font-size:20px;letter-spacing:-.7px;font-weight:500;margin:24px 0 7px}.panel-description{font-size:11px;color:#888888;margin:0 0 21px}.control-panel label{font-size:7px;letter-spacing:1.2px;color:#818181;display:block;margin-bottom:8px}.control-panel input{display:block;width:100%;height:41px;border:1px solid #dbdbdb;background:#f9f9f9;border-radius:5px;color:#3d3d3d;padding:0 11px;font-size:11px;margin-bottom:18px;box-shadow:inset 0 1px 2px #4d4d4d08}.control-panel input::placeholder{color:#a9a9a9}.control-panel input.code-input{font-family:var(--display-font);letter-spacing:2px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:5px;font-size:11px;min-height:43px;padding:11px 15px}.primary-button{width:100%;border:1px solid #dc5328;background:linear-gradient(#f16e43,#e65b2e);color:#fff8ee;box-shadow:inset 0 1px 1px #ffffff3b,0 2px 3px #9f3d151c}.primary-button:hover{background:linear-gradient(#f57b52,#ed6539);box-shadow:inset 0 1px 1px #fff5,0 3px 6px #9f3d1522}.secondary-button{border:1px solid #d1d1d1;background:linear-gradient(#fff,#f1f1f1);color:#5e5e5e;justify-content:center}.wide{width:100%;margin-top:16px}.button-note{font-size:8px;color:#9b9b9b;text-align:center;margin:10px 0 0}.local-assurance{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #e1e1e1;padding-top:16px;margin-top:auto;color:#949494}.local-assurance strong{font-size:10px;font-weight:500;color:#757575}.local-assurance p{font-size:8px;margin:5px 0 0;color:#a0a0a0}.control-panel form+.local-assurance{margin-top:20px}.local-assurance svg{margin-top:1px;flex:none}.receive-diagram{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;justify-items:center;margin:30px 0 33px;color:#848484;row-gap:13px}.receive-diagram>span:last-child{grid-column:3}.receive-diagram>span{font-size:7px;letter-spacing:1px}.connector{display:flex;gap:4px}.connector i{height:2px;width:2px;background:#a9a9a9;border-radius:50%}.console-divider{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 6px 12px;font-size:7px;color:#868686;letter-spacing:1px}.screw{width:8px;height:8px;border:1px solid #bdbdbd;border-radius:50%;position:absolute;left:50%;background:linear-gradient(130deg,#d7d7d7,#f6f6f6)}.screw:after{content:"";position:absolute;top:3px;left:1px;right:1px;height:1px;background:#b5b5b5;transform:rotate(-40deg)}.settings-grid{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:6px}.setting-module{padding:18px 21px 19px;background:linear-gradient(125deg,#f7f7f7,#f1f1f1);border:1px solid #d4d4d4;border-radius:9px;box-shadow:inset 0 1px 1px #fff,0 1px 2px #5050500d;min-width:0}.setting-module>label{display:flex;align-items:center;gap:12px;font-size:7px;letter-spacing:.8px;color:#a8a8a8;margin-bottom:19px}.setting-module>label>span{color:#848484;letter-spacing:1px}.setting-selector{display:flex;gap:23px;align-items:center}.setting-selector button{display:flex;align-items:center;gap:11px;border:0;padding:0;background:none;text-align:left;color:#9a9a9a;font-size:11px}.setting-selector button.selected{color:#484848}.audio-control small,.setting-selector small{display:block;font-size:6px;letter-spacing:1px;color:#acacac;margin-top:5px}.mode-dial{width:35px;height:35px;position:relative;border-radius:50%;border:1px solid #cfcfcf;background:conic-gradient(from -35deg,#fbfbfb,#e6e6e6,#fafafa,#ececec,#fcfcfc);box-shadow:0 3px 4px #57575721,inset 0 0 0 3px #fafafa,inset 0 0 0 4px #dedede;flex:none}.mode-dial:after{content:"";position:absolute;top:6px;left:10px;width:2px;height:6px;background:#aeaeae;border-radius:2px;transform:rotate(-35deg)}.selected .mode-dial:before{content:"";position:absolute;inset:-4px;border-left:1px solid var(--orange);border-top:1px solid var(--orange);border-bottom:1px solid transparent;border-right:1px solid transparent;border-radius:50%;transform:rotate(-20deg)}.setting-module>p{font-size:8px;color:#a9a9a9;margin:13px 0 0}.audio-control{display:flex;align-items:center;gap:13px;font-size:12px;color:#676767}.audio-control>svg{margin-left:auto;color:#b1b1b1}.physical-switch{position:relative;width:44px;height:25px;border-radius:20px;border:1px solid #d2d2d2;background:#e9e9e9;box-shadow:inset 0 2px 3px #8f8f8f24,inset 0 -1px 1px #fff;padding:2px;flex:none}.physical-switch>span{display:block;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#fff,#ededed);box-shadow:0 1px 3px #6d6d6d55,inset 0 1px 1px #fff;transition:transform .2s}.physical-switch.on{background:#e95c3038;border-color:#e95c3066}.physical-switch.on>span{transform:translateX(18px)}.console-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 7px;color:#979797;font-size:6px;letter-spacing:1px}.console-bottom .perforations{width:51px;height:10px;clip-path:none;background-size:4px 4px;background-image:radial-gradient(circle,#919191 1px,transparent 1.3px)}.below-console{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 4px 0}.connection-caption{display:flex;gap:9px;align-items:center;font-size:10px;color:#9a9a9a}.connection-caption svg{color:#a6a6a6}.diagnostics-toggle{border:0;background:none;display:flex;gap:7px;align-items:center;font-size:9px;color:#919191}.rotate{transform:rotate(180deg)}.diagnostics{display:grid;grid-template-columns:repeat(4,1fr);background:#ebebeb;border:1px solid #e0e0e0;border-radius:8px;padding:22px;gap:20px;margin:18px 4px 0}.diagnostics>div>span{display:block;font-size:8px;letter-spacing:1px;color:#969696}.diagnostics strong{display:block;font-family:var(--display-font);font-weight:400;font-size:15px;margin-top:11px;color:#686868}.diagnostics p{grid-column:1/-1;font-size:10px;line-height:1.8;color:#929292;margin:0}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:36px 4px 31px;margin-top:18px;border-bottom:1px solid var(--line)}.how-strip>div{display:flex;gap:13px;align-items:flex-start}.step-number{font-family:var(--display-font);font-size:10px;border:1px solid #dadada;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;flex:none;color:#9c9c9c}.how-strip p{margin:0;padding-top:1px}.how-strip strong{display:block;font-size:11px;font-weight:500;color:#707070}.how-strip p>span{display:block;font-size:9px;color:#a7a7a7;margin-top:5px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px 35px;color:#929292;font-size:8px}footer>span:first-child{font-family:var(--display-font);font-size:13px;letter-spacing:-1px}footer>span:first-child>span{font-family:var(--body-font);font-size:7px;letter-spacing:1px;margin-left:11px;color:#aaaaaa}footer button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#9b9b9b;font-size:9px}.footer-mark{font-size:6px;letter-spacing:1px}.feedback{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:#ebebeb;border:1px solid #d5d5d5;border-radius:7px;margin-top:18px;font-size:12px;line-height:1.7;color:#707070}.feedback.error{background:#f7eae3;border-color:#e7c4b2;color:#995330}.session-tag{border:1px solid #dbdbdb;border-radius:4px;padding:4px 5px}.approval-card{padding:16px;background:#efefef;border:1px solid #dddddd;border-radius:6px;margin-bottom:16px}.approval-card>.eyebrow{font-size:7px;letter-spacing:.9px}.approval-card>strong{display:block;font-size:18px;margin:15px 0 6px;overflow-wrap:anywhere}.approval-card p{font-size:9px;color:#a1a1a1}.verification-code{font-family:var(--display-font);font-size:22px;letter-spacing:5px;margin:13px 0 18px}.approval-actions{display:flex;gap:7px}.approval-actions button{min-height:35px;padding:8px 13px;font-size:10px}.approval-actions .secondary-button{flex:1}.approval-actions .primary-button{flex:1.3}.connected-presenter{display:flex;gap:10px;align-items:center;border:1px solid #dcdcdc;background:#f1f1f1;border-radius:6px;padding:15px 10px;margin:10px 0}.connected-presenter strong{font-size:12px;overflow-wrap:anywhere}.connected-presenter p{font-size:9px;color:#a3a3a3;margin:6px 0 0}.mini-code{margin-left:auto;font-size:9px;letter-spacing:1px;color:#acacac}.leave-button{display:flex;align-items:center;gap:7px;justify-content:center;width:100%;border:0;background:transparent;font-size:10px;color:#929292;padding:15px 8px;margin-top:8px}.leave-button:hover{color:var(--orange)}.waiting-card{display:flex;align-items:center;flex-direction:column;padding:21px 0 25px;color:#a6a6a6}.waiting-card p{font-size:12px;margin:13px 0 6px;color:#878787}.waiting-card>span{font-size:9px}.verification-card{padding:17px;text-align:center;border:1px solid #dfdfdf;background:#f1f1f1;border-radius:6px;margin-bottom:20px}.verification-card>span{font-size:7px;letter-spacing:1px;color:#a5a5a5}.verification-card strong{display:block;font-family:var(--display-font);font-size:23px;letter-spacing:4px;color:#747474;margin:13px 0}.verification-card p{font-size:9px;color:#a7a7a7}.stop-button{justify-content:center}.compatibility-note{font-size:10px;line-height:1.7;color:#a65e36;background:#f4e9db;padding:10px;border-radius:5px;margin:12px 0}.signal-mark{display:flex;align-items:center;gap:4px;height:60px;color:#aeaeae}.signal-mark i{width:3px;background:currentColor;border-radius:2px;animation:signal 1.5s ease-in-out infinite}.signal-mark i:nth-child(2n){animation-delay:.25s}.signal-mark i:nth-child(3n){animation-delay:.5s}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.spin{animation:spin 1s linear infinite}dialog{padding:0;border:1px solid #dbdbdb;border-radius:17px;background:var(--paper);max-width:570px;width:calc(100% - 30px);box-shadow:0 30px 90px #0004}dialog::backdrop{background:#22222277}.guide{padding:27px 30px}.guide .panel-heading{margin-bottom:10px}.guide h2{font-family:var(--display-font);font-size:20px;font-weight:400;letter-spacing:-1px;margin:15px 0 25px}.guide ol{padding-left:19px;font-size:12px;line-height:1.9;color:#939393}.guide li{padding-left:7px;margin-bottom:16px}.guide li::marker{color:var(--orange)}.guide strong{font-weight:600;color:#646464}.guide-note{display:flex;gap:12px;border-top:1px solid #dedede;padding-top:18px;color:#969696}.guide-note svg{flex:none}.guide-footnote,.guide-note p{font-size:10px;line-height:1.9;margin:0}.guide-footnote{color:#a3a3a3;margin-top:16px}.display-content{animation:reveal .4s ease-out}.console{animation:reveal .6s ease-out}@keyframes signal{50%{transform:scaleY(.55);opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){main{max-width:1380px}.intro{padding-top:60px;padding-bottom:48px}.display{aspect-ratio:1.7}}@media(max-width:1050px){main{padding:0 30px}.console-grid{grid-template-columns:minmax(0,1fr) 300px}.control-panel{padding:20px 18px}.setting-module{padding:17px 16px}.setting-selector{gap:14px}.setting-selector button{gap:8px;font-size:10px}.mode-dial{width:28px;height:28px}.display{aspect-ratio:auto;min-height:410px}.display h2{font-size:16px}.intro-note{max-width:260px}}@media(max-width:780px){main{padding:0 20px}.topbar{height:85px;gap:17px}.brand-description{padding-left:17px;font-size:8px}.brand-description>span{font-size:6px}.header-chip{font-size:7px;letter-spacing:.5px}.header-right{gap:12px}.intro{padding:35px 0 30px}.intro-note{max-width:220px}.intro-note p{font-size:10px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:29px;letter-spacing:-1.5px}.console{padding:13px 11px 0;border-radius:18px}.console-grid{grid-template-columns:1fr}.display{aspect-ratio:1.7;min-height:0}.display h2{font-size:21px}.display p{font-size:11px}.control-panel{padding:24px;display:block}.panel-heading{margin-bottom:16px}.role-switch{max-width:360px}.control-panel h3{margin-top:20px}.control-panel form{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.control-panel form .button-note,.control-panel form .panel-description,.control-panel form .primary-button,.control-panel form h3{grid-column:1/-1}.control-panel form label[for=name]{grid-column:1;grid-row:3}.control-panel form input#name{grid-column:1;grid-row:4}.control-panel form label[for=room-code]{grid-column:2;grid-row:3}.control-panel form input#room-code{grid-column:2;grid-row:4}.local-assurance{margin-top:20px}.receive-diagram{max-width:290px;margin:25px auto}.settings-grid{grid-template-columns:1fr 1fr}.mode-module{grid-column:1/-1}.setting-selector{justify-content:space-around}.setting-selector button{font-size:12px}.mode-dial{width:34px;height:34px}.console-bottom{font-size:5px;letter-spacing:.5px}.settings-grid .setting-module{padding:17px}.how-strip{gap:14px}.how-strip>div{gap:8px}.how-strip strong{font-size:10px}.how-strip p>span{font-size:8px;line-height:1.7}.step-number{width:25px;height:25px;font-size:8px}.below-console{align-items:flex-start}.connection-caption{font-size:8px}.diagnostics-toggle{font-size:8px;white-space:nowrap}.footer-mark{display:none}.waiting-card{padding:20px}.display h2.pairing-code{font-size:42px}.approval-card,.verification-card{max-width:400px;margin:16px auto}.connected-presenter{margin:16px 0}.compatibility-note{max-width:100%}}@media(max-width:480px){main{padding:0 14px}.brand-description{display:none}.topbar{height:75px}.brand{font-size:30px}.intro{display:block;padding-top:30px}.intro-note{display:none}h1{font-size:30px}.console-top{padding-left:4px;padding-right:4px}.model-name{letter-spacing:.6px;gap:5px}.console-status,.model-name{font-size:6px}.console-top .perforations{width:24px;height:15px;background-size:5px 5px}.display{aspect-ratio:1.15}.display h2{font-size:15px}.display p{font-size:9px}.display-bottom,.display-top{left:14px;right:14px;font-size:6px}.display-bottom{font-size:5px}.display-content{padding-top:52px;padding-bottom:52px}.transport-bar{padding:0 12px;height:49px}.transport-label{font-size:6px;letter-spacing:.7px}.control-panel{padding:21px 17px}.control-panel form{display:block}.control-panel input{font-size:12px}.panel-heading{font-size:6px}.settings-grid{gap:5px}.setting-module>label{font-size:6px;gap:6px}.setting-module>label>span{letter-spacing:.4px}.settings-grid .setting-module{padding:15px 13px}.setting-module>p{font-size:7px;line-height:1.7}.console-select-trigger{font-size:14px;letter-spacing:-1px}.setting-selector{gap:14px;justify-content:space-between}.setting-selector button{gap:10px;font-size:11px}.audio-control{gap:8px;font-size:10px}.audio-control>svg{display:none}.console-bottom{font-size:4px;letter-spacing:.1px;padding:15px 3px}.console-bottom .perforations{width:30px}.below-console{display:block;margin-top:19px}.diagnostics-toggle{padding:0;margin-top:16px;font-size:9px}.connection-caption{font-size:9px}.how-strip{grid-template-columns:1fr;padding:25px 2px;gap:20px}.how-strip strong{font-size:12px}.how-strip p>span{font-size:10px}.how-strip>div{gap:13px}.step-number{width:30px;height:30px;font-size:10px}.diagnostics{grid-template-columns:1fr 1fr;padding:18px;gap:23px}.diagnostics strong{font-size:12px}.diagnostics p{font-size:9px}footer{align-items:flex-start;padding:23px 0 28px}footer>span:first-child>span{display:block;font-size:5px;letter-spacing:.5px;margin:6px 0 0}footer button{font-size:8px}.guide{padding:20px}.guide h2{font-size:16px}.guide ol{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.playback-button{border:1px solid #d1d1ca;background:#fafaf7;color:#62625a;border-radius:5px;font-size:9px;padding:6px 10px}.console-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:29px;padding:0;border:0;background:transparent;text-align:left;color:#414141;font-family:var(--display-font);font-size:18px;letter-spacing:-1px;line-height:1.6}.console-select-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-select-chevron{display:flex;flex:none;color:#9a9a9a;transition:transform .18s}.console-select-trigger[data-state=open] .console-select-chevron{transform:rotate(180deg);color:var(--orange)}.console-select-trigger:disabled{opacity:.45}.console-select-menu{z-index:60;min-width:max(280px,var(--radix-select-trigger-width));max-width:calc(100vw - 32px);max-height:var(--radix-select-content-available-height);overflow:auto;border:1px solid #cececa;border-radius:11px;padding:6px;background:linear-gradient(135deg,#fbfbf8,#f0f0ec);box-shadow:0 15px 35px -10px #2223,0 3px 7px #2221,inset 0 1px 1px #fff;transform-origin:var(--radix-select-content-transform-origin);animation:console-menu-in .15s ease-out}.console-select-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 10px 13px;font-size:8px;letter-spacing:1px;color:#777;border-bottom:1px solid #deded8}.console-select-heading>span{font-size:6px;letter-spacing:.6px;color:#999}.console-select-viewport{padding:5px 0}.console-select-option{display:flex;align-items:center;gap:11px;padding:13px 10px;cursor:pointer;border:1px solid transparent;border-radius:6px;outline:none;user-select:none;-webkit-user-select:none}.console-select-option[data-highlighted]{background:#e7e7e1;border-color:#d7d7d0}.console-select-option[data-state=checked]{background:#eeeeea}.console-select-option[data-state=checked][data-highlighted]{background:#e5e5df}.console-select-indicator{width:19px;height:19px;border:1px solid #cecec6;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(#fff,#eaeae4);box-shadow:inset 0 1px 1px #fff}.console-select-indicator>span{display:flex}.console-select-option-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.console-select-option-copy>span:first-child{font-family:var(--display-font);font-size:11px;letter-spacing:-.4px;color:#353535}.console-select-description{font-size:9px;line-height:1.6;color:#85857f}.console-select-footnote{padding:10px;border-top:1px solid #deded8;font-size:8px;color:#92928b}@keyframes console-menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.console-select-trigger{font-size:14px;letter-spacing:-1px}}:root{--surface-ease:cubic-bezier(.16,1,.3,1);--surface-enter:240ms}dialog[open]{animation:modal-enter .28s var(--surface-ease)}dialog[open]::backdrop{animation:backdrop-enter .22s ease-out}.approval-card,.compatibility-note,.connected-presenter,.diagnostics,.feedback,.role-content,.verification-card,.waiting-card{animation:surface-enter var(--surface-enter) var(--surface-ease)}.display-content{animation:surface-enter .26s var(--surface-ease)}.diagnostics>div{animation:surface-enter .26s var(--surface-ease) both}.diagnostics>div:nth-child(2){animation-delay:30ms}.diagnostics>div:nth-child(3){animation-delay:60ms}.diagnostics>div:nth-child(4){animation-delay:90ms}.console-select-menu[data-state=open]{animation:menu-enter .2s var(--surface-ease)}.console-select-menu[data-state=open][data-side=top]{animation-name:menu-enter-above}@keyframes surface-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes modal-enter{0%{opacity:0;transform:translateY(16px) scale(.975)}to{opacity:1;transform:none}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes menu-enter{0%{opacity:0;transform:translateY(-5px) scale(.975)}to{opacity:1;transform:none}}@keyframes menu-enter-above{0%{opacity:0;transform:translateY(5px) scale(.975)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.approval-card,.compatibility-note,.connected-presenter,.console-select-menu[data-state=open],.diagnostics,.diagnostics>div,.display-content,.feedback,.role-content,.verification-card,.waiting-card,dialog[open],dialog[open]::backdrop{animation:none!important}}:root{color-scheme:light;--paper:#f4f4f1;--ink:#262722;--muted:#606157;--line:#c8c9c0;--orange:#b73c16;--surface:#fafaf7;--surface-low:#efefea;--surface-raised:#ffffff;--metal-high:#e8e8e3;--metal-low:#dcdcd5;--field:#fdfdfa;--text-secondary:#55564f;--text-tertiary:#5d5e55;--control-border:#7b7d70;--subtle-border:#c9cbc0;--button-border:#d1d2ca;--selected-surface:#e4e5dd;--action-top:#b94018;--action-bottom:#a83210;--on-action:#ffffff;--focus:#91300e;--indicator:#73756b;--shadow:#20221826;--error-bg:#faeae2;--error-text:#853412}:root[data-theme=dark]{color-scheme:dark;--paper:#151515;--ink:#f2f2f2;--muted:#b7b7b7;--line:#414141;--orange:#b73c16;--surface:#252525;--surface-low:#202020;--surface-raised:#333333;--metal-high:#343434;--metal-low:#282828;--field:#1b1b1b;--text-secondary:#c4c4c4;--text-tertiary:#b8b8b8;--control-border:#929292;--subtle-border:#474747;--button-border:#494949;--selected-surface:#393939;--action-top:#b94018;--action-bottom:#a83210;--on-action:#ffffff;--focus:#ef815d;--indicator:#a6a6a6;--shadow:#00000055;--error-bg:#3d271e;--error-text:#ffc09c}body{background:var(--paper);color:var(--ink)}.how-strip,.topbar{border-color:var(--line)}.brand{color:#282828}:root[data-theme=dark] .brand{color:#f0f0f0}.brand-symbol span{background:currentColor}.brand-period{color:#666666}:root[data-theme=dark] .brand-period{color:#b5b5b5}.brand-description{border-color:var(--line)}h1>span{color:var(--text-tertiary)}.approval-card p,.audio-control small,.brand-description,.brand-description>span,.button-note,.connected-presenter p,.connection-caption,.connection-caption svg,.console-bottom,.console-bottom>span,.console-divider,.console-status,.control-panel label,.diagnostics-toggle,.eyebrow,.footer-mark,.guide ol,.guide strong,.guide-footnote,.guide-note,.header-chip,.how-strip p>span,.how-strip strong,.intro-note p,.leave-button,.local-assurance,.local-assurance p,.local-assurance strong,.mini-code,.model-name,.panel-description,.panel-heading,.panel-heading>span:last-child,.platforms,.route-icons,.setting-module>label,.setting-module>label>span,.setting-module>p,.setting-selector small,.step-number,.transport-label,.verification-card p,.verification-card>span,.waiting-card,.waiting-card p,.waiting-card>span,footer,footer button,footer>span:first-child>span{color:var(--text-secondary)}.brand-description{font-size:11px}.brand-description>span,.eyebrow,.header-chip{font-size:10px}.intro-note p{font-size:13px}.platforms{font-size:10px}.console-divider,.console-status,.model-name{font-size:10px;letter-spacing:.8px}.model-name b{color:var(--text-tertiary)}.console{background:linear-gradient(135deg,var(--metal-high),var(--metal-low));border-color:var(--subtle-border);box-shadow:0 24px 40px -30px var(--shadow),0 4px 9px -6px var(--shadow),inset 0 1px 1px #ffffff36}.perforations{background-image:radial-gradient(circle,var(--text-secondary) 1.5px,transparent 2px)}.control-panel,.display-column,.setting-module{background:linear-gradient(135deg,var(--surface),var(--surface-low));border-color:var(--subtle-border);box-shadow:inset 0 1px 1px #ffffff15,0 1px 2px var(--shadow)}.display-column{display:flex;flex-direction:column}.display-bezel{flex:1;display:flex;flex-direction:column}.display{flex:1;min-height:360px;aspect-ratio:1.62}.display h2{color:#f1f1f1}.display p{color:#c0c0c0;font-size:12px}.display-bottom,.display-top{color:#bdbdbd;font-size:10px;letter-spacing:.7px}.display-overline,.verify-display{color:#bdbdbd;font-size:10px}.verify-display b{color:#f3f3f3}.display-copy{border-color:#8d8d8d;color:#e5e5e5;min-height:34px;font-size:10px}.standby-orbit{border-color:#a4a4a455}.screen-outline{border-color:#aaaaaa88}.display-cross{color:#bcbcbc}.transport-bar{min-height:60px}.transport-label{font-size:10px;letter-spacing:.5px}.playback-button,.transport-button{background:linear-gradient(var(--surface-raised),var(--surface-low));border-color:var(--button-border);color:var(--text-secondary);min-width:34px;min-height:34px;box-shadow:inset 0 1px 0 #ffffff30,0 1px 2px var(--shadow)}.transport-button.selected,.transport-button:hover{background:var(--selected-surface);border-color:var(--button-border);color:var(--ink)}.led{background:var(--indicator)}.led.orange{background:var(--orange);box-shadow:0 0 0 3px #e95c3015}.panel-heading{font-size:10px;letter-spacing:.7px}.panel-description{font-size:12px;line-height:1.8}.control-panel label{font-size:10px;letter-spacing:.8px}.control-panel input{background:var(--field);color:var(--ink);border-color:var(--control-border);font-size:12px;min-height:43px}.control-panel input::placeholder{color:var(--text-tertiary);opacity:1}.control-panel input.code-input{font-size:13px;letter-spacing:1.5px}.primary-button{background:linear-gradient(var(--action-top),var(--action-bottom));color:var(--on-action);border-color:var(--action-bottom);font-size:12px;font-weight:600;min-height:44px}.primary-button:hover{background:var(--action-bottom);box-shadow:0 2px 5px var(--shadow)}.secondary-button{background:linear-gradient(var(--surface-raised),var(--surface-low));color:var(--ink);border-color:var(--button-border);box-shadow:inset 0 1px 0 #ffffff30,0 1px 2px var(--shadow);font-size:12px}.button-note{font-size:11px;line-height:1.7}.local-assurance{border-color:var(--subtle-border)}.local-assurance strong{font-size:12px}.local-assurance p{font-size:11px;line-height:1.8}.control-panel>.local-assurance{margin-top:22px}#share-panel+.role-content+.local-assurance{margin-top:20px}.control-panel [role=tabpanel]{margin-bottom:20px}.control-panel [role=tabpanel][hidden]{display:none}.role-switch{position:relative;isolation:isolate;grid-template-columns:1fr 1fr;gap:0;padding:4px;background:var(--surface-low);border:1px solid var(--button-border);border-radius:8px;box-shadow:inset 0 1px 2px var(--shadow)}.role-tabs{display:block}.role-tabs .role-switch{display:grid;width:100%;height:auto}.role-switch-indicator{position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);border:1px solid var(--button-border);border-radius:5px;background:linear-gradient(var(--surface-raised),var(--surface));box-shadow:0 1px 3px var(--shadow);transform:translateZ(0);will-change:transform;transition:transform .32s cubic-bezier(.22,1,.36,1)}.role-switch[data-selected=receive] .role-switch-indicator{transform:translate3d(100%,0,0)}.role-panels{display:grid}.role-panels>[role=tabpanel]{grid-area:1/1;min-width:0;animation:none;transition:opacity .15s ease}.role-panels>[data-state=inactive]{opacity:0;visibility:hidden;pointer-events:none}.role-panels>[data-state=active]{opacity:1;visibility:visible}.role-panels .role-content{animation:none}.role-switch button:active:not(:disabled){transform:none}.role-switch button,.role-switch button.active{background:none;box-shadow:none;color:var(--text-secondary);min-height:39px;font-size:12px;padding:8px 6px}.role-switch button.active{color:var(--ink);font-weight:600}.role-switch button:focus-visible{outline-offset:-3px}.receive-diagram{color:var(--text-secondary)}.receive-diagram>span{font-size:10px}.setting-module>label{font-size:10px;letter-spacing:.7px;margin-bottom:16px}.setting-module>label>span{letter-spacing:.7px}.setting-module>p{font-size:11px;line-height:1.7}.setting-selector{gap:18px}.setting-selector button{color:var(--text-secondary);min-height:42px;font-size:12px}.setting-selector button.selected{color:var(--ink)}.audio-control small,.setting-selector small{font-size:9px;letter-spacing:.7px}.mode-dial{border-color:var(--control-border);background:conic-gradient(from -35deg,var(--surface-raised),var(--surface-low),var(--surface-raised),var(--selected-surface),var(--surface-raised));box-shadow:0 3px 4px var(--shadow),inset 0 0 0 3px var(--surface)}.mode-dial:after{background:var(--text-tertiary)}.selected .mode-dial:after{background:var(--orange)}.audio-control{color:var(--ink)}.audio-control>svg{color:var(--text-secondary)}.physical-switch{border-color:var(--button-border);background:var(--selected-surface);min-height:28px;width:48px;box-shadow:inset 0 2px 3px var(--shadow)}.physical-switch>span{height:21px;width:21px;background:linear-gradient(var(--surface-raised),var(--surface-low));box-shadow:0 1px 3px var(--shadow)}.physical-switch.on{background:var(--orange);border-color:transparent}.physical-switch.on>span{transform:translateX(19px)}.console-bottom{justify-content:center;font-size:9px;letter-spacing:.5px}.console-bottom .perforations{background-image:radial-gradient(circle,var(--text-secondary) 1px,transparent 1.3px)}.console-select-trigger{color:var(--ink);min-height:36px}.console-select-chevron{color:var(--text-secondary)}.console-select-menu,.theme-menu{color:var(--ink);background:linear-gradient(135deg,var(--surface),var(--surface-low));border-color:var(--control-border);box-shadow:0 15px 35px -10px var(--shadow),0 3px 7px var(--shadow)}.console-select-description,.console-select-footnote,.console-select-heading,.console-select-heading>span{color:var(--text-secondary);font-size:10px}.console-select-footnote,.console-select-heading{border-color:var(--subtle-border)}.console-select-heading{gap:12px;font-size:10px}.console-select-heading>span{font-size:9px}.console-select-option{min-height:65px}.console-select-option-copy>span:first-child{font-size:12px;color:var(--ink)}.console-select-description{font-size:11px}.console-select-option[data-highlighted],.console-select-option[data-state=checked][data-highlighted]{background:var(--selected-surface);border-color:var(--control-border)}.console-select-option[data-state=checked]{background:var(--surface-low)}.console-select-indicator{color:var(--orange);border-color:var(--control-border);background:var(--surface-raised);box-shadow:none}.connection-caption,.diagnostics-toggle{font-size:11px}.diagnostics-toggle{min-height:34px}.diagnostics{background:var(--surface-low);border-color:var(--subtle-border)}.diagnostics p,.diagnostics>div>span{color:var(--text-secondary);font-size:11px}.diagnostics strong{color:var(--ink)}.how-strip strong{font-size:12px}.how-strip p>span{font-size:11px;line-height:1.8}.step-number{border-color:var(--control-border)}footer>span:first-child{color:var(--ink)}.footer-mark,footer>span:first-child>span{font-size:10px}footer button{font-size:11px;min-height:34px}.waiting-card p{font-size:13px}.approval-card p,.connected-presenter p,.mini-code,.verification-card p,.verification-card>span,.waiting-card>span{font-size:11px}.approval-card,.connected-presenter,.verification-card{background:var(--surface-low);border-color:var(--control-border)}.connected-presenter strong,.verification-card strong,.verification-code{color:var(--ink)}.leave-button{font-size:12px;min-height:42px}.feedback,.session-tag{border-color:var(--control-border)}.feedback{background:var(--surface-low);color:var(--ink)}.compatibility-note,.feedback.error{background:var(--error-bg);border-color:var(--error-text);color:var(--error-text)}.compatibility-note{font-size:12px;line-height:1.8}dialog{background:var(--surface);color:var(--ink);border-color:var(--control-border)}dialog::backdrop{background:#10120dbb;backdrop-filter:blur(5px)}.guide li{color:var(--text-secondary)}.guide strong{color:var(--ink)}.guide-note{border-color:var(--subtle-border)}.guide-footnote,.guide-note p{font-size:12px}.icon-button{color:var(--text-secondary);min-width:36px;min-height:36px}.icon-button:hover{color:var(--ink);background:var(--surface-low);border-radius:6px}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.console-select-option[data-highlighted]{outline:none}button:disabled{opacity:.6}.theme-trigger{display:flex;align-items:center;justify-content:center;width:40px;min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--ink);padding:8px}.theme-trigger:hover,.theme-trigger[data-state=open]{background:var(--selected-surface)}.theme-menu{z-index:65;min-width:265px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--control-border);border-radius:11px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);animation:menu-enter .2s var(--surface-ease)}.theme-menu-heading{font-size:10px;letter-spacing:1px;color:var(--text-secondary);padding:11px 10px 13px;border-bottom:1px solid var(--subtle-border)}.theme-option{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 10px;border-radius:6px;outline:none;cursor:pointer;color:var(--text-secondary)}.theme-option>span:not(.theme-check){display:flex;flex-direction:column;gap:5px}.theme-option strong{color:var(--ink);font-size:12px;font-weight:600}.theme-option small{font-size:11px;color:var(--text-secondary)}.theme-option[data-highlighted]{background:var(--selected-surface);outline:1px solid var(--control-border);outline-offset:-1px}.theme-check,.theme-option[data-state=checked]{color:var(--orange)}.theme-check{margin-left:auto;display:flex}@media(max-width:1050px){.header-right{gap:10px}.header-chip{font-size:9px}.brand-description{font-size:10px}.brand-description>span{font-size:9px}}@media(max-width:780px){.display{aspect-ratio:1.7;min-height:330px}.header-chip{display:none}.setting-module>label,.setting-module>label>span{font-size:10px}.console-bottom{font-size:8px}.console-bottom .perforations{display:none}.how-strip{grid-template-columns:1fr;gap:18px}.how-strip>div{gap:13px}.footer-mark{display:none}.diagnostics-toggle{white-space:normal}footer>span:first-child>span{font-size:9px}}@media(max-width:480px){.header-right{gap:7px}.theme-trigger{width:36px;padding:8px}.brand-description,.theme-trigger>span{display:none}.model-name{gap:7px}.console-status,.model-name{font-size:8px}.display{aspect-ratio:auto;min-height:330px}.display-bottom,.display-top{font-size:8px}.display p{font-size:11px}.transport-label{font-size:9px;letter-spacing:0}.settings-grid{grid-template-columns:1fr}.mode-module{grid-column:auto}.setting-selector{justify-content:space-around;gap:14px}.setting-selector button{font-size:12px}.setting-module>label{font-size:10px}.setting-module>p{font-size:11px}.console-bottom{flex-wrap:wrap;justify-content:center;gap:9px;font-size:9px;line-height:1.6}.connection-caption{font-size:11px;line-height:1.7}.diagnostics-toggle{font-size:11px}.step-number{width:30px;height:30px;font-size:10px}.how-strip strong{font-size:12px}.how-strip p>span{font-size:11px}footer{flex-direction:column;gap:10px}footer button{font-size:11px}.guide ol{font-size:12px}.console-select-menu{min-width:280px}.console-select-description{font-size:11px}}@media(prefers-reduced-motion:reduce){.role-panels>[role=tabpanel],.role-switch-indicator,.theme-menu{transition:none!important;animation:none!important}}@media(forced-colors:active){.role-switch-indicator{border:2px solid Highlight}.role-switch button.active{color:Highlight}.theme-option[data-state=checked]{outline:2px solid Highlight}.physical-switch{border:2px solid ButtonText}.physical-switch.on{background:Highlight}}.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding:39px 4px 36px}.intro-copy{min-width:0}.intro h1{margin:12px 0;font-size:clamp(27px,3.25vw,43px);line-height:1.4;letter-spacing:-1.6px}.intro-summary{max-width:610px;margin:0;color:var(--text-secondary);font-size:13px;line-height:1.8}.intro-route{padding:18px 0 18px 30px;border-left:1px solid var(--line)}.intro-route-devices{display:flex;align-items:center;gap:15px;color:var(--text-secondary)}.intro-route-devices>span:not(.route-connection){display:flex;flex-direction:column;align-items:center;gap:12px}.intro-route-devices b{font-size:9px;font-weight:500;letter-spacing:.7px;white-space:nowrap}.route-connection{display:flex;align-items:center;gap:4px;margin-top:-23px}.route-connection>span{width:35px;border-top:2px dotted var(--text-tertiary)}.intro-route .platforms{justify-content:center;margin-top:18px}.console-grid>.control-panel{grid-column:2;grid-row:1}.console-grid>.display-column{grid-column:1;grid-row:1}.control-panel>.feedback{font-size:12px;margin-top:16px}@media(max-width:1050px){.intro{gap:25px}.intro-route{padding-left:22px}.intro-route-devices{gap:10px}.intro-route-devices b{font-size:8px}.route-connection>span{width:24px}}@media(max-width:780px){.intro{display:block;padding:24px 0 23px}.intro-route{display:none}.intro h1{font-size:30px;margin:9px 0 8px;letter-spacing:-1.1px}.intro-summary{font-size:12px;max-width:520px;line-height:1.7}.console-grid>.control-panel{grid-column:1;grid-row:1}.console-grid>.display-column{grid-column:1;grid-row:2}.control-panel{padding:18px 20px}.control-panel .panel-heading{margin-bottom:12px}.control-panel [role=tabpanel]{margin-bottom:12px;padding-top:17px}.control-panel [role=tabpanel] .panel-description,.control-panel [role=tabpanel] .receive-diagram,.control-panel [role=tabpanel] h3{display:none}.control-panel [role=tabpanel] form{column-gap:15px}.control-panel label{margin-bottom:6px}.control-panel input{margin-bottom:13px}.control-panel [role=tabpanel] .button-note{margin-top:9px}.control-panel .local-assurance{margin-top:16px;padding-top:13px}}@media(max-width:480px){.topbar{height:64px}.intro{padding:18px 1px 19px}.intro .eyebrow{font-size:9px;letter-spacing:.9px}.intro h1{font-size:24px;line-height:1.5;letter-spacing:-1px;margin:7px 0 6px;white-space:nowrap}.intro-summary{font-size:11px;line-height:1.7;max-width:360px}.console-top{padding-bottom:11px}.control-panel{padding:16px}.control-panel .panel-heading{font-size:9px;margin-bottom:11px}.role-switch button{min-height:37px}.control-panel [role=tabpanel]{padding-top:16px}.control-panel label{font-size:10px}.control-panel input{min-height:42px;margin-bottom:12px}.control-panel [role=tabpanel] .primary-button{min-height:43px}}@media(max-width:350px){.intro h1{font-size:22px}.intro-summary{font-size:11px}.control-panel{padding:13px}.control-panel .panel-heading{font-size:8px;letter-spacing:.4px}.role-switch button{font-size:11px;gap:5px}}.mobile-room-code{display:none}@media(max-width:780px){.mobile-room-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:14px;border:1px solid var(--control-border);border-radius:7px;background:var(--field);margin:14px 0}.mobile-room-code>span{grid-column:1;font-size:10px;letter-spacing:.8px;color:var(--text-secondary)}.mobile-room-code>strong{grid-column:1;font-family:var(--display-font);font-weight:400;font-size:18px;letter-spacing:1px;color:var(--ink)}.mobile-room-code>button{grid-column:2;grid-row:1/3}}.content-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.content-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:88px;padding:12px 10px;border:1px solid var(--button-border);border-radius:7px;background:var(--surface);color:var(--text-secondary);text-align:left;box-shadow:inset 0 1px 0 #ffffff20,0 1px 2px var(--shadow)}.content-option>span:not(.content-option-check){font-size:12px;line-height:1.5;font-weight:500}.content-option small{display:block;font-size:9px;letter-spacing:.5px;margin-top:5px;color:var(--text-secondary)}.content-option[data-state=checked]{background:var(--selected-surface);border-color:var(--button-border);color:var(--ink);box-shadow:inset 0 1px 2px var(--shadow)}.content-option:hover:not(:disabled){background:var(--selected-surface)}.content-option-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;color:var(--orange)}:root[data-theme=dark] .console-select-indicator,:root[data-theme=dark] .content-option-check{color:var(--ink)}.audio-capture-row{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:12px;margin-bottom:14px}.audio-receiver-note{font-size:12px;color:var(--text-secondary);margin:0 0 14px}.volume-control{display:flex;align-items:center;gap:12px;min-height:70px}.volume-control.is-disabled{opacity:.6}.volume-dial{position:relative;width:68px;height:68px;flex:none;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%}.volume-dial:active{cursor:grabbing}.volume-dial[aria-disabled=true]{cursor:not-allowed}.volume-dial>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:2;stroke-linecap:round;pointer-events:none}.volume-dial-track{stroke:var(--control-border)}.volume-dial-progress{stroke:var(--orange)}.volume-dial-face{position:absolute;inset:11px;border-radius:50%;border:1px solid var(--control-border);background:conic-gradient(from -35deg,var(--surface-raised),var(--surface-low),var(--surface-raised),var(--selected-surface),var(--surface-raised));box-shadow:0 3px 5px var(--shadow),inset 0 0 0 3px var(--surface);pointer-events:none}.volume-dial-pointer{position:absolute;inset:0;border-radius:50%;will-change:transform}.volume-dial-pointer:after{content:"";position:absolute;left:calc(50% - 1.5px);top:5px;height:10px;width:3px;background:var(--ink);border-radius:2px}.volume-readout{flex:1;min-width:57px;color:var(--ink)}.volume-readout strong{font-family:var(--display-font);font-size:20px;font-weight:400;letter-spacing:-1px}.volume-readout strong small{font-family:var(--body-font);font-size:11px;margin-left:4px;letter-spacing:0}.volume-readout>span{display:block;font-size:9px;letter-spacing:.7px;color:var(--text-secondary);margin-top:6px}.volume-step-buttons{display:flex;gap:4px}.volume-step-buttons button{display:grid;place-items:center;width:29px;height:32px;min-width:29px;padding:0;border:1px solid var(--button-border);border-radius:5px;background:linear-gradient(var(--surface-raised),var(--surface-low));color:var(--ink);box-shadow:0 1px 2px var(--shadow)}.volume-step-buttons button:hover:not(:disabled){background:var(--selected-surface)}.volume-keyboard-hint{display:block;margin-top:5px;font-size:10px;color:var(--text-secondary)}@media(max-width:480px){.content-option{min-height:82px}.content-option>span:not(.content-option-check){font-size:12px}.volume-control{gap:14px}.volume-readout{flex:none;min-width:65px}.volume-step-buttons{margin-left:auto}}@media(forced-colors:active){.volume-dial-face{border:2px solid ButtonText}.volume-dial-pointer:after{background:ButtonText}.volume-dial-progress{stroke:Highlight}.content-option[data-state=checked]{border:2px solid Highlight}}body{position:relative;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#818178 .7px,transparent .95px);background-size:18px 18px;opacity:.22;mask-image:radial-gradient(ellipse at 50% 35%,#000 10%,transparent 85%)}:root[data-theme=dark] body:before{background-image:radial-gradient(circle at 1px 1px,#adadad .7px,transparent .95px);opacity:.13}.brand-symbol{display:block;width:35px;height:35px;flex:none;transform:none}.maker-credit{display:inline-flex;align-items:center;gap:7px;min-height:36px;font-size:11px;color:var(--text-secondary);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--control-border)}.maker-credit:hover{color:var(--ink);text-decoration-color:currentColor}.floating-help{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--button-border);border-radius:50%;background:linear-gradient(var(--surface-raised),var(--surface));color:var(--ink);box-shadow:0 3px 10px var(--shadow),inset 0 1px 1px #ffffff22}.floating-help:hover{background:var(--selected-surface);box-shadow:0 6px 18px var(--shadow)}footer{padding-bottom:80px}@media(max-width:480px){.brand-symbol{width:31px;height:31px}.floating-help{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.maker-credit{font-size:11px}footer{padding-bottom:83px}}