:root{--color-brand-50:#fff1f4;--color-brand-100:#ffe4e9;--color-brand-200:#fecdd8;--color-brand-300:#fda4b8;--color-brand-400:#fb718f;--color-brand-500:#f43f68;--color-brand-600:#e11d4d;--color-brand-700:#be123d;--color-brand-800:#9f1238;--color-brand-900:#881337;--color-brand:var(--color-brand-500);--color-brand-hover:var(--color-brand-400);--color-brand-active:var(--color-brand-600);--color-brand-soft:#f43f681f;--color-brand-border:#f43f6859;--color-background:#07080c;--color-background-elevated:#0b0d13;--color-surface-1:#10131b;--color-surface-2:#161a24;--color-surface-3:#1d2230;--color-surface-hover:#242a39;--color-overlay:#000000b8;--color-video-background:#020204;--color-text-primary:#f8fafc;--color-text-secondary:#b6bdca;--color-text-muted:#7f899a;--color-text-disabled:#596273;--color-text-on-brand:#fff;--color-text-inverse:#090a0e;--color-border-subtle:#ffffff14;--color-border:#ffffff24;--color-border-strong:#ffffff3d;--color-focus:#fb718f;--color-success:#22c55e;--color-success-soft:#22c55e21;--color-success-border:#22c55e5c;--color-warning:#f59e0b;--color-warning-soft:#f59e0b24;--color-warning-border:#f59e0b61;--color-error:#ef4444;--color-error-soft:#ef444424;--color-error-border:#ef444461;--color-info:#3b82f6;--color-info-soft:#3b82f624;--color-info-border:#3b82f661;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-full:9999px;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 4px 12px #0000003d;--shadow-md:0 12px 28px #00000052;--shadow-lg:0 22px 55px #0000006b;--shadow-brand:0 12px 35px #f43f6833;--shadow-focus:0 0 0 3px #fb718f47;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--content-width:80rem;--content-width-narrow:48rem;--header-height:4.5rem;--sidebar-width:17rem;--mobile-navigation-height:4.25rem;--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-dialog:400;--z-toast:500;--duration-fast:.12s;--duration-normal:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized:cubic-bezier(.2, .8, .2, 1);--breakpoint-mobile:30rem;--breakpoint-tablet:48rem;--breakpoint-laptop:64rem;--breakpoint-desktop:80rem;--breakpoint-wide:96rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
@keyframes screaming-spin{to{transform:rotate(360deg)}}@keyframes screaming-pulse{0%,to{opacity:1}50%{opacity:.48}}@keyframes screaming-connection-pulse{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 .5rem #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes screaming-incoming-call{0%,to{transform:scale(1);box-shadow:0 0 #f43f685c}50%{transform:scale(1.04);box-shadow:0 0 0 .8rem #f43f6800}}@keyframes screaming-dialog-enter{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes screaming-toast-enter{0%{opacity:0;transform:translate(1rem,-.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes screaming-toast-exit{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(1rem)}}@keyframes screaming-warning{0%,to{border-color:var(--color-warning-border);background-color:var(--color-warning-soft)}50%{border-color:var(--color-warning);background-color:#f59e0b38}}@keyframes screaming-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border-radius:var(--radius-full);border:.15rem solid #ffffff38;border-top-color:currentColor;width:1.25rem;height:1.25rem;animation:.7s linear infinite screaming-spin}.loading-pulse{animation:1.5s ease-in-out infinite screaming-pulse}.skeleton{color:#0000;background-image:linear-gradient(90deg, var(--color-surface-2) 20%, var(--color-surface-3) 45%, var(--color-surface-2) 70%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite screaming-skeleton}.dialog-enter{animation:screaming-dialog-enter var(--duration-normal) var(--ease-emphasized)}.toast-enter{animation:screaming-toast-enter var(--duration-normal) var(--ease-emphasized)}.toast-exit{animation:screaming-toast-exit var(--duration-fast) var(--ease-standard) forwards}.connection-live{animation:1.8s ease-out infinite screaming-connection-pulse}.incoming-call{animation:1.35s ease-in-out infinite screaming-incoming-call}.session-ending-warning{animation:1.2s ease-in-out infinite screaming-warning}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.video-room{width:100%;height:100dvh;min-height:32rem;color:var(--color-text-primary);background:var(--color-video-background);isolation:isolate;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.video-room__header{z-index:var(--z-raised);gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#07080ce0;justify-content:space-between;align-items:center;display:flex;position:relative}.video-room__title{min-width:0}.video-room__title h1{font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.video-room__title p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-room__status{gap:var(--space-2);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;display:flex}.video-room__timer,.video-room__connection,.room-connection-status{gap:var(--space-2);min-height:2rem;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);align-items:center;padding:.35rem .7rem;display:inline-flex}.video-room__timer--warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:var(--color-warning-border)}.video-room__timer--ending{color:#fff;background:var(--color-error);border-color:var(--color-error)}.video-room__connection-dot,.room-connection-status__dot{background:var(--color-text-muted);border-radius:var(--radius-full);flex:none;width:.5rem;height:.5rem}.video-room__connection--connected .video-room__connection-dot,.room-connection-status--success .room-connection-status__dot{background:var(--color-success)}.video-room__connection--connecting .video-room__connection-dot,.room-connection-status--warning .room-connection-status__dot{background:var(--color-warning)}.video-room__connection--disconnected .video-room__connection-dot,.room-connection-status--error .room-connection-status__dot{background:var(--color-error)}.video-room__body,.video-room__content{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.video-room__content--chat-open{grid-template-columns:minmax(0,1fr) minmax(18rem,23rem)}.video-room__stage{background:radial-gradient(circle at center, #151821 0%, #050507 72%), var(--color-video-background);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.video-room__remote{position:absolute;inset:0}.video-room__remote video,.video-room__local video{object-fit:cover;background:var(--color-video-background);width:100%;height:100%}.video-room__remote video[data-fit=contain]{object-fit:contain}.room-video-panel{background:radial-gradient(circle,#212532f5,#050508);min-width:0;min-height:0;position:relative;overflow:hidden}.room-video-panel--local,.video-room__local-video{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-raised);aspect-ratio:16/10;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:clamp(7rem,22vw,14rem);height:auto;box-shadow:var(--shadow-lg);position:absolute;overflow:hidden}.room-video-panel video{object-fit:cover;background:var(--color-video-background);width:100%;height:100%;display:block}.room-video-panel__video--hidden{opacity:0;visibility:hidden}.room-video-panel__placeholder{gap:var(--space-3);padding:var(--space-4);color:var(--color-text-secondary);text-align:center;background:radial-gradient(circle, #f43f6817, transparent 65%), var(--color-surface-2);place-content:center;place-items:center;display:grid;position:absolute;inset:0}.room-video-panel__label,.video-room__local-label,.video-room__participant-label{bottom:var(--space-2);left:var(--space-2);z-index:2;max-width:calc(100% - var(--space-4));color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#0000009e;padding:.3rem .55rem;position:absolute;overflow:hidden}.video-room__connecting{top:var(--space-4);z-index:5;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#000000b3;position:absolute;left:50%;transform:translate(-50%)}.video-room__waiting,.video-room__disconnected{z-index:6;padding:var(--space-6);text-align:center;background:radial-gradient(circle,#f43f681a,#0000 24rem),#020204e6;place-items:center;display:grid;position:absolute;inset:0}.video-room__state-card{width:min(100%,28rem);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#10131beb}.video-room__state-card h2{margin-bottom:var(--space-3);font-size:var(--font-size-2xl)}.video-room__state-card p{margin-bottom:var(--space-6)}.video-room__disconnected .video-room__state-card{border-color:var(--color-error-border)}.waiting-room{gap:var(--space-6);width:min(100% - 2rem,80rem);min-height:100dvh;padding:var(--space-6);grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);align-items:center;margin-inline:auto;display:grid}.waiting-room__preview{aspect-ratio:16/10;background:var(--color-video-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-lg);overflow:hidden}.waiting-room__preview .room-video-panel{width:100%;height:100%}.waiting-room__settings{min-width:0}.waiting-room__summary{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.waiting-room__summary>div{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:grid}.waiting-room__summary span{color:var(--color-text-muted);font-size:var(--font-size-xs)}.waiting-room__devices{gap:var(--space-4);margin-bottom:var(--space-4);display:grid}.waiting-room__tests{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.waiting-room__safety{gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);align-items:flex-start;display:flex}.waiting-room__safety svg{color:var(--color-success);flex:none}.waiting-room__safety p{margin:0}.video-room__alert,.video-room__warning,.video-room__extension-alert{padding:var(--space-3) var(--space-4);color:var(--color-warning);border:1px solid var(--color-warning-border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#181309f0}.video-room__warning{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.video-room__warning p{margin:var(--space-1) 0 0}.video-room__extension-alert{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-2))}.video-room__alert--error{color:#fecaca;border-color:var(--color-error-border);background:#23090cf0}.call-controls__chat-icon{place-items:center;display:inline-grid;position:relative}.call-controls__chat-badge{color:#fff;background:var(--color-error);border:2px solid var(--color-surface-1);pointer-events:none;border-radius:999px;place-items:center;min-width:1.15rem;height:1.15rem;padding-inline:.22rem;font-size:.65rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-.65rem;right:-.75rem}.video-room__chat,.session-chat{border-left:1px solid var(--color-border);background:#10131bf7;min-width:0;min-height:0}.video-room__chat{z-index:20;visibility:hidden;width:min(100%,23rem);box-shadow:var(--shadow-lg);transition:transform var(--duration-normal) var(--ease-emphasized), visibility var(--duration-normal);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset:0 0 0 auto;transform:translate(100%)}.video-room__chat--open{visibility:visible;transform:translate(0)}.session-chat{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.video-room__chat-header,.session-chat__header{padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.session-chat__header h2{font-size:var(--font-size-lg);margin:0}.session-chat__header p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.video-room__messages,.session-chat__messages{gap:var(--space-3);min-height:0;padding:var(--space-4);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.session-chat__empty{color:var(--color-text-muted);text-align:center;margin:auto}.video-room__message,.session-chat__message{max-width:88%;padding:var(--space-3);color:var(--color-text-primary);overflow-wrap:anywhere;background:var(--color-surface-3);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--radius-xs);align-self:flex-start}.video-room__message--own,.session-chat__message--own{background:var(--color-brand-700);border-radius:var(--radius-md) var(--radius-md) var(--radius-xs) var(--radius-md);align-self:flex-end}.session-chat__message>div{gap:var(--space-3);color:#ffffffb8;font-size:var(--font-size-xs);justify-content:space-between;display:flex}.session-chat__message p{margin:var(--space-2) 0 0}.session-chat__message small{margin-top:var(--space-1);color:#ffffff9e;font-size:var(--font-size-xs);text-align:right;text-transform:capitalize;display:block}.video-room__chat-form,.session-chat__form{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.video-room__footer{z-index:var(--z-raised);gap:var(--space-4);min-width:0;padding:var(--space-3) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-3), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));border-top:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#07080ceb;justify-content:space-between;align-items:center;display:flex;position:relative}.video-room__controls,.call-controls,.video-room__session-actions,.room-safety-actions,.extend-session__actions,.room-report-form__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.video-room__controls,.call-controls{justify-content:center}.video-room__session-actions{justify-content:flex-start}.room-safety-actions{justify-content:center}.video-room__control{width:3rem;height:3rem;color:var(--color-text-primary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:none;place-items:center;display:inline-grid;position:relative}.video-room__control:hover:not(:disabled){color:#fff;background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-.125rem)}.video-room__control--active{color:var(--color-brand-300);background:var(--color-brand-soft);border-color:var(--color-brand-border)}.video-room__control--disabled{color:var(--color-error);background:var(--color-error-soft);border-color:var(--color-error-border)}.video-room__control--end{color:#fff;background:var(--color-error);border-color:var(--color-error);width:3.75rem}.video-room__control--end:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.extend-session{gap:var(--space-4);display:grid}.extend-session__quotation,.extend-session__request,.extend-session__status{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.extend-session__quotation>div{gap:var(--space-3);justify-content:space-between;align-items:center;display:flex}.extend-session__quotation span{color:var(--color-text-muted)}.extend-session__status strong{text-transform:capitalize}.room-report-form{gap:var(--space-4);display:grid}.room-report-form__textarea{resize:vertical;width:100%;min-height:9rem;max-height:22rem}.room-report-form__notice{padding:var(--space-3);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-2));border-left:3px solid var(--color-warning);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:0}.room-report-form__actions{justify-content:flex-end}@media (min-width:48rem){.video-room__header,.video-room__footer{padding-inline:var(--space-6)}.room-video-panel--local,.video-room__local-video{right:var(--space-6);bottom:var(--space-6)}}@media (min-width:64rem){.video-room__body:has(.video-room__chat--open){grid-template-columns:minmax(0,1fr) 23rem}.video-room__body:has(.video-room__chat--open) .video-room__chat{visibility:visible;width:23rem;box-shadow:none;grid-column:2;position:relative;transform:translate(0)}.video-room__body:has(.video-room__chat--open) .video-room__stage{grid-area:1/1}}@media (max-width:47.999rem){.video-room{min-height:28rem}.video-room__header{align-items:flex-start}.video-room__status{gap:var(--space-1)}.room-connection-status{padding-inline:var(--space-2)}.room-video-panel--local,.video-room__local-video{right:var(--space-3);bottom:var(--space-3);width:7.5rem}.video-room__content--chat-open{grid-template-columns:minmax(0,1fr)}.session-chat{z-index:20;border-left:0;position:absolute;inset:0}.video-room__footer{flex-direction:column;align-items:stretch}.video-room__session-actions,.room-safety-actions,.call-controls{justify-content:center;width:100%}.video-room__control{width:2.75rem;height:2.75rem}.video-room__control--end{width:3.4rem}.waiting-room{width:min(100% - 1rem,46rem);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.waiting-room__summary{grid-template-columns:minmax(0,1fr)}.waiting-room__tests{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-room__warning{flex-direction:column;align-items:stretch}}.video-room__stage{aspect-ratio:16/9;width:100%;height:min(68vh,46rem)}.room-video-panel--remote{width:100%;height:100%}.room-video-panel--local,.video-room__local-video{right:var(--space-4);bottom:var(--space-4);aspect-ratio:16/10;width:clamp(8.5rem,18vw,13rem);max-height:35%}@media (max-width:47.999rem){.video-room__stage{aspect-ratio:auto;height:min(56vh,32rem)}.room-video-panel--local,.video-room__local-video{right:var(--space-3);bottom:var(--space-3);width:clamp(6.5rem,28vw,8rem);max-height:30%}}.video-room:fullscreen,.video-room--fullscreen{border:0;border-radius:0;width:100vw;height:100dvh}.video-room:fullscreen .video-room__header,.video-room--fullscreen .video-room__header{padding-top:max(var(--space-3), env(safe-area-inset-top))}@media (prefers-reduced-motion:reduce){.video-room *,.waiting-room *{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.video-room__stage .room-video-panel.video-room__panel--main{z-index:1;aspect-ratio:auto;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.video-room__stage .room-video-panel.video-room__panel--pip{inset:auto var(--space-4) var(--space-4) auto;z-index:20;aspect-ratio:16/10;border-radius:var(--radius-lg);border:1px solid #ffffff3d;width:clamp(10rem,17vw,14rem);max-width:34%;height:auto;max-height:36%;position:absolute;overflow:hidden;box-shadow:0 1rem 3rem #00000073}.room-video-panel__maximize{top:var(--space-2);right:var(--space-2);z-index:30;color:#fff;cursor:pointer;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#000000ad;border:1px solid #ffffff3d;place-items:center;width:2.35rem;height:2.35rem;padding:0;display:grid;position:absolute;box-shadow:0 .25rem 1rem #0000004d}.room-video-panel__maximize:hover{background:#000000e0;transform:scale(1.04)}.room-video-panel__maximize:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.video-room__stage{aspect-ratio:auto;height:clamp(30rem,100dvh - 15rem,52rem);min-height:30rem}@media (max-width:47.999rem){.video-room__stage{height:clamp(24rem,100dvh - 13rem,38rem);min-height:24rem}.video-room__stage .room-video-panel.video-room__panel--pip{inset:auto var(--space-3) var(--space-3) auto;width:clamp(7rem,30vw,9rem);max-width:38%;max-height:30%}.room-video-panel__maximize{width:2rem;height:2rem}}