:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;--color-background: #080b14;--color-surface: #141a28;--color-surface-variant: #1b2233;--color-input-surface: #1e2537;--color-input-surface-focused: #232a40;--color-top-bar: rgba(13, 19, 34, .82);--color-brand-indigo: #2e3470;--color-primary: #8f95da;--color-primary-strong: #7a81cd;--color-primary-pressed: #6a73c0;--color-selected-surface: rgba(78, 87, 155, .28);--color-accent: #b9853c;--color-outline-subtle: #2c3552;--color-outline-strong: #384262;--color-text-primary: #f3f5fb;--color-text-secondary: #b4b9c9;--color-error: #f2b8b5;--color-error-container: rgba(140, 29, 24, .26);--shadow-soft: 0 24px 60px -38px rgba(0, 0, 0, .82);--radius-surface: 28px;--radius-field: 20px;--page-gutter: clamp(20px, 4vw, 32px)}@media(prefers-color-scheme:light){:root{color-scheme:light;--color-background: #f7f8fc;--color-surface: #f0f2f8;--color-surface-variant: #e4e8f3;--color-input-surface: #ebeff8;--color-input-surface-focused: #e3e8f5;--color-top-bar: rgba(240, 242, 250, .82);--color-brand-indigo: #4a5093;--color-primary: #7d84cb;--color-primary-strong: #6a72b9;--color-primary-pressed: #5a63a7;--color-selected-surface: rgba(200, 206, 240, .82);--color-accent: #9d6b29;--color-outline-subtle: #c8cfdf;--color-outline-strong: #afb8cb;--color-text-primary: #171b28;--color-text-secondary: #606779;--color-error: #8c1d18;--color-error-container: rgba(242, 184, 181, .5);--shadow-soft: 0 24px 60px -44px rgba(70, 84, 112, .34)}}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(143,149,218,.12),transparent 34%),var(--color-background);color:var(--color-text-primary)}body,button,input,textarea{font:inherit}button,input,textarea{color:inherit}button{border:0;padding:0;background:none}input,textarea{width:100%;border:1px solid var(--color-outline-subtle);border-radius:var(--radius-field);background:var(--color-input-surface);color:var(--color-text-primary);padding:.95rem 1rem;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,textarea:focus{outline:none;border-color:#8f95da8c;background:var(--color-input-surface-focused);box-shadow:0 0 0 4px #8f95da1f}input:disabled,textarea:disabled{opacity:.68;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{min-height:100vh}.page-content{width:min(100% - (var(--page-gutter) * 2),920px);margin:0 auto}.page-content--narrow{width:min(100% - (var(--page-gutter) * 2),720px)}.page-content--room{width:min(100% - (var(--page-gutter) * 2),820px)}.page-content--stacked{display:grid;gap:1.3rem;padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))}.page-section{display:grid;gap:1rem}.page-section--tight{padding-top:.25rem}.top-bar,.room-page-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(to bottom,var(--color-top-bar),rgba(0,0,0,0))}.top-bar__content{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding-top:max(18px,env(safe-area-inset-top,0px))}.top-bar__brand{display:inline-flex;align-items:center;gap:.55rem}.top-bar__title{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.top-bar__dot,.status-pill__dot{width:6px;height:6px;border-radius:999px;background:var(--color-accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid transparent;transition:border-color .18s ease,background-color .18s ease,opacity .18s ease}.icon-button--muted{color:var(--color-text-secondary)}.icon-button:disabled{opacity:.6}.eyebrow{margin:0;font-size:.8125rem;line-height:1.35;color:var(--color-text-secondary)}.message-banner{border-radius:20px;padding:.9rem 1rem;font-size:.875rem;line-height:1.45}.message-banner--error{border:1px solid rgba(242,184,181,.22);background:var(--color-error-container);color:var(--color-error)}.surface-card{border:1px solid var(--color-outline-subtle);border-radius:var(--radius-surface);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:1.25rem}.surface-card--compact{padding:.95rem 1rem}.surface-card--muted,.empty-state,.copy-field,.participant-card{background:var(--color-surface-variant)}.form-card{display:grid;gap:1rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading--compact{align-items:start}.section-heading h1,.section-heading h2,.room-header h1{margin:0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.25;letter-spacing:-.02em}.section-heading p,.room-header p{margin:.35rem 0 0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.45}.segmented-control{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:24px;border:1px solid var(--color-outline-subtle);background:var(--color-surface-variant);padding:4px}.segmented-control__indicator{position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:20px;border:1px solid rgba(143,149,218,.22);background:var(--color-brand-indigo);box-shadow:inset 0 1px #b9853c47;transform:translate(calc(var(--segment-index) * 100%));transition:transform .24s ease}.segmented-control__button{position:relative;z-index:1;min-height:48px;border-radius:20px;color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .18s ease}.segmented-control__button--active{color:var(--color-text-primary)}.field{display:grid;gap:.45rem}.field__label{font-size:.8125rem;color:var(--color-text-secondary)}.form-stack{display:grid;gap:.95rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.85rem 1rem;border:1px solid var(--color-outline-subtle);border-radius:20px;color:var(--color-text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:not-allowed}.button--primary{border-color:#8f95da29;background:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-pressed)}.button--secondary{background:var(--color-surface-variant)}.button--ghost{min-height:40px;padding:.6rem .85rem;border-radius:16px;background:transparent;color:var(--color-primary)}.button--small{min-height:40px;padding-inline:.85rem;font-size:.875rem}.button--block{width:100%}.recent-room-toolbar,.recent-room-list,.participant-list{display:grid;gap:.75rem}.recent-room-card,.copy-field,.participant-card{display:flex;align-items:center;width:100%;gap:.9rem;border:1px solid var(--color-outline-subtle);border-radius:22px;padding:.95rem 1rem;text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.recent-room-card{cursor:pointer}.recent-room-card:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-outline-strong)}.recent-room-card--selected{border-color:#7a81cd6b;background:var(--color-selected-surface)}.recent-room-card__body,.participant-card__body,.copy-field__content{display:grid;gap:.25rem;flex:1}.recent-room-card__body strong,.participant-card__body strong,.copy-field__content strong{font-size:.95rem;line-height:1.35}.recent-room-card__body span,.participant-card__body span,.copy-field__label,.copy-field__feedback{color:var(--color-text-secondary);font-size:.8125rem}.recent-room-card__action{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.selection-indicator{width:20px;height:20px;border:1px solid var(--color-outline-strong);border-radius:999px;background:transparent}.selection-indicator--active{border-color:var(--color-primary-strong);background:var(--color-primary-strong);box-shadow:inset 0 0 0 5px var(--color-surface)}.empty-state{border:1px solid var(--color-outline-subtle);border-radius:20px;padding:1rem;color:var(--color-text-secondary)}.empty-state--subtle{padding:1rem}.room-page-header{padding-top:max(12px,env(safe-area-inset-top,0px))}.room-header{display:grid;gap:.75rem;padding-block:.8rem 1rem}.room-header__topline{display:flex;align-items:start;justify-content:space-between;gap:1rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;align-self:start;padding:.55rem .75rem;border-radius:18px;border:1px solid var(--color-outline-subtle);background:var(--color-surface-variant);color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.status-pill--highlighted{border-color:#8f95da3d;background:var(--color-brand-indigo);color:var(--color-text-primary)}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding-inline:.75rem;border-radius:999px;border:1px solid rgba(143,149,218,.22);background:var(--color-brand-indigo);font-size:.875rem;font-weight:600}.copy-field{cursor:pointer}.copy-field:disabled{opacity:1;cursor:default}.copy-field--static{cursor:default}.copy-field__feedback{font-weight:600}.participant-card__dot{width:8px;height:8px;border-radius:999px;flex:0 0 auto}.preview-stage{position:relative;min-height:min(58vw,360px);overflow:hidden;border:1px solid var(--color-outline-subtle);border-radius:24px;background:linear-gradient(180deg,#2e347066,#1b2233eb)}.preview-stage video{width:100%;height:100%;display:block;object-fit:cover}.media-sink{display:none}.preview-stage__placeholder,.preview-stage__meta{position:absolute;top:0;right:0;bottom:0;left:0}.preview-stage__placeholder{display:grid;place-content:center;gap:.6rem;padding:1.5rem;text-align:center;color:var(--color-text-secondary)}.preview-stage__placeholder strong{color:var(--color-text-primary)}.preview-stage__meta{inset:auto 0 0 0;display:flex;justify-content:space-between;padding:.9rem 1rem;background:linear-gradient(to top,#080b14d1,#080b1400);color:#f3f5fbdb;font-size:.75rem;letter-spacing:.02em}.room-footer{position:fixed;inset:auto 0 0 0;z-index:25;padding-bottom:max(14px,env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#080b14eb,#080b1400);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.room-footer__content{display:grid;gap:.85rem}.preview-action-row,.room-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.room-action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.control-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto;border:1px solid var(--color-outline-subtle);border-radius:999px;background:var(--color-surface-variant);color:var(--color-text-secondary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.control-button--active{border-color:#8f95da47;background:var(--color-brand-indigo);color:var(--color-text-primary)}.control-button:hover:not(:disabled){transform:translateY(-1px)}.control-button:disabled{opacity:.58;cursor:not-allowed}.call-page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top,rgba(143,149,218,.2),transparent 30%),radial-gradient(circle at bottom,rgba(185,133,60,.12),transparent 28%),#04070f}.call-stage,.call-stage__solo,.call-stage__split,.call-stage__focus,.call-stage__presentation{position:absolute;top:0;right:0;bottom:0;left:0}.call-stage__solo,.call-stage__split,.call-stage__focus,.call-stage__presentation{padding:16px}.call-stage__solo{display:grid}.call-stage__solo>.call-pane,.call-stage__focus>.call-pane{height:100%}.call-stage__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.call-stage__split--portrait{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.call-stage__focus{position:relative}.call-stage__presentation{display:grid;grid-template-columns:minmax(0,3fr) minmax(132px,1fr);gap:12px}.call-stage__presentation--portrait{grid-template-columns:minmax(0,3fr) minmax(112px,1fr)}.call-stage__presentation-main{position:relative;min-width:0;height:100%}.call-stage__presentation-main>.call-pane{height:100%}.call-stage__presentation-rail{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.call-stage__presentation-rail .call-pane{height:100%}.call-stage__fullscreen{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(143,149,218,.24);border-radius:999px;background:#141a28b8;color:var(--color-text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.call-stage__fullscreen:hover{transform:translateY(-1px);border-color:#8f95da61}.call-stage__secondary{position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(30vw,180px);min-width:112px;aspect-ratio:3 / 4}.call-stage__secondary .call-pane{height:100%}.call-pane{position:relative;overflow:hidden;height:100%;border:1px solid rgba(143,149,218,.2);border-radius:30px;background:radial-gradient(circle at top,rgba(143,149,218,.18),transparent 30%),linear-gradient(180deg,#0a0e18f5,#080b14fa);box-shadow:0 32px 80px -48px #000000d9}.call-pane--compact{border-radius:24px}.call-pane__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.call-pane__video--contain{object-fit:contain;background:#04070fe6}.call-pane__video--visible{opacity:1}.call-pane__video--mirror{transform:scaleX(-1)}.call-pane__avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.call-pane__avatar span{display:inline-flex;align-items:center;justify-content:center;width:min(18vw,118px);aspect-ratio:1;border-radius:999px;border:1px solid rgba(143,149,218,.24);background:#141a28db;color:var(--color-text-primary);font-size:clamp(1.3rem,4vw,2.2rem);font-weight:600;letter-spacing:-.04em}.call-pane__avatar--compact span{width:min(18vw,72px);font-size:clamp(1rem,2.4vw,1.5rem)}.call-pane__scrim{position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(to top,#04070feb,#04070f00)}.call-pane__badge{position:absolute;top:14px;right:14px;z-index:1;padding:.35rem .55rem;border-radius:999px;border:1px solid rgba(242,184,181,.26);background:#2d1012c2;color:var(--color-error);font-size:.75rem;font-weight:600}.call-pane__footer{position:absolute;right:0;bottom:0;left:0;z-index:1;display:grid;gap:.28rem;padding:1rem 1.1rem}.call-pane__footer strong{font-size:1rem;line-height:1.25}.call-pane__footer span{color:#f3f5fbd1;font-size:.8125rem}.call-top-bar,.call-bottom-bar{position:absolute;right:0;left:0;z-index:5;pointer-events:none}.call-top-bar{top:0;background:linear-gradient(to bottom,#04070fcc,#04070f00)}.call-bottom-bar{bottom:0;background:linear-gradient(to top,#04070fd6,#04070f00)}.call-top-bar__content,.call-bottom-bar__content{width:min(100% - (var(--page-gutter) * 2),1120px);margin:0 auto;pointer-events:auto}.call-top-bar__content{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-top:max(18px,env(safe-area-inset-top,0px))}.call-top-bar__title{display:grid;gap:.3rem;max-width:min(100%,520px)}.call-top-bar__title strong{font-size:clamp(1rem,2vw,1.15rem);letter-spacing:-.02em}.call-top-bar__title span{color:#f3f5fbc7;font-size:.875rem}.call-top-bar__subtitle--error{color:var(--color-error)}.call-top-bar__actions{display:inline-flex;align-items:center;gap:.75rem}.call-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(143,149,218,.2);border-radius:999px;background:#141a28b8;color:var(--color-text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.call-icon-button:hover{transform:translateY(-1px);border-color:#8f95da57}.call-icon-button__badge{position:absolute;top:-4px;right:-2px;min-width:20px;min-height:20px;padding-inline:.3rem;border-radius:999px;border:1px solid rgba(143,149,218,.28);background:var(--color-brand-indigo);color:var(--color-text-primary);font-size:.6875rem;font-weight:700;line-height:20px;text-align:center}.call-bottom-bar__content{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}.call-control{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid rgba(143,149,218,.2);border-radius:999px;background:#141a28c7;color:var(--color-text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,opacity .18s ease}.call-control:hover:not(:disabled){transform:translateY(-1px)}.call-control:disabled{opacity:.56;cursor:not-allowed}.call-control--active{border-color:#8f95da57;background:#2e3470eb}.call-control--danger{border-color:#f2b8b533;background:#78212ae6}.call-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:end;justify-content:center;padding:1rem;background:#04070f80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-sheet{width:min(100%,480px);max-height:min(70vh,640px);overflow:auto;border:1px solid rgba(143,149,218,.18);border-radius:30px;background:#141a28f5;box-shadow:0 36px 90px -40px #000000e0;padding:1.25rem}.call-sheet--compact{width:min(100%,420px)}.call-sheet__heading{display:grid;gap:.35rem;margin-bottom:1rem}.call-sheet__heading strong{font-size:1.05rem;letter-spacing:-.02em}.call-sheet__heading span,.call-sheet__empty,.call-sheet__option-copy span{color:var(--color-text-secondary);font-size:.875rem;line-height:1.45}.call-sheet__options{display:grid;gap:.75rem}.call-sheet__option{display:flex;align-items:center;width:100%;gap:.9rem;border:1px solid var(--color-outline-subtle);border-radius:22px;background:var(--color-surface-variant);padding:.95rem 1rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.call-sheet__option:hover{transform:translateY(-1px);border-color:var(--color-outline-strong)}.call-sheet__option-copy{display:grid;gap:.25rem;flex:1}.call-sheet__option-copy strong{font-size:.95rem;line-height:1.35}.call-sheet__empty{border:1px solid var(--color-outline-subtle);border-radius:22px;background:var(--color-surface-variant);padding:1rem}.call-overlay-enter-active,.call-overlay-leave-active{transition:opacity .18s ease,transform .18s ease}.call-overlay-enter-from,.call-overlay-leave-to{opacity:0;transform:translateY(-10px)}.fade-up{animation:fade-up .36s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.room-header__topline,.section-heading{flex-direction:column;align-items:stretch}.status-pill{align-self:start}.call-top-bar__content{flex-direction:column;align-items:stretch}.call-top-bar__actions{justify-content:flex-start}.room-action-row{grid-template-columns:1fr}}@media(max-width:560px){.page-content--stacked{gap:1rem}.surface-card,.surface-card--compact{padding:1rem}.preview-stage{min-height:240px}.call-stage__solo,.call-stage__split,.call-stage__focus,.call-stage__presentation{padding:12px}.call-stage__presentation{grid-template-columns:minmax(0,1fr) 104px;gap:10px}.call-stage__presentation-rail{gap:10px}.call-stage__fullscreen{top:12px;right:12px;width:40px;height:40px}.call-stage__secondary{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(34vw,136px)}.call-bottom-bar__content{gap:.8rem}.call-control{width:58px;height:58px}.call-sheet-backdrop{padding:.75rem}.call-sheet{padding:1rem}}