:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf2ff;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 82% 10%,rgba(27,217,168,.14),transparent 30rem),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}main{min-height:100vh;display:grid;place-items:center;padding:2rem}.shell{width:min(100%,880px);position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.identity{display:flex;align-items:center;gap:.8rem}.brand{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid #275173;border-radius:.8rem;color:#56e6bd;font-weight:800;background:#0b1a2b}.api{display:flex;align-items:center;gap:.55rem;color:#8da4bc;font-size:.82rem}.api span,.live-dot{width:.6rem;height:.6rem;border-radius:50%;background:#f3b849;box-shadow:0 0 0 5px #f3b84914}.api--online span,.live-dot{background:#38d39f;box-shadow:0 0 0 5px #38d39f14}.api--offline span{background:#ff6b72}.heading{margin:4.5rem 0 2.5rem}.eyebrow,.step{margin:0 0 .75rem;color:#56e6bd;font-size:.78rem;font-weight:750;letter-spacing:.11em}h1{margin:0;font-size:clamp(2.25rem,6vw,4.4rem);line-height:1;letter-spacing:-.05em}.intro{margin:1.2rem 0 0;color:#94a9c0;font-size:1.05rem}.mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:.3rem;border:1px solid #20364d;border-radius:.8rem;background:#091625}.mode-switch button{padding:.7rem 1rem;border:0;border-radius:.55rem;color:#8298b0;background:transparent}.mode-switch button.active{color:#eef6ff;background:#173047;box-shadow:0 2px 10px #0003}.panel{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:1rem;min-height:265px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid #20364d;border-radius:1.25rem;background:#0a1828e6;box-shadow:0 30px 80px #0000003d}.panel h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.panel p:not(.step):not(.error){color:#8da4bc;line-height:1.55}form{display:grid;gap:.7rem}label,.code-card>span{color:#8da4bc;font-size:.82rem;font-weight:650}input{width:100%;padding:1rem;border:1px solid #29435d;border-radius:.75rem;outline:none;color:#fff;background:#071421;font-size:1.45rem;letter-spacing:.18em;font-variant-numeric:tabular-nums}input:focus{border-color:#56e6bd;box-shadow:0 0 0 3px #56e6bd1a}.primary,.secondary{border-radius:.72rem;font-weight:750}.primary{padding:.9rem 1.2rem;border:1px solid #63edc5;color:#05231b;background:#56e6bd}.primary:hover:not(:disabled){background:#77f1cf}.technician-button{width:100%;min-height:3.2rem}.secondary{padding:.6rem .8rem;border:1px solid #29435d;color:#c4d4e5;background:transparent}.code-card{display:grid;gap:.7rem}.code-card>strong{font-size:clamp(2.5rem,7vw,4.5rem);letter-spacing:.08em;font-variant-numeric:tabular-nums}.session-status{display:grid;gap:1rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #20364d}.connection-list{display:grid;gap:.6rem}.connection-list p{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.6rem;margin:0!important}.connection-list small{margin-left:1.2rem;color:#6f879f}.rtc-dot--idle{background:#657b91;box-shadow:0 0 0 5px #657b9114}.rtc-dot--connecting{background:#f3b849;box-shadow:0 0 0 5px #f3b84914}.rtc-dot--connected{background:#38d39f;box-shadow:0 0 0 5px #38d39f14}.rtc-dot--failed{background:#ff6b72;box-shadow:0 0 0 5px #ff6b7214}.session-actions{display:flex;flex-wrap:wrap;gap:.6rem}.error{grid-column:1/-1;margin:0;color:#ff9298;font-size:.9rem}@media(max-width:650px){main{padding:1.2rem;align-items:start}.topbar{margin-top:1rem}.identity>strong{display:none}.heading{margin:3rem 0 2rem}.mode-switch{width:100%}.panel{grid-template-columns:1fr;gap:1.5rem;min-height:0}.session-status{align-items:flex-start}}