:root{color:#19291f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f3ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 60% 0,#fbfaf6 0,#0000 50%),#f5f3ed;min-width:320px;min-height:100vh;margin:0}.shell{max-width:1120px;margin:0 auto;padding:0 42px}.topbar{border-bottom:1px solid #e6e4dc;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#275b3c;border-radius:12px 12px 12px 3px;place-items:center;width:37px;height:37px;font:800 20px Manrope;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.2px;font:700 13px Manrope}.brand small{letter-spacing:1.35px;color:#849086;margin-top:3px;font-size:8px}.poc-label{color:#748277;letter-spacing:1.15px;font-size:9px;font-weight:700}.poc-label i,.status-pill i{background:#d7a94a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero{justify-content:space-between;align-items:center;min-height:226px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:1;position:relative}.eyebrow{letter-spacing:1.55px;color:#718075;margin:0 0 13px;font-size:9px;font-weight:700}.hero h1{letter-spacing:-2.5px;margin:0;font:700 clamp(34px,4.8vw,51px)/1.06 Manrope}.hero h1 em{color:#438157;font-style:normal}.intro{color:#7d877d;max-width:440px;margin:13px 0 0;font-size:13px;line-height:1.6}.wave-art{opacity:.85;align-items:center;gap:6px;height:100px;margin-right:45px;display:flex}.wave-art span{width:5px;height:var(--h,32px);background:#d8e4d8;border-radius:4px}.wave-art span:nth-child(3n){--h:63px;background:#bcd2bf}.wave-art span:nth-child(3n+1){--h:42px}.wave-art span:nth-child(4n){--h:76px;background:#c7d9c8}.wave-art span:nth-child(5n){--h:22px}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:stretch;gap:20px;display:grid}.call-card,.side-panel{background:#fff;border:1px solid #ecebe4;border-radius:14px;box-shadow:0 12px 38px #344d3b0a}.call-card{padding:25px 28px 19px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{letter-spacing:-.6px;margin:0;font:700 20px Manrope}.status-pill{color:#7e897f;background:#f5f5f0;border-radius:20px;padding:7px 11px;font-size:10px}.status-pill i{background:#aab2a8;width:6px;height:6px;margin-right:6px}.status-pill.connected i{background:#55a76b;box-shadow:0 0 0 3px #e2f2e5}.status-pill.connecting i,.status-pill.reconnecting i{background:#e2a836;animation:1s infinite pulse}.status-pill.error i{background:#c55e54}@keyframes pulse{50%{opacity:.35}}.room-meta{background:#f8f8f4;border-radius:8px;align-items:center;gap:12px;margin-top:19px;padding:12px 14px;display:flex}.meta-icon{color:#4c8058;font-size:24px}.room-meta span:nth-child(2),.room-meta span:last-child{flex-direction:column;gap:3px;display:flex}.room-meta small{color:#9aa198;letter-spacing:1px;font-size:8px}.room-meta strong{font-size:11px;font-weight:600}.meta-divider{background:#e7e8e1;width:1px;height:25px;margin:0 6px}.field-label{color:#838d83;margin:20px 0 9px;font-size:10px;font-weight:600;display:block}.identity-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.identity-option{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #e9ebe4;border-radius:8px;align-items:center;gap:9px;padding:9px;display:flex}.identity-option.selected{background:#f7fbf7;border-color:#548a61;box-shadow:0 0 0 1px #548a6115}.identity-option:disabled{cursor:default}.branch-glyph,.avatar{color:#4b7f57;background:#edf4ed;border-radius:9px;place-items:center;width:29px;height:29px;font:700 13px Manrope;display:grid}.identity-option strong,.identity-option small{display:block}.identity-option strong{font-size:11px}.identity-option small{color:#9aa198;margin-top:2px;font-size:9px}.checkmark{color:#4b8d5b;margin-left:auto;font-size:13px}.participants-block{margin-top:19px}.section-line{color:#758076;justify-content:space-between;font-size:10px;font-weight:600;display:flex}.section-line span:last-child{color:#a1a89f}.empty-state{color:#a0a79f;background:#fafaf8;border-radius:7px;margin:9px 0 0;padding:12px;font-size:10px}.participant-list{margin:9px 0 0;padding:0;list-style:none}.participant-list li{border-bottom:1px solid #f0f0eb;align-items:center;gap:9px;padding:8px 2px;display:flex}.participant-list li:last-child{border:0}.avatar{background:#eff4ec;border-radius:50%;width:28px;height:28px}.avatar.speaking{box-shadow:0 0 0 3px #dff1df}.participant-name{flex:1}.participant-name strong,.participant-name small{display:block}.participant-name strong{font-size:10px}.participant-name small{color:#9ca49c;margin-top:2px;font-size:9px}.voice-indicator{align-items:center;gap:2px;height:14px;display:flex}.voice-indicator i{background:#ccd4cb;border-radius:2px;width:2px;height:4px}.voice-indicator i:nth-child(2){height:8px}.voice-indicator i:nth-child(3){height:11px}.voice-indicator.active i{background:#60a86d;animation:.55s ease-in-out infinite alternate wave}.voice-indicator.active i:nth-child(2){animation-delay:.12s}.voice-indicator.active i:nth-child(3){animation-delay:.22s}.voice-indicator.active i:nth-child(4){animation-delay:.3s}@keyframes wave{to{transform:scaleY(.4)}}.controls{gap:9px;margin-top:17px;display:flex}.join-button,.mic-button,.leave-button{cursor:pointer;border:0;border-radius:7px;height:40px;font:600 11px DM Sans}.join-button{color:#fff;background:#285d3d;width:100%;box-shadow:0 5px 12px #285d3d24}.join-button:hover{background:#214e33}.join-button:disabled{opacity:.7;cursor:wait}.join-button span,.mic-button span{margin-right:8px;font-size:15px}.mic-button{color:#386b43;background:#edf5ed;flex:1}.mic-button.is-muted{color:#a45348;background:#fcf1ef}.mic-button:disabled{opacity:.6}.leave-button{color:#70796f;background:#f2f2ed;padding:0 21px}.privacy-note{text-align:center;color:#9aa198;margin:13px 0 0;font-size:9px}.privacy-note span{color:#75a17a;margin-right:5px;font-size:8px}.error-message{color:#a3463d;background:#fff3f0;border-radius:6px;margin:10px 0 0;padding:9px 11px;font-size:10px;line-height:1.45}.side-panel{background:#fdfdf9;padding:26px 25px}.side-icon{color:#488058;background:#eaf2e9;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:20px;font-size:20px;display:grid}.side-panel h3{letter-spacing:-.5px;margin:0;font:700 19px/1.3 Manrope}.steps{margin:19px 0;padding:0;list-style:none}.steps li{align-items:flex-start;gap:12px;margin:0 0 13px;display:flex}.steps li>span{color:#78a27c;padding-top:2px;font:700 9px Manrope}.steps p{color:#747f75;margin:0;font-size:10px;line-height:1.5}.steps b{color:#39493d}.tip{background:#f1f4eb;border-radius:7px;align-items:center;gap:9px;padding:10px 11px;display:flex}.tip>span{color:#5b8151;background:#dfead8;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-weight:700;display:grid}.tip p{color:#71806e;margin:0;font-size:9px;line-height:1.4}footer{color:#a4aaa1;letter-spacing:1.2px;justify-content:space-between;align-items:center;height:67px;font-size:8px;display:flex}footer b{color:#7e9e80;margin:0 4px}.audio-sink{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.shell{padding:0 20px}.hero{min-height:205px}.wave-art{opacity:.35;position:absolute;right:-40px}.hero h1{font-size:40px}.workspace{grid-template-columns:1fr}.side-panel{padding:23px}.steps{grid-template-columns:1fr 1fr;column-gap:18px;display:grid}.call-card{padding:22px 19px}.topbar{height:70px}}@media (width<=420px){.shell{padding:0 14px}.hero h1{font-size:35px}.intro{font-size:12px}.status-pill{font-size:9px}.steps{grid-template-columns:1fr}.room-meta{gap:8px}.meta-divider{margin:0 2px}}.auth-shell{min-height:100vh}.auth-card{background:#fff;border:1px solid #e8e8df;border-radius:12px;max-width:440px;margin:9vh auto 0;padding:34px;box-shadow:0 12px 40px #263a2510}.auth-card h1{letter-spacing:-1px;margin:7px 0;font:700 29px/1.2 Manrope,sans-serif}.auth-card .intro{margin:10px 0 24px}.auth-form{gap:9px;display:grid}.auth-form label{color:#455448;margin-top:5px;font-size:11px;font-weight:700}.auth-form input{color:#19291f;background:#fcfcfa;border:1px solid #d9ded6;border-radius:6px;height:42px;padding:0 12px;font:13px DM Sans,sans-serif}.auth-form input:focus{outline-offset:1px;outline:2px solid #8ab18c}.auth-form .join-button{margin-top:11px;font-size:12px}.user-menu{color:#667168;align-items:center;gap:14px;font-size:10px;display:flex}.user-menu button{color:#3f6e49;cursor:pointer;background:0 0;border:0;font:600 10px DM Sans,sans-serif;text-decoration:underline}.branch-options{grid-template-columns:repeat(4,minmax(0,1fr))}.branch-options .identity-option{min-height:58px;padding:8px}.branch-options .branch-glyph{width:26px;height:26px}.branch-options .identity-option small{font-size:8px}.mic-notice{color:#356b40;text-align:center;background:#eaf4e9;border-radius:6px;margin:10px 0 0;padding:9px 11px;font-size:10px}.auth-card .error-message{font-size:11px}@media (width<=520px){.auth-card{margin:7vh 0 0;padding:25px 20px}.user-menu{gap:7px;font-size:9px}.branch-options{grid-template-columns:repeat(2,minmax(0,1fr))}}body{background:radial-gradient(65% 42% at 80% -5%,#dfece0 0%,#0000 67%),radial-gradient(45% 35% at 8% 12%,#fffdf4 0%,#0000 73%),#f5f3ed}.topbar{border-color:#dde3d9}.brand-mark{box-shadow:0 8px 20px #275b3c2e}.user-menu{gap:10px}.shift-badge{color:#41744b;letter-spacing:.4px;text-transform:uppercase;background:#f4faf3;border:1px solid #cfe1d1;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}.hero{min-height:248px}.hero-copy{max-width:590px}.hero h1{letter-spacing:-2.8px}.wave-art{background:#ffffff70;border:1px solid #dbe6d9;border-radius:20px;padding:10px 15px;box-shadow:0 18px 38px #4560470d}.workspace{gap:24px}.call-card,.side-panel{border-color:#e1e7dd;box-shadow:0 24px 65px #1f3c270d}.call-card{position:relative;overflow:hidden}.call-card:before{content:"";background:linear-gradient(90deg,#78ab77,#d8c25b 65%,#0000);height:3px;position:absolute;inset:0 0 auto}.card-head{position:relative}.status-pill{background:#fbfcf9;border:1px solid #e2e8df}.connection-summary{background:linear-gradient(110deg,#f8faf6,#f1f6ef);border:1px solid #e2e9df;border-radius:10px;align-items:center;gap:11px;margin-top:17px;padding:11px 13px;display:flex}.connection-summary strong,.connection-summary small{display:block}.connection-summary strong{color:#314735;font-size:11px}.connection-summary small{color:#819083;margin-top:3px;font-size:9px}.connection-orb{background:#e2eae0;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:30px;height:30px;display:flex}.connection-orb i{background:#94a791;border-radius:3px;width:3px;height:7px;display:block}.connection-orb i:nth-child(2){height:13px}.connection-orb i:nth-child(3){height:9px}.connection-summary.connected{background:linear-gradient(110deg,#f5fbf4,#eaf5e9);border-color:#cfe5d0}.connection-summary.connected .connection-orb{background:#cfeacf}.connection-summary.connected .connection-orb i{background:#418e52;animation:.75s ease-in-out infinite alternate subtle-wave}.connection-summary.connecting,.connection-summary.reconnecting{background:#fffaf0;border-color:#efe0b5}.connection-summary.connecting .connection-orb,.connection-summary.reconnecting .connection-orb{background:#f7e9c3}.connection-summary.error{background:#fff7f4;border-color:#eed7d2}.connection-summary.error .connection-orb{background:#f8dfda}.room-meta{background:linear-gradient(110deg,#fbfcf9,#f3f7ef);border:1px solid #e8ede5}.identity-options{gap:8px}.identity-option{min-height:62px;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s;position:relative}.identity-option:hover:not(:disabled){border-color:#a7c8aa;transform:translateY(-2px);box-shadow:0 9px 18px #33563a12}.identity-option.selected{background:linear-gradient(135deg,#f7fbf5,#eaf5e9);box-shadow:0 7px 16px #477c4d12}.identity-option.selected:after{content:"";pointer-events:none;border:1px solid #79aa7d;border-radius:8px;position:absolute;inset:-1px}.participants-block{padding-top:2px}.participant-list{max-height:190px;padding-right:3px;overflow:auto}.controls{padding-top:3px}.join-button,.mic-button,.leave-button{transition:transform .16s,box-shadow .16s,background .16s}.join-button:hover:not(:disabled),.mic-button:hover:not(:disabled),.leave-button:hover{transform:translateY(-1px)}.join-button{box-shadow:0 9px 20px #285d3d2c}.listen-only-label{color:#527259;background:#f2f7f1;border:1px solid #d9e6d8;border-radius:7px;flex:1;place-items:center;font-size:10px;font-weight:700;display:grid}.side-panel{background:linear-gradient(145deg,#fffefb,#f4f8f0);position:relative}.side-panel:after{content:"";opacity:.7;border:10px solid #eef4e9;border-radius:50%;width:68px;height:68px;position:absolute;bottom:22px;right:20px}.side-panel>*{z-index:1;position:relative}.steps li{border-bottom:1px solid #e9eee5;padding:9px 0}.steps li:last-child{border:0}.tip{border:1px solid #dfe9d9}.rtc-diagnostic{margin-top:10px}.rtc-diagnostic button{color:#507a56;cursor:pointer;background:0 0;border:0;padding:0;font:600 10px DM Sans,sans-serif;text-decoration:underline}.rtc-diagnostic pre{color:#e8f0e6;white-space:pre-wrap;word-break:break-word;background:#27332b;border-radius:7px;max-height:230px;margin:8px 0 0;padding:10px;font-size:9px;line-height:1.4;overflow:auto}.mic-notice{border:1px solid #d5e9d3}.audio-sink{display:none}@keyframes subtle-wave{to{opacity:.65;transform:scaleY(.46)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.hero{min-height:218px}.shift-badge{display:none}.workspace{gap:16px}.wave-art{right:-28px}.connection-summary{margin-top:14px}}@media (width<=420px){.user-menu>span:first-child{display:none}.connection-summary,.room-meta{padding:10px}.branch-options .identity-option{min-height:56px}}.monitor-button,.broadcast-button{color:#376b43;cursor:pointer;background:#f3f8f1;border:1px solid #c5dbca;border-radius:7px;width:100%;height:40px;margin-top:10px;font:700 11px DM Sans,sans-serif}.monitor-button:hover,.broadcast-button:hover:not(:disabled){background:#e5f1e3}.broadcast-button{color:#8a5a23;background:#fff8ec;border-color:#e7c8a3}.broadcast-button.is-live{color:#a6473d;background:#fff0ee;border-color:#e2aaa4}.broadcast-button:disabled{opacity:.6;cursor:wait}.broadcast-button span{margin-right:8px}.monitoring-card{background:linear-gradient(120deg,#f7fbf5,#edf6ec);border:1px solid #d5e4d6;border-radius:9px;margin-top:20px;padding:13px 14px}.monitoring-card .field-label{margin:0 0 9px}.monitoring-card p:last-child{color:#637466;margin:10px 0 0;font-size:10px;line-height:1.45}.monitor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.monitor-grid span{color:#436047;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:7px;font-size:10px;font-weight:700;display:flex}.monitor-grid i{background:#55a76b;border-radius:50%;width:6px;height:6px}@media (width<=520px){.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}