:root{--room-bg:#070b12;--room-bg-elevated:#0d121c;--room-surface:#101622d1;--room-surface-hover:#182030eb;--room-border:#94a3b824;--room-border-strong:#94a3b83d;--room-text:#f1f5f9;--room-text-muted:#94a3b8;--room-text-subtle:#64748b;--room-accent:#38bdf8;--room-accent-soft:#38bdf824;--room-success:#34d399;--room-success-soft:#34d39929;--room-warning:#fbbf24;--room-warning-soft:#fbbf2424;--room-danger:#f87171;--room-danger-soft:#f8717129;--room-radius-sm:.5rem;--room-radius-md:.75rem;--room-radius-lg:1rem;--room-radius-pill:9999px;--room-shadow-sm:0 1px 2px #00000059;--room-shadow-md:0 10px 30px #00000059;--room-shadow-bar:0 -12px 40px #00000073;--room-control-bar-height:7.5rem;--room-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--room-bg);color:var(--room-text);font-family:var(--room-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button:not(:disabled){transition:background-color .14s,border-color .14s,color .14s,transform .12s,box-shadow .14s,opacity .14s}button:not(:disabled):active{transform:translateY(1px)}.room-shell{background:radial-gradient(1200px 600px at 10% -10%, #38bdf814, transparent 55%), radial-gradient(900px 500px at 90% 0%, #a78bfa0f, transparent 50%), var(--room-bg)}.room-header{border-bottom:1px solid var(--room-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b12b8;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.room-title{letter-spacing:0;margin:0;font-size:.95rem;font-weight:650}.room-subtitle{color:var(--room-text-subtle);margin:.15rem 0 0;font-size:.72rem}.room-header-link{color:var(--room-accent);font-weight:600;text-decoration:none}.room-header-link:hover{text-decoration:underline}.room-main-grid{flex:1;gap:1rem;min-height:0;padding:1rem;display:grid;position:relative;overflow:hidden}.room-main-grid>*{min-width:0}.room-stage{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent;flex-direction:column;gap:1rem;min-width:0;min-height:0;display:flex;overflow:hidden auto}.room-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.room-identity{color:var(--room-text);font-size:.875rem;font-weight:500}.room-chip{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);color:var(--room-text-muted);background:#ffffff08;align-items:center;gap:.35rem;padding:.28rem .62rem;font-size:.72rem;font-weight:600;display:inline-flex}.room-chip--listener{background:var(--room-accent-soft);color:#7dd3fc;border-color:#38bdf847}.room-btn-ghost{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);color:var(--room-text);cursor:pointer;background:#ffffff08;padding:.42rem .72rem;font-size:.75rem;font-weight:500}.room-btn-ghost:hover:not(:disabled){background:var(--room-surface-hover);border-color:var(--room-border-strong)}.room-btn-ghost:focus-visible{outline-offset:2px;outline:2px solid #38bdf899}.room-btn-ghost--danger{color:#fecaca;background:#7f1d1d59;border-color:#f8717159}.room-media-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:start;gap:.85rem;display:grid}.room-media-tile,.room-participant-tile{border-radius:var(--room-radius-md);border:1px solid var(--room-border);box-shadow:var(--room-shadow-sm);background:linear-gradient(#111827 0%,#0b1220 100%);overflow:hidden}.room-media-tile{aspect-ratio:16/9;isolation:isolate;background:#000;position:relative}.room-media-tile video{background:#000;width:100%;height:100%;display:block}.room-media-tile--screen{min-height:min(52vh,30rem)}.room-media-tile--direct{background:linear-gradient(#0f172a66,#0206171a),#000;border-color:#3b82f67a}.room-media-tile--speaking{border-color:#34d3998c;box-shadow:0 0 0 1px #34d3993d,0 14px 38px #10b98129}.room-participant-tile{aspect-ratio:16/9;color:var(--room-text-muted);justify-content:flex-start;align-items:center;gap:.65rem;padding:.8rem;font-size:.875rem;display:flex}.room-participant-tile--speaking{border-color:#34d39973;box-shadow:0 0 0 1px #34d39933,0 0 24px #34d3991f}.room-media-label{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;white-space:nowrap;background:#020617b8;max-width:calc(100% - 1.1rem);padding:.28rem .55rem;font-size:.72rem;font-weight:500;position:absolute;top:.55rem;left:.55rem;overflow:hidden}.room-media-audio-badge{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;white-space:nowrap;background:#020617c7;align-items:center;gap:.35rem;max-width:calc(100% - 1.1rem);padding:.3rem .58rem;font-size:.7rem;font-weight:650;display:inline-flex;position:absolute;bottom:.55rem;left:.55rem;overflow:hidden}.room-media-audio-badge .speaking-dot{margin-right:0}.room-media-audio-badge--live{color:#bbf7d0;background:#064e3bad;border-color:#34d3997a}.room-media-audio-badge--ready{color:#bae6fd;border-color:#38bdf852}.room-media-audio-badge--muted{color:#fecaca;background:#7f1d1d9e;border-color:#f871716b}.room-media-audio-badge--idle{color:var(--room-text-muted)}.room-participant-tile__avatar{color:#e2e8f0;background:#0f172ae0;border:1px solid #94a3b838;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;font-weight:750;display:inline-flex}.room-participant-tile__body{flex-direction:column;gap:.22rem;min-width:0;display:flex}.room-participant-tile__name{color:var(--room-text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.room-participant-tile__meta{min-width:0;color:var(--room-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:.72rem;font-weight:600;display:inline-flex;overflow:hidden}.room-empty-state{aspect-ratio:16/9;border-radius:var(--room-radius-md);border:1px dashed var(--room-border);color:var(--room-text-subtle);background:#ffffff05;justify-content:center;align-items:center;font-size:.8rem;display:flex}.room-banner{border-radius:var(--room-radius-md);border:1px solid var(--room-border);padding:.75rem .85rem;font-size:.8125rem}.room-banner--success{color:#bbf7d0;background:#064e3b47;border-color:#34d39947}.room-banner--warning{color:#fde68a;background:#78350f59;border-color:#fbbf2447}.room-sidebar{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent;flex-direction:column;gap:1rem;min-width:0;min-height:0;display:flex;overflow:hidden auto}.room-sidebar-overlay{top:3.5rem;left:.75rem;right:.75rem;bottom:calc(var(--room-control-bar-height) + .75rem);z-index:40;border-radius:var(--room-radius-lg);border:1px solid var(--room-border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--room-shadow-md);background:#080c14f0;padding:.85rem;position:fixed;overflow-y:auto}.room-panel{border-radius:var(--room-radius-md);border:1px solid var(--room-border);background:var(--room-surface);color:#cbd5e1;box-shadow:var(--room-shadow-sm);padding:.85rem;font-size:.8125rem}.room-panel h3{color:var(--room-text);letter-spacing:0;margin:0 0 .55rem;font-size:.875rem;font-weight:650}.room-panel input[type=text],.room-panel input[type=number]{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);width:100%;color:var(--room-text);background:#020617a6;padding:.5rem .65rem}.room-panel input[type=range]{width:100%;accent-color:var(--room-accent)}.room-control-bar{z-index:35;border-top:1px solid var(--room-border-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--room-shadow-bar);background:#080c14e0;flex-direction:column;flex-shrink:0;gap:.45rem;padding:.55rem .9rem .65rem;display:flex}.room-control-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.room-audio-strip{justify-content:center;align-items:stretch;gap:.55rem;min-width:0;display:flex}.room-audio-strip .voice-bar{flex:28rem;min-width:min(100%,18rem)}.room-listen-bar{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);background:#ffffff08;flex:28rem;justify-content:space-between;align-items:center;gap:.65rem;min-width:min(100%,18rem);padding:.42rem .65rem;line-height:1.2;display:flex}.room-listen-bar__headline{color:#bae6fd;white-space:nowrap;font-size:.72rem;font-weight:650}.room-listen-bar__meta{color:var(--room-text-subtle);white-space:nowrap;font-size:.68rem}.room-master-volume{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);min-width:10rem;color:var(--room-text-muted);background:#ffffff08;flex:0 12rem;margin:0;padding:.4rem .6rem}.room-master-volume__row{color:var(--room-text);justify-content:space-between;gap:.6rem;margin-bottom:.25rem;font-size:.68rem;font-weight:700;display:flex}.room-master-volume input{width:100%;accent-color:var(--room-accent);display:block}.room-master-volume__meta{color:var(--room-text-subtle);white-space:nowrap;margin-top:.12rem;font-size:.62rem;display:block}.room-audio-strip[data-incoming-muted=true] .room-master-volume{background:#7f1d1d33;border-color:#f8717152}.room-control-btn{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);min-height:2.35rem;color:var(--room-text);cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.room-control-btn:hover:not(:disabled){background:var(--room-surface-hover);border-color:var(--room-border-strong)}.room-control-btn:disabled{opacity:.55;cursor:not-allowed}.room-control-btn__icon{opacity:.92;width:1rem;height:1rem;display:inline-flex}.room-control-btn--active{background:var(--room-success-soft);color:#bbf7d0;border-color:#34d39966}.room-control-btn--transmitting{box-shadow:0 0 0 1px #34d3992e,0 0 18px #34d39938}.room-control-btn--muted{background:var(--room-danger-soft);color:#fecaca;border-color:#f8717173}.room-control-btn--deafen{color:#fed7aa;background:#7c2d1259;border-color:#fb923c66}.room-control-btn--leave{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;box-shadow:0 8px 20px #dc262647}.room-control-btn--leave:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)}.room-status-line{text-align:center;color:#7dd3fc;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.room-debug-summary{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge-pill{border-radius:var(--room-radius-pill);border:1px solid #0000;align-items:center;gap:.375rem;padding:.28rem .62rem;font-size:.72rem;font-weight:650;display:inline-flex}.badge-pill__dot{border-radius:50%;flex-shrink:0;width:.42rem;height:.42rem}.voice-bar{border-radius:var(--room-radius-pill);border:1px solid var(--room-border);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.42rem .65rem;font-size:.72rem;line-height:1.2;display:flex}.voice-bar__headline{white-space:nowrap;font-weight:650}.voice-bar__engine{color:var(--room-text-subtle);white-space:nowrap}.voice-bar__meter{border-radius:var(--room-radius-pill);background:#020617d9;border:1px solid #94a3b81f;flex:5rem;min-width:4.5rem;height:.42rem;position:relative;overflow:hidden}.voice-bar__meter-fill{border-radius:inherit;height:100%;transition:width 60ms linear}.voice-bar__meter-fill--idle{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.voice-bar__meter-fill--live{background:linear-gradient(90deg,#22c55e 0%,#34d399 100%);box-shadow:0 0 12px #34d39973}.voice-bar__gate-marker{background:#60a5fa;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 6px #60a5facc}.voice-bar__levels{color:var(--room-text-subtle);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.64rem}.voice-status-card{border-radius:var(--room-radius-md);min-width:0;margin-bottom:.75rem;padding:.7rem .75rem;font-size:.75rem}.voice-status-card--compact{margin-bottom:0;padding:.5rem .6rem;font-size:.68rem}.voice-status-card__header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem;display:flex}.voice-status-card__headline{white-space:nowrap;font-weight:650}.voice-status-card__engine{color:var(--room-text-subtle);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:.68rem;overflow:hidden}.voice-status-card__detail{white-space:nowrap;text-overflow:ellipsis;opacity:.92;min-height:1.15rem;margin:0 0 .5rem;line-height:1.15rem;overflow:hidden}.voice-status-card__grid{color:var(--room-text-subtle);grid-template-columns:1fr 1fr;gap:.25rem .5rem;margin-bottom:.55rem;font-size:.68rem;display:grid}.voice-status-card__meter-block{margin-top:.15rem}.voice-status-card__meter{border-radius:var(--room-radius-pill);background:#00000059;height:.45rem;position:relative;overflow:hidden}.voice-status-card__meter--compact{height:.35rem}.voice-status-card__meter-fill{border-radius:inherit;height:100%;transition:width 80ms linear}.voice-status-card__gate-marker{background:#60a5fa;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 6px #60a5facc}.voice-status-card__meter-row{white-space:nowrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.voice-status-card__levels,.voice-status-card__gate{font-variant-numeric:tabular-nums;color:var(--room-text-subtle);font-size:.68rem}.voice-status-card__levels{flex:0 0 9.75rem}.voice-status-card__gate{text-align:right;flex-shrink:0;min-width:5.75rem}.room-chat-sidebar{isolation:isolate;flex-direction:column;min-width:0;max-width:100%;min-height:0;display:flex;overflow:hidden}.room-sidebar-overlay--left{width:min(320px,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);left:.75rem;right:auto}.room-chat{border-radius:var(--room-radius-md);border:1px solid var(--room-border);background:var(--room-surface);height:100%;min-height:0;box-shadow:var(--room-shadow-sm);flex-direction:column;display:flex;overflow:hidden}.room-chat__header{border-bottom:1px solid var(--room-border);flex-shrink:0;padding:.75rem .85rem .55rem}.room-chat__title{color:var(--room-text);letter-spacing:0;margin:0;font-size:.875rem;font-weight:650}.room-chat__subtitle{color:var(--room-text-subtle);margin:.25rem 0 0;font-size:.68rem;line-height:1.35}.room-chat__messages{scrollbar-width:thin;scrollbar-color:#94a3b859 transparent;flex-direction:column;flex:1;gap:.55rem;min-height:0;padding:.65rem .75rem;display:flex;overflow-y:auto}.room-chat__empty{text-align:center;color:var(--room-text-subtle);margin:auto 0;font-size:.78rem}.room-chat__message{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);background:#ffffff08;padding:.45rem .55rem}.room-chat__message--own{background:#38bdf814;border-color:#38bdf840}.room-chat__meta{color:var(--room-text-subtle);justify-content:space-between;gap:.5rem;margin-bottom:.2rem;font-size:.65rem;display:flex}.room-chat__author{color:var(--room-text-muted);font-weight:600}.room-chat__body{word-break:break-word;color:var(--room-text);margin:0;font-size:.78rem;line-height:1.4}.room-chat__composer{border-top:1px solid var(--room-border);flex-shrink:0;gap:.45rem;padding:.65rem .75rem;display:flex}.room-chat__input{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);min-width:0;color:var(--room-text);background:#020617a6;flex:1;padding:.5rem .65rem;font-size:.78rem}.room-chat__input:focus{border-color:#38bdf88c;outline:none;box-shadow:0 0 0 3px #38bdf826}.room-chat__send{border-radius:var(--room-radius-sm);background:var(--room-accent-soft);color:#7dd3fc;cursor:pointer;border:1px solid #38bdf859;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.room-chat__send:hover:not(:disabled){background:#38bdf82e}.room-chat__send:disabled{opacity:.45;cursor:not-allowed}.room-chat__error{color:#fca5a5;margin:0;padding:0 .75rem .5rem;font-size:.68rem}.speaking-dot{background:#334155;border-radius:50%;width:.5rem;height:.5rem;margin-right:.45rem;display:inline-block}.speaking-dot--active{background:#34d399;box-shadow:0 0 10px #34d399a6}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-nav{border-bottom:1px solid var(--room-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b12e0;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.1rem;display:flex}.site-nav__brand{color:var(--room-text);letter-spacing:0;font-size:.88rem;font-weight:700;text-decoration:none}.site-nav__actions{align-items:center;gap:.6rem;display:flex}.site-nav__links{gap:.45rem;display:flex}.site-nav__link{border-radius:var(--room-radius-pill);color:var(--room-text-muted);border:1px solid #0000;padding:.35rem .65rem;font-size:.76rem;font-weight:600;text-decoration:none}.site-nav__link--active,.site-nav__link:hover{color:#bae6fd;background:var(--room-accent-soft);border-color:#38bdf847}.language-switch{border:1px solid var(--room-border);border-radius:var(--room-radius-pill);background:#ffffff08;align-items:center;padding:.12rem;display:inline-flex}.language-switch__button{border-radius:var(--room-radius-pill);min-width:2rem;color:var(--room-text-subtle);cursor:pointer;background:0 0;border:0;padding:.24rem .45rem;font-size:.68rem;font-weight:700}.language-switch__button--active{background:var(--room-accent-soft);color:#bae6fd}.language-switch__button:focus-visible{outline-offset:2px;outline:2px solid #38bdf899}.site-shell__body{flex-direction:column;flex:1;display:flex}.site-footer{text-align:center;padding:.85rem 1.1rem 1.1rem}.landing-page{background:radial-gradient(900px 500px at 50% -10%, #38bdf81f, transparent 60%), var(--room-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.landing-card{border-radius:var(--room-radius-lg);border:1px solid var(--room-border);background:var(--room-surface);width:100%;max-width:420px;box-shadow:var(--room-shadow-md);padding:1.35rem}.landing-title{letter-spacing:0;margin:0;font-size:1.65rem;font-weight:700}.landing-subtitle{color:var(--room-text-muted);margin:.35rem 0 0;font-size:.92rem}.landing-capabilities{flex-wrap:wrap;gap:.35rem;margin-top:.85rem;display:flex}.landing-cap{border-radius:var(--room-radius-pill);background:var(--room-success-soft);color:#bbf7d0;border:1px solid #34d39947;padding:.22rem .55rem;font-size:.68rem;font-weight:650}.landing-tip--inline{max-width:420px}.landing-link{color:var(--room-accent);font-weight:600;text-decoration:none}.landing-link:hover{text-decoration:underline}.landing-form{flex-direction:column;gap:.8rem;margin-top:1.25rem;display:flex}.landing-actions{grid-template-columns:1fr;gap:.65rem;display:grid}.landing-label{color:var(--room-text-muted);font-size:.82rem;font-weight:600}.landing-input{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);color:var(--room-text);background:#020617a6;padding:.72rem .9rem;font-size:.95rem}.landing-input:focus{border-color:#38bdf88c;outline:none;box-shadow:0 0 0 3px #38bdf826}.landing-btn-primary{border-radius:var(--room-radius-sm);color:#082f49;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border:none;padding:.78rem 1rem;font-weight:700}.landing-btn-secondary{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);color:var(--room-text);cursor:pointer;background:#ffffff08;padding:.78rem 1rem;font-weight:600}.landing-tip{color:var(--room-text-subtle);text-align:center;max-width:420px;margin:0;font-size:.82rem;line-height:1.45}.landing-error{color:var(--room-danger);margin:0;font-size:.85rem}.join-room{background:radial-gradient(900px 500px at 50% -10%, #38bdf81f, transparent 60%), var(--room-bg);flex-direction:column;min-height:100vh;display:flex}.join-room__body{flex:1;justify-content:center;align-items:center;padding:1.25rem;display:flex}.join-room__card{border-radius:var(--room-radius-lg);border:1px solid var(--room-border);background:var(--room-surface);width:100%;max-width:420px;box-shadow:var(--room-shadow-md);padding:1.35rem}.join-room__meta{color:var(--room-text-subtle);margin:0;font-size:.72rem;line-height:1.4}.join-room__checkbox{color:var(--room-text-muted);cursor:pointer;align-items:flex-start;gap:.55rem;font-size:.82rem;line-height:1.35;display:flex}.join-room__checkbox input{accent-color:var(--room-accent);margin-top:.15rem}.join-room__security{border-radius:var(--room-radius-sm);background:#0f172a6b;border:1px solid #94a3b824;flex-direction:column;gap:.55rem;padding:.7rem;display:flex}.join-room__security .join-room__checkbox{margin-bottom:0}.join-room__security-actions{flex-wrap:wrap;gap:.4rem;display:flex}.join-room__security-status,.room-media-e2ee-note{color:var(--room-text-subtle);margin:0;font-size:.72rem;line-height:1.4}.join-room__security-status--ready,.room-media-e2ee-note--ready{color:#86efac}.join-room__security-status--initializing,.room-media-e2ee-note--initializing{color:#bae6fd}.join-room__security-status--error,.join-room__security-status--unsupported,.room-media-e2ee-note--error,.room-media-e2ee-note--unsupported{color:#fca5a5}.room-toast{z-index:9999;border-radius:var(--room-radius-md);color:#fee2e2;max-width:480px;box-shadow:var(--room-shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#450a0aeb;border:1px solid #f8717173;align-items:center;gap:.65rem;margin:0 auto;padding:.65rem .8rem;font-size:.8rem;display:flex;position:fixed;top:.85rem;left:.85rem;right:.85rem}.room-toast__action{border-radius:var(--room-radius-sm);color:#fee2e2;cursor:pointer;background:#7f1d1da6;border:1px solid #fca5a573;flex-shrink:0;padding:.35rem .65rem;font-size:.75rem;font-weight:600}.room-connecting-banner{border-radius:var(--room-radius-md);background:var(--room-warning-soft);color:#fde68a;border:1px solid #fbbf2447;align-items:center;gap:.55rem;padding:.55rem .75rem;font-size:.8rem;display:flex}.room-connecting-banner__spinner{border:2px solid #fde68a40;border-top-color:#fde68a;border-radius:50%;width:.85rem;height:.85rem;animation:.8s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}.cap-chip{border-radius:var(--room-radius-pill);letter-spacing:.02em;border:1px solid var(--room-border);align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.64rem;font-weight:650;display:inline-flex}.cap-chip--ready{background:var(--room-success-soft);color:#86efac;border-color:#34d39947}.cap-chip--experimental{color:#d8b4fe;background:#2e106573;border-color:#a78bfa47}.cap-chip--off{color:var(--room-text-subtle);background:#ffffff08}.cap-chip__dot{opacity:.85;background:currentColor;border-radius:50%;width:.35rem;height:.35rem}.cap-chip--off .cap-chip__dot{opacity:1;background:#475569}.room-segment{margin-bottom:.75rem}.room-segment__label{color:var(--room-text-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.room-segment__options{flex-wrap:wrap;gap:.35rem;display:flex}.room-segment__btn{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);color:var(--room-text-muted);cursor:pointer;background:#ffffff08;padding:.38rem .62rem;font-size:.72rem;font-weight:600}.room-segment__btn--active{background:var(--room-accent-soft);color:#bae6fd;border-color:#38bdf873}.room-segment__btn:focus-visible{outline-offset:2px;outline:2px solid #38bdf899}.room-help{color:var(--room-text-subtle);margin:0 0 .75rem;font-size:.72rem;line-height:1.45}.room-checkbox-row{color:var(--room-text-muted);cursor:pointer;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.room-panel--voice{padding:.7rem}.room-panel__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.room-panel__header h3{margin:0}.room-btn-ghost--compact{padding:.3rem .55rem;font-size:.72rem}.room-btn-ghost--active{background:var(--room-success-soft);color:#bbf7d0;border-color:#34d39959}.room-voice-actions{flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem;display:flex}.room-audio-result{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);color:var(--room-text-muted);background:#ffffff08;gap:.18rem;margin-bottom:.65rem;padding:.48rem .55rem;font-size:.7rem;line-height:1.25;display:grid}.room-audio-result strong{color:var(--room-text);font-size:.72rem}.room-audio-result--good{background:#16653429;border-color:#34d39940}.room-audio-result--warn{background:#78350f33;border-color:#f59e0b47}.room-audio-result--poor{background:#7f1d1d2e;border-color:#f871714d}.room-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.75rem;display:grid}.room-profile-btn{border-radius:var(--room-radius-sm);border:1px solid var(--room-border);min-height:2.35rem;color:var(--room-text-muted);cursor:pointer;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;padding:.45rem .35rem;font-size:.74rem;font-weight:650;display:flex}.room-profile-btn--active{background:var(--room-accent-soft);color:#bae6fd;border-color:#38bdf873}.room-profile-btn:focus-visible{outline-offset:2px;outline:2px solid #38bdf899}.room-ptt-key-input{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.room-ptt-key-input input{text-align:center;border-radius:.375rem;width:3rem;padding:.35rem}.room-checkbox-row input{accent-color:var(--room-accent)}.room-range-label{color:var(--room-text-muted);justify-content:space-between;margin-bottom:.25rem;font-size:.78rem;display:flex}.room-debug-panel{color:var(--room-text-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.45}@media (max-width:720px){:root{--room-control-bar-height:9rem}.room-header{padding:.65rem .8rem}.room-title{font-size:.85rem}.room-subtitle{display:none}.room-main-grid{gap:.75rem;padding:.75rem}.room-media-grid{grid-template-columns:1fr}.room-media-tile--screen{min-height:auto}.room-media-audio-badge{font-size:.66rem}.room-audio-strip{flex-direction:column;gap:.4rem}.room-audio-strip .voice-bar,.room-listen-bar,.room-master-volume{flex:auto;width:100%;min-width:0}.room-master-volume__meta,.room-control-btn__label{display:none}.room-control-btn{min-width:2.65rem;min-height:2.65rem;padding:.5rem}.room-control-btn--leave .room-control-btn__label{display:inline}.room-control-btn--leave{min-width:auto;padding:.5rem .75rem}.voice-bar__engine{display:none}}@media (prefers-reduced-motion:reduce){.room-connecting-banner__spinner{border-top-color:#fde68a8c;animation:none}button:not(:disabled),.voice-bar__meter-fill{transition:none}}.sovereign-trust{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.sovereign-trust--compact{border-radius:var(--room-radius-md);border:1px solid var(--room-border);background:#0f172a85;width:min(520px,100%);margin-bottom:1rem;padding:1rem}.sovereign-trust__eyebrow{color:var(--room-text-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem}.sovereign-trust__title{letter-spacing:0;margin:.35rem 0 0;font-size:3.25rem;line-height:1}.sovereign-trust__lede{max-width:36rem;color:var(--room-text-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.sovereign-trust__list{color:#cbd5e1;border-top:1px solid var(--room-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:1.25rem 0 0;padding:0;font-size:.86rem;line-height:1.45;list-style:none;display:grid}.sovereign-trust__list li{border-bottom:1px solid var(--room-border);padding:.78rem .9rem .78rem 1.2rem;position:relative}.sovereign-trust__list li:before{content:"";background:var(--room-success);border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:1.16rem;left:0}.sovereign-trust--compact .sovereign-trust__title{font-size:1.2rem;line-height:1.2}.sovereign-trust--compact .sovereign-trust__lede{font-size:.86rem}.sovereign-trust--compact .sovereign-trust__list{margin-top:.85rem;display:block}.sovereign-trust--compact .sovereign-trust__list li{padding-right:0}.sovereign-trust__policy{color:var(--room-text-muted);margin:.75rem 0 0;font-size:.82rem}.sovereign-trust__badges{flex-wrap:wrap;gap:.35rem;margin-top:.65rem;display:flex}.sovereign-trust__badge{border-radius:var(--room-radius-pill);text-transform:uppercase;letter-spacing:.04em;color:#bbf7d0;background:var(--room-success-soft);border:1px solid #34d39959;padding:.15rem .55rem;font-size:.68rem}.landing-page--home{background:linear-gradient(#94a3b809 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#94a3b809 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#070b12 0%,#090d12 50%,#05070a 100%);justify-content:flex-start;align-items:stretch;gap:1rem;padding:2.25rem}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:center;gap:3rem;width:min(1120px,100%);min-height:calc(100svh - 12rem);margin:0 auto;display:grid}.landing-hero__copy{min-width:0}.landing-room-panel{border:1px solid var(--room-border-strong);border-radius:var(--room-radius-md);width:100%;box-shadow:var(--room-shadow-md);background:#070b12db;padding:1.15rem}.landing-panel__header{border-bottom:1px solid var(--room-border);padding-bottom:.95rem}.landing-panel__eyebrow{color:var(--room-success);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:700}.landing-proof{border-top:1px solid var(--room-border);border-bottom:1px solid var(--room-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(1120px,100%);margin:0 auto;display:grid}.landing-proof__item{border-right:1px solid var(--room-border);min-width:0;padding:.95rem}.landing-proof__item:last-child{border-right:0}.landing-proof__item span{color:var(--room-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.landing-proof__item strong{color:var(--room-text);margin-top:.25rem;font-size:.95rem;display:block}.landing-proof__item p{color:var(--room-text-muted);margin:.3rem 0 0;font-size:.78rem;line-height:1.45}@media (max-width:900px){.landing-page--home{padding:1.25rem}.site-nav{flex-wrap:wrap;gap:.6rem;padding:.6rem .75rem}.site-nav__brand{white-space:nowrap;font-size:.82rem}.site-nav__links{gap:.25rem}.site-nav__link{white-space:nowrap;padding:.32rem .5rem;font-size:.72rem}.site-nav__actions{gap:.35rem;margin-left:auto}.language-switch__button{min-width:1.8rem;padding-inline:.35rem}.landing-hero{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.landing-room-panel{order:-1}.sovereign-trust__title{font-size:2.35rem}.sovereign-trust__list,.landing-proof{grid-template-columns:1fr}.landing-proof__item{border-right:0;border-bottom:1px solid var(--room-border)}.landing-proof__item:last-child{border-bottom:0}}.zen-gate{border-radius:var(--room-radius-md);background:linear-gradient(#0f172a99,#0f172a4d);border:1px solid #94a3b814;margin:.75rem 0 1rem;padding:.85rem .7rem}.zen-gate__top{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.zen-gate__label{color:var(--room-text);letter-spacing:.02em;font-size:.78rem;font-weight:600}.zen-gate__badge{border-radius:var(--room-radius-pill);color:var(--room-text-muted);background:#94a3b826;padding:.2rem .55rem;font-size:.68rem;font-weight:600;transition:all .4s}.zen-gate__badge--open{color:#86efac;background:#34d39933;box-shadow:0 0 12px #34d39926}.zen-gate__badge--learning{color:#fde68a;background:#fbbf2433;animation:2.4s ease-in-out infinite zen-gate-breathe}@keyframes zen-gate-breathe{0%,to{opacity:.7;box-shadow:0 0 4px #fbbf241a}50%{opacity:1;box-shadow:0 0 16px #fbbf2440}}.zen-gate__track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--room-radius-sm);height:2.4rem;position:relative;overflow:visible}.zen-gate__track-bg{background:linear-gradient(90deg,#38bdf840 0%,#34d39933 40%,#fbbf2440 70%,#f871714d 100%);border-radius:.25rem;height:.5rem;position:absolute;inset:.85rem 0;box-shadow:inset 0 1px 2px #0000004d}.zen-gate__track-fill{pointer-events:none;background:linear-gradient(90deg,#38bdf88c 0%,#34d39980 50%,#fbbf248c 100%);border-radius:.25rem;height:.5rem;transition:width .15s ease-out;position:absolute;top:.85rem;left:0}.zen-gate__track--dragging .zen-gate__track-fill{transition:none}.zen-gate__track--learning .zen-gate__track-bg{animation:2.4s ease-in-out infinite zen-gate-track-pulse}@keyframes zen-gate-track-pulse{0%,to{opacity:.7}50%{opacity:1}}.zen-gate__thumb{pointer-events:none;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border:2px solid #ffffffe6;border-radius:50%;width:1.1rem;height:1.1rem;margin-top:-.55rem;margin-left:-.55rem;transition:transform .2s,box-shadow .3s;position:absolute;top:50%;box-shadow:0 2px 8px #0006,0 0 0 4px #38bdf826}.zen-gate__thumb--dragging{transform:scale(1.25);box-shadow:0 4px 16px #00000080,0 0 0 6px #38bdf840}.zen-gate__thumb--open{background:linear-gradient(135deg,#86efac,#bbf7d0);box-shadow:0 2px 8px #0006,0 0 0 4px #34d3994d}.zen-gate__tooltip{border-radius:var(--room-radius-sm);color:var(--room-text);white-space:nowrap;opacity:0;pointer-events:none;background:#0f172aeb;border:1px solid #94a3b833;padding:.3rem .6rem;font-size:.72rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)translateY(4px)}.zen-gate__tooltip--visible{opacity:1;transform:translate(-50%)translateY(0)}.zen-gate__ticks{pointer-events:none;position:absolute;inset:0}.zen-gate__tick{background:#94a3b833;border-radius:1px;width:2px;height:.25rem;transition:background .3s;position:absolute;top:.6rem}.zen-gate__tick--active{background:#94a3b880}.zen-gate__bottom{justify-content:space-between;margin-top:.4rem;display:flex}.zen-gate__hint{color:var(--room-text-subtle);font-size:.68rem;font-weight:500}.room-toggle{color:var(--room-text);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.78rem;display:flex}.room-toggle__btn{cursor:pointer;background:#94a3b840;border:none;border-radius:.675rem;width:2.4rem;height:1.35rem;padding:0;transition:background .3s;position:relative}.room-toggle__btn--on{background:#38bdf88c}.room-toggle__btn:focus-visible{outline-offset:2px;outline:2px solid #38bdf899}.room-toggle__thumb{background:#e2e8f0;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .25s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 3px #0000004d}.room-toggle__btn--on .room-toggle__thumb{transform:translate(1.05rem)}.room-advanced{border-radius:var(--room-radius-md);background:#0f172a66;border:1px solid #94a3b814;margin-top:.75rem;padding:.75rem .6rem;animation:.2s room-advanced-fade-in}@keyframes room-advanced-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.room-capitalize{text-transform:capitalize}
