:root{--ink:#182125;--muted:#718087;--paper:#f6f7f4;--panel:#fff;--line:#dce3df;--lime:#c9f45d;--teal:#0e6c68;--coral:#e65c4f;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input{font:inherit}button{cursor:pointer;border:0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--lime);color:var(--ink);font-weight:800;border-radius:8px;font-size:16px}.eyebrow{font:500 10px var(--mono);letter-spacing:.13em;color:var(--teal);margin:0 0 12px}.muted{color:var(--muted);line-height:1.6}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 18px;border-radius:7px;font-weight:800;transition:transform .2s,background .2s}.primary{background:var(--ink);color:white}.primary:hover{background:var(--teal);transform:translateY(-1px)}.secondary{background:#edf1ed;color:var(--ink)}.secondary:hover{background:#e2ebe3}.full{width:100%}svg{width:16px;height:16px;stroke-width:2}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--paper)}.login-art{position:relative;overflow:hidden;background:var(--teal);color:white;padding:42px 8vw;display:flex;flex-direction:column;justify-content:space-between}.login-art:after{content:'';position:absolute;width:420px;height:420px;border:1px solid rgba(201,244,93,.28);border-radius:50%;right:-130px;bottom:-130px;box-shadow:0 0 0 42px rgba(201,244,93,.05),0 0 0 84px rgba(201,244,93,.04)}.login-art .brand{position:relative;z-index:1}.art-copy{position:relative;z-index:1;max-width:550px;margin:auto 0}.art-copy .eyebrow{color:var(--lime)}.art-copy h1{font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.07em;margin:0 0 25px}.art-copy h1 em{font-style:normal;color:var(--lime)}.art-copy p:not(.eyebrow){max-width:385px;color:#c5d8d3;line-height:1.7;font-size:15px}.signal-line{height:45px;display:flex;align-items:center;gap:5px;position:relative;z-index:1}.signal-line span{display:block;width:4px;background:var(--lime);border-radius:5px;animation:signal 1.6s ease-in-out infinite alternate}.signal-line span:nth-child(1){height:15px}.signal-line span:nth-child(2){height:30px;animation-delay:.15s}.signal-line span:nth-child(3){height:44px;animation-delay:.3s}.signal-line span:nth-child(4){height:26px;animation-delay:.45s}.signal-line span:nth-child(5){height:18px;animation-delay:.6s}@keyframes signal{to{opacity:.35;transform:scaleY(.55)}}.login-panel{display:grid;place-items:center;padding:40px}.login-form{width:min(380px,100%);animation:rise .5s ease-out}.login-form h2{font-size:34px;letter-spacing:-.06em;margin:0 0 8px}.login-form>p{margin-top:0}.login-form form{margin-top:34px}label{display:block;font-size:12px;font-weight:800;margin-bottom:18px}input{display:block;width:100%;height:48px;margin-top:8px;padding:0 14px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);outline:0}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(14,108,104,.1)}.form-foot{display:flex;gap:7px;align-items:center;justify-content:center!important;margin-top:24px!important;font:11px var(--mono);color:var(--muted)}.error{font-size:12px;color:var(--coral);margin-top:14px}.dashboard{min-height:100vh}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw}.top-actions{display:flex;gap:20px;align-items:center}.live-dot{font:500 10px var(--mono);color:var(--teal);letter-spacing:.08em}.user-chip{font-weight:700}.icon-button{display:grid;place-items:center;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:6px}.icon-button:hover{background:#eef2ef;color:var(--ink)}.dashboard-grid{display:grid;grid-template-columns:235px 1fr;max-width:1440px;margin:auto}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 78px);padding:48px 28px;display:flex;flex-direction:column}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:11px;color:var(--muted);padding:12px;border-radius:6px;font-weight:700}nav a.active{color:var(--ink);background:#e8efea}nav a svg{width:17px}.sidebar-note{margin-top:auto;background:var(--ink);color:white;padding:18px 16px;border-radius:7px;display:grid;gap:8px}.sidebar-note svg{color:var(--lime)}.sidebar-note strong{font-size:12px}.sidebar-note span{font-size:11px;line-height:1.5;color:#a9bcba}.workspace{padding:48px clamp(28px,5vw,78px);max-width:1200px;width:100%}.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.heading-row h1{font-size:40px;letter-spacing:-.07em;margin:0 0 5px}.status-pill{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:9px 13px;color:var(--teal);font:11px var(--mono);white-space:nowrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:40px 0}.step{display:flex;gap:13px;align-items:center;border-top:2px solid var(--line);padding-top:12px;color:var(--muted)}.step.active{border-color:var(--teal);color:var(--ink)}.step>span{font:11px var(--mono)}.step strong,.step small{display:block}.step strong{font-size:12px}.step small{font-size:11px;margin-top:3px;color:var(--muted)}.control-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.control-panel,.obs-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}.panel-top{display:flex;justify-content:space-between;align-items:flex-start}.panel-top>svg{color:var(--teal);width:22px;height:22px}.control-panel h3,.obs-panel h3{font-size:18px;letter-spacing:-.04em;margin:0}.room-code{display:flex;align-items:center;justify-content:space-between;background:#f0f4ee;border:1px dashed #b8c8bd;border-radius:6px;padding:14px 16px;margin:22px 0 10px}.room-code span,.obs-link-row code,.url-row code{font:500 18px var(--mono);letter-spacing:.08em}.room-code button{background:transparent;color:var(--teal)}.url-row,.obs-link-row{display:flex;align-items:center;gap:9px}.url-row code{font-size:10px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex:1}.copy-button{background:transparent;color:var(--muted);flex:none}.phone-panel .secondary{margin-top:22px}.preview-frame{height:240px;margin-top:22px;background:#ecf0ec;border-radius:6px;display:grid;place-items:center;overflow:hidden}.empty-preview{display:grid;place-items:center;gap:10px;color:#91a19a;font-size:11px}.empty-preview svg{width:25px;height:25px}.preview-indicator{width:8px;height:8px;background:#d5ddd6;border-radius:50%}.obs-panel{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.obs-panel .muted{margin:8px 0 0;font-size:12px}.obs-link-row{min-width:45%;background:#f4f6f3;border:1px solid var(--line);border-radius:6px;padding:5px 6px 5px 13px}.obs-link-row code{font-size:10px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--muted)}.obs-link-row .primary{height:36px;font-size:11px;padding:0 12px;white-space:nowrap}.phone-view{min-height:100vh;background:var(--teal);padding:25px 18px;display:grid;place-items:center}.phone-top{position:absolute;top:24px;left:25px;right:25px;color:white;display:flex;justify-content:space-between}.phone-card{width:min(440px,100%);background:white;border-radius:10px;padding:32px;animation:rise .5s ease-out}.phone-card h1{font-size:34px;letter-spacing:-.07em;margin:0 0 6px}.phone-card form{margin-top:28px}.phone-help{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.5}.phone-help svg{flex:none;color:var(--teal)}.camera-view,.overlay-view{min-height:100vh;background:#071415;position:relative;overflow:hidden}.camera-view video,.overlay-view video{width:100%;height:100vh;object-fit:cover}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:white;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 25%,transparent 70%,rgba(0,0,0,.55))}.camera-header,.camera-footer{display:flex;justify-content:space-between;align-items:center}.camera-footer{font:11px var(--mono);letter-spacing:.07em}.camera-footer strong{color:var(--lime)}.overlay-view{display:grid;place-items:center}.overlay-wait{color:white;text-align:center;font:12px var(--mono);opacity:.8}.overlay-wait .brand-mark{margin:auto}.overlay-wait p{margin-top:14px}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{min-height:42vh;padding:25px}.art-copy{margin:55px 0 20px}.art-copy h1{font-size:44px}.login-panel{padding:40px 25px}.dashboard-grid{display:block}.sidebar{display:none}.workspace{padding:32px 18px}.topbar{padding:0 18px}.top-actions{gap:10px}.user-chip{display:none}.heading-row{display:block}.status-pill{display:inline-flex;margin-top:20px}.steps{margin:30px 0;overflow:hidden}.step{min-width:170px}.steps{display:flex}.control-grid{grid-template-columns:1fr}.obs-panel{display:block}.obs-link-row{margin-top:18px;min-width:0}.phone-top{top:18px;left:18px;right:18px}.phone-card{padding:26px 20px}}