@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Sora:wght@400;500;600;700;800&display=swap";:root{font-family:Sora,sans-serif;color:#192724;background:#fff4d6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#fffaf0;--canvas:#fff4d6;--ink:#192724;--muted:#7e8177;--line:#e9e0ce;--orange:#ff6b35;--orange-deep:#e85525;--green:#5d8b69;--dark:#172723;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:31px 18px 22px 22px;background:#f8efd8;border-right:1px solid #eadfc6;display:flex;flex-direction:column}.brand{height:44px;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;margin:0 0 53px 2px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--orange);box-shadow:0 5px 12px #e95d2e30}.brand-mark svg{width:30px;height:30px}.brand-wordmark{font-size:18px;letter-spacing:-1.2px;font-weight:800}.brand-wordmark span{color:var(--orange);font-weight:600}.sidebar-label,.small-kicker,.eyebrow,.crumb,.live-indicator,.code-label,.room-code,.viewer-section-title,.stage-top-badge,.stage-bottom-caption,.connection-title,.metric>span,.metric-footnote,.session-heading .small-kicker{font-family:var(--mono);letter-spacing:.075em}.sidebar-label{font-size:9px;color:#929083;margin:0 0 13px 11px}.side-nav{display:grid;gap:5px}.nav-item{height:43px;width:100%;border:0;background:transparent;color:#6e756d;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;padding:0 12px;font-size:12px;font-weight:600;transition:background .16s,color .16s}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#fff9ed;color:#293a31;box-shadow:0 1px 4px #584d3312}.nav-dot{margin-left:auto;width:6px;height:6px;background:var(--orange);border-radius:50%}.sidebar-note{margin-top:auto;border:1px solid #e6dac0;background:#fcf7ea;border-radius:14px;padding:15px 13px 13px}.note-icon{width:29px;height:29px;border-radius:9px;background:#ffeadb;color:#e75e30;display:grid;place-items:center;margin-bottom:12px}.note-icon svg{width:17px;height:17px}.sidebar-note strong{display:block;font-size:11px;letter-spacing:-.2px}.sidebar-note p{color:#76776d;font-size:10px;line-height:1.7;margin:6px 0 0}.sidebar-footer{padding:17px 4px 0;color:#868579;display:flex;align-items:center;gap:8px;font-size:9px}.footer-sun{font-size:17px;color:var(--orange)}.main-content{min-width:0}.topbar{height:73px;border-bottom:1px solid #ebe2d2;padding:0 clamp(22px,4.3vw,65px);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:9px;color:#999789}.crumb-slash{padding:0 10px;color:#c0b6a3}.crumb strong{color:#444f47;font-weight:500}.notification-button{height:34px;padding:0 11px;display:flex;align-items:center;gap:7px;border:1px solid #eadfcd;background:transparent;border-radius:8px;color:#5d655c;font-size:10px;font-weight:600;transition:.18s}.notification-button:hover{border-color:#f3a27e;color:var(--orange-deep);background:#fff9ed}.notification-button svg{width:15px;height:15px}.content-wrap{max-width:1280px;padding:38px clamp(22px,4.3vw,65px) 24px;margin:0 auto}.hero-copy{margin:0 0 24px 3px}.eyebrow{font-size:9px;color:#a17f61;display:flex;align-items:center;gap:7px}.eyebrow-spark{color:var(--orange);font-size:14px}.hero-copy h1{font-size:clamp(31px,3.5vw,44px);letter-spacing:-2.6px;line-height:1.17;margin:12px 0 9px;font-weight:700}.hero-copy h1 span{color:var(--orange)}.hero-copy p{font-size:12px;color:#777c72;margin:0;line-height:1.7}.studio-card{background:var(--paper);border:1px solid #ebe2d2;border-radius:16px;box-shadow:0 5px 26px #574a2710;overflow:hidden}.card-topline{height:62px;padding:0 24px;border-bottom:1px solid #efe8db;display:flex;align-items:center;justify-content:space-between}.mode-tabs{height:100%;display:flex;gap:20px}.mode-tab{position:relative;border:0;background:transparent;padding:0 6px;color:#8b8c83;font-size:11px;font-weight:600}.mode-tab.selected{color:#28382e}.mode-tab.selected:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);border-radius:5px}.tab-icon{margin-right:5px;font-size:14px;color:var(--orange)}.live-indicator{display:flex;align-items:center;gap:7px;font-size:8px;color:#737d70}.live-dot,.stage-status-dot{width:7px;height:7px;background:#91a38b;border-radius:50%;display:inline-block}.live-indicator.is-live .live-dot,.live-indicator.is-waiting .live-dot{background:#46a66f;box-shadow:0 0 0 3px #46a66f1c;animation:pulse 1.7s infinite}.live-indicator.is-error .live-dot{background:#d6633f}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 282px}.transmit-column{padding:24px 24px 25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.small-kicker{display:block;font-size:8px;color:#a09a89}.section-heading h2{font-size:17px;letter-spacing:-.55px;margin:6px 0 0}.quality-pill{flex-shrink:0;padding:7px 9px;background:#fff1de;color:#9c623e;border-radius:6px;font-size:8px;font-weight:600}.quality-star{color:var(--orange);font-size:12px;vertical-align:-1px;margin-right:3px}.section-description{font-size:10px;color:#818177;line-height:1.6;margin:10px 0 14px;max-width:570px}.screen-stage{height:auto;aspect-ratio:16/8.9;min-height:235px;max-height:376px;position:relative;overflow:hidden;border-radius:11px;background:#172723;border:1px solid #263b33;color:#f8f2e7}.screen-stage video{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain;z-index:1}.empty-state,.viewer-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;padding:22px;color:#eae8d7;background:radial-gradient(ellipse at 50% 52%,#273a30 0,#172723 65%)}.screen-symbol{width:53px;height:53px;color:#ff966b;display:grid;place-items:center;margin-bottom:10px}.screen-symbol svg{width:52px;height:52px}.empty-state strong,.viewer-empty-state strong{font-size:12px;letter-spacing:-.15px}.empty-state>span,.viewer-empty-state>span{margin-top:6px;color:#aeb7a7;font-size:9px;line-height:1.7}.stage-top-badge{z-index:3;position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-size:7px;color:#ced2c4;background:#0e1917bd;border:1px solid #ffffff1c;padding:7px 8px;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-status-dot{background:#86968a}.screen-stage.is-active .stage-status-dot,.viewer-stage.is-active .stage-status-dot{background:#70d28b;box-shadow:0 0 0 3px #70d28b21}.fullscreen-button{z-index:4;position:absolute;right:11px;top:10px;border:1px solid #ffffff24;background:#0e1917bd;color:#fff;width:29px;height:28px;border-radius:6px;display:grid;place-items:center}.fullscreen-button svg{width:15px;height:15px}.fullscreen-button:hover{background:#253d32}.stage-bottom-caption{position:absolute;z-index:3;right:12px;bottom:11px;font-size:7px;color:#c4cbbd}.option-row{display:flex;gap:20px;margin:15px 0 0}.toggle-label{position:relative;display:flex;align-items:center;gap:11px;cursor:pointer;min-width:0}.toggle-copy strong{display:block;font-size:9px;font-weight:600;color:#454b42}.toggle-copy small{display:block;margin-top:3px;color:#949185;font-size:8px}.switch-input{position:absolute;opacity:0;width:1px;height:1px}.switch{height:17px;width:30px;border-radius:12px;background:#d6d1c5;position:relative;transition:.16s;flex:none}.switch:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #161b1830;transition:transform .16s}.switch-input:checked+.switch{background:var(--orange)}.switch-input:checked+.switch:after{transform:translate(13px)}.switch-input:focus-visible+.switch{outline:2px solid #193c2d;outline-offset:2px}.pin-field-wrap{margin-top:12px;padding:11px 12px;background:#fff6e8;border:1px solid #f0e2cc;border-radius:8px;display:grid;grid-template-columns:auto minmax(115px,1fr);align-items:center;gap:8px 12px}.pin-field-wrap label{font-size:9px;font-weight:600;color:#55584d}.pin-field-wrap input{height:30px;min-width:0;border:1px solid #e7d8c3;border-radius:6px;background:#fffdf8;padding:0 9px;font-family:var(--mono);letter-spacing:.12em;font-size:10px;outline:none}.pin-field-wrap input:focus,.join-form input:focus{border-color:#f49b70;box-shadow:0 0 0 3px #ff6b3516}.pin-field-wrap>span{grid-column:2;color:#90897a;font-size:8px}.action-row{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}.primary-button{border:0;min-height:40px;background:var(--orange);color:#fffdf9;border-radius:7px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:700;box-shadow:0 3px 8px #dc603538;transition:transform .15s,background .15s,box-shadow .15s}.primary-button:hover{background:var(--orange-deep);transform:translateY(-1px);box-shadow:0 5px 12px #dc60353d}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}.button-play{font-size:14px}.secure-caption{color:#918e82;font-size:8px;display:flex;align-items:center;gap:5px}.secure-caption span{font-size:15px;color:#6e8e74}.stop-button{height:38px;padding:0 12px;border:1px solid #e8cabb;border-radius:7px;background:#fff9f2;color:#a85339;font-size:9px;font-weight:600}.stop-button:hover{background:#fff0e5}.permission-note{font-size:9px;color:#a9583b;line-height:1.6;margin:9px 0 0}.session-column{border-left:1px solid #efe8db;padding:25px 19px 18px;background:#fffaf2}.session-heading{display:flex;align-items:center;gap:9px}.sun-mark{width:30px;height:30px;border-radius:9px;background:#ffead9;color:var(--orange);font-size:18px;display:grid;place-items:center}.session-heading .small-kicker{font-size:7px}.session-heading h3,.viewer-join-card h3{font-size:13px;letter-spacing:-.4px;margin:4px 0 0}.session-copy{font-size:9px;color:#828177;line-height:1.6;margin:11px 0 14px}.room-code-box{min-height:94px;background:#fff4df;border:1px dashed #e8cba8;border-radius:9px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px}.code-label{font-size:7px;color:#a48968}.room-code{font-size:16px;letter-spacing:.17em;color:#2f4437;font-weight:500}.room-waiting{font-family:Sora,sans-serif;color:#969082;font-size:8px;display:flex;align-items:center;gap:5px}.waiting-dot{width:5px;height:5px;background:#c6bca8;border-radius:50%}.copy-button{margin-top:10px;width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;color:#fff;background:#304e3b;font-size:9px;font-weight:600;transition:.15s}.copy-button svg{width:13px;height:13px}.copy-button:hover:not(:disabled){background:#233f2e}.copy-button:disabled,.copy-code-button:disabled{opacity:.46;cursor:not-allowed}.copy-code-button{margin:6px auto 0;display:block;border:0;background:none;color:#8d7564;font-size:8px;padding:4px}.copy-code-button:hover:not(:disabled){color:var(--orange-deep)}.divider{height:1px;background:#eee5d8;margin:15px 0 13px}.viewer-section-title{display:flex;justify-content:space-between;align-items:center;color:#908d81;font-size:7px}.viewer-count{width:19px;height:19px;display:grid;place-items:center;background:#f6ead8;border-radius:50%;color:#855b40;font:9px var(--mono)}.viewer-list{display:grid;gap:7px;margin-top:9px}.empty-viewer{min-height:36px;display:flex;align-items:center;gap:8px;color:#a09c90;font-size:8px;line-height:1.5}.empty-avatar{width:25px;height:25px;border-radius:50%;background:#f1e6d4;color:#af9274;display:grid;place-items:center;font-size:8px;flex:none}.viewer-request{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px 8px;background:#fff3e4;border:1px solid #f3dfc7;border-radius:8px}.request-avatar{width:25px;height:25px;display:grid;place-items:center;background:#ffdfc8;color:#a64e2e;border-radius:50%;font-size:9px;font-weight:700}.request-name{font-size:9px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-copy{font-size:7px;color:#938a7c;margin-top:3px}.request-actions{grid-column:1/-1;display:flex;gap:5px}.request-actions button{border:0;border-radius:5px;padding:6px 7px;font-size:8px;font-weight:600}.approve-button{background:#5a805f;color:#fff}.deny-button{background:#eee6d9;color:#755c49}.approved-viewer{display:flex;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px solid #f0eadd}.approved-avatar{width:24px;height:24px;background:#deefdd;color:#4f8057;border-radius:50%;display:grid;place-items:center;font-size:9px}.approved-name{font-size:8px;font-weight:600}.approved-state{margin-left:auto;color:#63866a;font:7px var(--mono)}.notification-hint{margin-top:13px;display:flex;gap:6px;color:#948c7b;font-size:7px;line-height:1.55}.hint-icon{color:var(--orange);font-size:13px;line-height:12px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px}.viewer-main-column{padding:24px}.viewer-side-column{border-left:1px solid #efe8db;background:#fffaf2;padding:21px 18px}.viewer-stage{max-height:420px}.viewer-empty-state{background:radial-gradient(ellipse at 50% 52%,#26382f 0,#172723 70%)}.viewer-controls{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.control-button{height:31px;padding:0 10px;border:1px solid #e8dfd1;background:#fffaf2;color:#657063;border-radius:6px;font-size:8px;font-weight:600}.control-button span:first-child{color:var(--orange);font-size:12px;margin-right:3px}.control-button:disabled{opacity:.46;cursor:not-allowed}.control-button:hover:not(:disabled){background:#fff1dd;border-color:#f0c9ad}.retry-button{border-color:#e8cabb;color:#a85339}.viewer-join-card{border:1px solid #eee4d5;background:#fffdf8;padding:15px 13px;border-radius:10px}.viewer-join-card .small-kicker{font-size:7px}.viewer-join-card h3{margin-top:7px;font-size:13px}.viewer-join-card>p{font-size:8px;line-height:1.6;color:#878579;margin:7px 0 13px}.viewer-join-card form{display:grid;gap:6px}.viewer-join-card form>label{font-size:8px;color:#535b51;font-weight:600;margin-top:5px}.viewer-join-card input{height:33px;width:100%;border:1px solid #e7dfd1;border-radius:6px;background:#fff;padding:0 9px;font-size:9px;outline:none;color:var(--ink)}.viewer-join-card input[name=room]{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase}.optional-label{color:#9c998d;font-weight:400}.viewer-pin-field{margin:3px 0 2px;padding:9px;background:#fff5e8}.viewer-pin-field label,.viewer-pin-field input{grid-column:1/-1}.join-button{width:100%;margin-top:5px;height:37px}.join-status{margin-top:11px;font-size:8px;line-height:1.5;color:#8c897e}.join-status.error{color:#b14f38}.join-status.good{color:#54815c}.connection-card{margin-top:11px;border:1px solid #eee4d5;border-radius:9px;background:#fffdf8;padding:12px 11px}.connection-title{display:flex;align-items:center;gap:7px;font-size:7px;color:#818477}.connection-pulse{width:6px;height:6px;background:#b8b2a1;border-radius:50%}.connection-pulse.connected{background:#48a16e;box-shadow:0 0 0 3px #48a16e18}.connection-pulse.pending{background:#e9a348;animation:pulse 1.5s infinite}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:13px}.metric>span{font-size:6px;color:#a09c8f;display:block}.metric>strong{font:11px var(--mono);color:#37483c;display:block;margin-top:4px}.metric>strong small{font-size:7px;color:#8c9185}.metric-footnote{font-size:6px;color:#a09c8f;line-height:1.5;margin:12px 0 0}.info-strip{margin:22px 0 0;padding:18px 20px;border:1px solid #eadfc9;background:#f9f0dd;border-radius:12px;display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:17px;align-items:center}.info-heading .small-kicker{font-size:7px}.info-title{display:block;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:-.5px;line-height:1.45}.info-step{display:flex;align-items:flex-start;gap:9px}.step-number{display:grid;place-items:center;width:25px;height:25px;background:#ffe5ce;color:var(--orange-deep);border-radius:7px;font:9px var(--mono);flex:none}.info-step strong{font-size:8px;display:block;margin:1px 0 4px}.info-step p{font-size:7px;line-height:1.5;color:#888679;margin:0}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 3px;color:#999487;font-size:7px}.footer-separator{color:var(--orange);padding:0 3px}.toast-region{position:fixed;z-index:20;right:18px;bottom:18px;display:grid;gap:8px;max-width:min(350px,calc(100vw - 36px))}.toast{background:#263a30;color:#fffaf0;border:1px solid #ffffff1e;padding:11px 14px;border-radius:8px;box-shadow:0 8px 30px #19231f33;font-size:10px;line-height:1.5;animation:toast-in .18s ease-out}.toast.error{background:#913e2d}.toast strong{display:block;margin-bottom:2px}.screen-stage.is-active,.viewer-stage.is-active{border-color:#52855e}.screen-stage.is-active video,.viewer-stage.is-active video{display:block}.screen-stage.is-active .empty-state,.viewer-stage.is-active .viewer-empty-state{display:none}.is-hidden-video{visibility:hidden}.live-indicator.is-error{color:#a8523d}.live-indicator.is-error .live-dot{animation:none}.room-code-box.active{background:#f2f7eb;border-color:#b9d2b5}.room-code-box.active .room-code{color:#345c39}.room-code-box.active .waiting-dot{background:#60a268}.viewer-request.is-approved{background:#f2f8ed}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 0 5px #46a66f10}}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1080px){.app-shell{grid-template-columns:196px minmax(0,1fr)}.sidebar{padding-left:17px;padding-right:15px}.studio-grid{grid-template-columns:minmax(0,1fr) 250px}.viewer-layout{grid-template-columns:minmax(0,1fr) 260px}.transmit-column,.viewer-main-column{padding:20px}.session-column,.viewer-side-column{padding:20px 15px}.content-wrap{padding-top:32px}.info-strip{gap:11px;padding:16px}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:63px;padding:10px 18px;border:0;border-bottom:1px solid #eadfc6;flex-direction:row;align-items:center;z-index:5}.brand{margin:0;height:42px}.sidebar-label,.side-nav,.sidebar-note,.sidebar-footer{display:none}.topbar{height:56px;padding:0 20px}.content-wrap{padding:27px 20px 20px}.hero-copy{margin-bottom:19px}.studio-grid,.viewer-layout{grid-template-columns:1fr}.session-column,.viewer-side-column{border-left:0;border-top:1px solid #efe8db}.session-column{padding:19px 20px}.room-code-box{min-height:78px}.viewer-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.notification-hint{margin-top:9px}.viewer-side-column{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.connection-card{margin-top:0}.info-strip{grid-template-columns:1fr 1fr}.info-heading{grid-column:1/-1;display:flex;align-items:center;gap:12px}.info-title{margin:0;font-size:12px}.page-footer{font-size:7px}.transmit-column,.viewer-main-column{padding:20px}.screen-stage{min-height:210px}.hero-copy h1{font-size:38px}}@media(max-width:540px){.topbar{padding:0 15px}.content-wrap{padding:23px 12px 15px}.hero-copy{margin-left:6px}.hero-copy h1{font-size:34px;letter-spacing:-1.8px}.hero-copy p{font-size:10px;max-width:320px}.eyebrow{font-size:8px}.card-topline{height:54px;padding:0 14px}.mode-tabs{gap:13px}.mode-tab{font-size:10px}.live-indicator{font-size:7px}.transmit-column,.viewer-main-column{padding:17px 13px}.section-heading h2{font-size:15px}.section-description{font-size:9px}.quality-pill{font-size:7px;padding:6px 7px}.screen-stage{aspect-ratio:16/10;min-height:185px}.option-row{gap:14px}.toggle-copy strong{font-size:8px}.toggle-copy small{font-size:7px}.action-row{gap:9px}.primary-button{font-size:9px;min-height:38px;padding:0 12px}.secure-caption{font-size:7px}.session-column{padding:16px 14px}.viewer-side-column{grid-template-columns:1fr;padding:12px}.connection-card{padding:12px}.info-strip{padding:13px;gap:13px}.info-step{gap:7px}.info-step strong{font-size:7px}.info-step p{font-size:6.5px}.step-number{width:22px;height:22px;font-size:8px}.info-title{font-size:11px}.page-footer{display:grid;gap:6px;padding:12px 3px}.brand-wordmark{font-size:17px}.notification-button{height:31px;font-size:9px}.notification-button svg{width:13px;height:13px}.pin-field-wrap{grid-template-columns:1fr;gap:6px}.pin-field-wrap>span{grid-column:1}.pin-field-wrap input{grid-column:1}.viewer-pin-field{grid-template-columns:1fr}.viewer-pin-field label,.viewer-pin-field input{grid-column:1}.room-code{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.host-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;padding:10px 6px;border:1px solid #eee6d9;border-radius:8px;background:#fffdf8}.host-metric{min-width:0;padding:0 8px}.host-metric+.host-metric{border-left:1px solid #eee7dc}.host-metric>span{display:block;font:6px var(--mono);letter-spacing:.07em;color:#9b998c}.host-metric>strong{display:block;margin-top:5px;color:#3d4f41;font:10px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-metric>strong small{font-size:7px;color:#8c9185}@media(max-width:540px){.host-metrics{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:11px;padding:9px 4px}.host-metric{padding:0 7px}.host-metric:nth-child(4){border-left:0}.host-metric:nth-child(3),.host-metric:nth-child(4),.host-metric:nth-child(5){padding-top:8px;border-top:1px solid #eee7dc}}.viewer-stage video.fill-view{object-fit:cover}.option-row{flex-wrap:wrap;align-items:center}.toggle-label:has(.switch-input:disabled){opacity:.58;cursor:not-allowed}.mic-mute{border-color:#ead8c9;color:#8b553f}.chat-panel{margin-top:14px;padding:11px;border:1px solid #eee4d5;border-radius:9px;background:#fffdf8}.chat-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-heading strong{font-size:9px;color:#37483c}.chat-heading>span{font:6px var(--mono);letter-spacing:.08em;color:#a19b8c}.chat-messages{height:190px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:#fffaf2;border:1px solid #f0e8dc;border-radius:7px;overscroll-behavior:contain}.chat-empty{margin:auto;text-align:center;color:#a09a8d;font-size:8px;line-height:1.6}.chat-message{max-width:95%;align-self:flex-start}.chat-message.is-mine{align-self:flex-end}.chat-meta{margin:0 0 3px 2px;color:#969082;font:7px var(--mono)}.chat-message.is-mine .chat-meta{text-align:right;margin-right:2px}.chat-bubble{margin:0;padding:7px 9px;border-radius:8px 8px 8px 2px;background:#f4eddf;color:#3e493e;font-size:8px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message.is-mine .chat-bubble{border-radius:8px 8px 2px;background:#ffe6d4;color:#623e2e}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:6px;margin-top:7px}.chat-form input{height:32px;min-width:0;border:1px solid #e8dfd1;border-radius:6px;padding:0 8px;background:#fff;font-size:8px;outline:none;color:var(--ink)}.chat-form input:focus{border-color:#f49b70;box-shadow:0 0 0 3px #ff6b3516}.chat-form input:disabled{background:#f8f4eb}.chat-form button{border:0;border-radius:6px;background:#304e3b;color:#fff;font-size:8px;font-weight:600}.chat-form button:disabled{opacity:.45;cursor:not-allowed}.share-screen-button:not(:disabled){color:#42694a;border-color:#c9dbc5;background:#f2f8ed}.share-screen-button:not(:disabled):hover{background:#e7f2e3}.viewer-share-status{min-height:12px;margin:6px 1px 0;color:#7f806f;font-size:8px;line-height:1.5}.viewer-share-status:empty{display:none}.share-request-card{grid-template-columns:26px 1fr}.share-request-card .request-actions{grid-column:1/-1}.share-request-card .approve-button{background:#e3743e}.return-source-button{border-color:#c7d5bd;color:#496344;background:#f5f9f1}@media(max-width:820px){.viewer-side-column .chat-panel{grid-column:1/-1}.session-column .chat-messages,.viewer-side-column .chat-messages{height:150px}.option-row .toggle-label{flex:1 1 170px}.session-column .chat-panel{margin-top:14px}}@media(max-width:540px){.option-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-row .toggle-label{min-width:0;gap:8px}.toggle-copy strong{font-size:7px}.toggle-copy small{font-size:6px}.chat-panel{padding:9px}.chat-messages{height:170px}.viewer-controls .share-screen-button{width:100%;height:36px}.viewer-share-status{font-size:7px}.mic-mute{font-size:8px}}.voice-audio-sink{position:fixed;left:-10000px;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.access-request-dialog{width:min(480px,calc(100vw - 28px));max-width:none;padding:0;border:1px solid #e9dcc8;border-radius:16px;background:#fffaf0;color:#26372f;box-shadow:0 24px 90px #101c1770}.access-request-dialog::backdrop{background:#18241ed1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.access-dialog-content{padding:26px}.access-dialog-content h2{margin:8px 0 5px;font-size:22px;letter-spacing:-.8px}.access-request-person{margin:0 0 12px;color:#c45b31;font-weight:700;font-size:14px}.access-dialog-content>p:not(.access-request-person){color:#777568;font-size:12px;line-height:1.65}.access-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.access-dialog-actions button{min-height:48px;border:0;border-radius:9px;font-size:12px;font-weight:700}.access-dialog-actions .deny-button{background:#eee8dc;color:#544e42}.access-dialog-actions .approve-button{background:#e3743e;color:#fff}.access-dialog-later{display:block;margin:12px auto 0;padding:8px;border:0;background:transparent;color:#74776b;font-size:11px;text-decoration:underline;text-underline-offset:3px}.access-dialog-actions button:focus-visible,.access-dialog-later:focus-visible,.voice-call-panel button:focus-visible{outline:3px solid #f4a177;outline-offset:3px}.host-voice-panel{margin:12px 0;padding:12px;border:1px solid #dce7d6;border-radius:9px;background:#f3f8ee}.host-voice-heading{display:flex;align-items:center;gap:8px}.host-voice-heading strong,.host-voice-heading small{display:block}.host-voice-heading strong{font-size:9px;color:#344c39}.host-voice-heading small{margin-top:3px;font-size:8px;color:#828374}.voice-live-dot{width:8px;height:8px;border-radius:50%;background:#4c9b61;box-shadow:0 0 0 4px #4c9b611c}.host-voice-actions{display:flex;gap:7px;margin-top:10px}.host-voice-actions button{min-height:34px;font-size:8px}.voice-call-button:not(:disabled){border-color:#d6dfcc;background:#f2f7eb;color:#496543}.voice-call-button:not(:disabled):hover{background:#e5efdc}.voice-call-status{min-height:14px;margin:5px 2px 0;color:#687669;font-size:9px;line-height:1.5}.voice-call-status:empty{display:none}.viewer-controls .voice-call-button,.viewer-controls #viewer-voice-mute,.viewer-controls #viewer-mic-mute{min-height:36px}@media(max-width:540px){.access-dialog-content{padding:22px 18px}.access-dialog-content h2{font-size:19px}.access-dialog-actions{grid-template-columns:1fr}.access-dialog-actions button{min-height:50px}.host-voice-actions{flex-wrap:wrap}.viewer-controls .voice-call-button{width:100%}}.control-button.audio-unlock-needed{background:#ffe4d4;border-color:var(--orange);color:#8f371e;font-weight:700}