:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--panel: #ffffff;--text: #151515;--muted: #615b4f;--accent: #d6a500;--border: #cfc9ba;--danger: #161616}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;overflow:hidden}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{width:100%;height:100dvh;padding:14px;overflow:hidden}.app-shell--landing{display:grid;place-items:center}.app-shell--meeting{display:grid;grid-template-rows:minmax(0,1fr);gap:0}.meeting-shell{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr);gap:10px}.landing-shell{width:min(820px,100%)}.landing-card,.meeting-topbar,.chat-panel,.stage-panel,.video-tile,.chat-bubble,.modal-card,.control-button{border:1px solid var(--border);background:var(--surface);border-radius:14px}.landing-card,.meeting-topbar,.chat-panel,.stage-panel,.modal-card{padding:14px}.landing-card__header,.meeting-topbar,.panel-heading,.stage-headline,.video-tile__top,.video-tile__meta,.chat-bubble__meta,.modal-card__head,.modal-card__actions{display:flex;justify-content:space-between;gap:10px}.status-pill,.eyebrow,.tiny-note{letter-spacing:.14em;text-transform:uppercase;font-size:.7rem}.eyebrow{margin:0 0 4px;color:var(--accent)}.landing-card h2,.meeting-topbar h1,.panel-heading h2,.stage-headline h2,.video-tile h3,.modal-card h3{margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.form-grid label,.chat-composer,.modal-card label{display:grid;gap:6px;color:var(--muted)}.form-grid input,.form-grid select,.chat-composer input,.modal-card input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text)}.landing-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.field-error,.tiny-note,.chat-bubble p,.video-tile__meta,.modal-card__result,.chat-empty{color:var(--muted)}.meeting-topbar{align-items:center;min-height:56px;padding-block:8px}.meeting-topbar h1{font-size:1.15rem;line-height:1.2}.meeting-topbar__actions{display:flex;align-items:center;gap:8px}.reconnect-banner{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid #d6a500;background:#fff8d6;color:#4a3b00;font-size:.78rem;font-weight:600}.reconnect-banner--error{border-color:#c62828;background:#ffe7e7;color:#7f1d1d}.timer-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0f172a0f;color:#1e293b;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.timer-pill--recording{background:#dc26261f;color:#b91c1c;border:1px solid rgba(220,38,38,.25)}.timer-pill__dot{width:8px;height:8px;border-radius:50%;display:inline-block}.timer-pill__dot--call{background:#2563eb}.timer-pill__dot--recording{background:#dc2626;animation:timer-pill-pulse 1.4s ease-in-out infinite}@keyframes timer-pill-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.status-pill,.ghost-button,.primary-button,.icon-button,.control-button{border-radius:999px;border:1px solid #1b1b1b}.control-button:disabled{opacity:.55;cursor:not-allowed}.status-pill{padding:6px 10px;background:#151515;color:#fff}.status-pill--live{border-color:#151515}.ghost-button,.icon-button{background:#151515;color:#fff;cursor:pointer}.primary-button{background:#f1c100;color:#131313;font-weight:700;cursor:pointer;padding:8px 12px}.ghost-button--wide,.primary-button--wide{width:100%}.icon-button{width:32px;height:32px;display:grid;place-items:center}.meeting-grid{min-height:0;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:12px}.chat-panel,.stage-panel{min-height:0;overflow:hidden}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.chat-thread{overflow:hidden;display:grid;gap:8px;align-content:start}.chat-empty{padding:10px;border:1px dashed var(--border);border-radius:8px;background:#fff}.chat-empty p{margin:0}.chat-bubble{padding:10px;border-radius:12px;background:var(--panel)}.chat-bubble--mine{border-color:#e1ba3f;background:var(--panel)}.chat-bubble p{margin:8px 0 0;line-height:1.35}.chat-composer{padding:10px;border-radius:12px;background:#fff}.chat-composer__row{display:grid;grid-template-columns:1fr auto;gap:8px}.stage-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.meeting-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.meeting-footer__status{justify-self:start}.stage-headline{display:none}.video-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:12px}.video-layout--solo{grid-template-columns:minmax(0,1fr)}.video-layout__main,.video-layout__self{min-height:0}.video-layout__main{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:0;position:relative}.video-layout__side{min-height:0;display:grid;gap:8px;align-content:start}.video-layout__pip{position:absolute;right:16px;bottom:16px;width:min(220px,30%);min-width:140px;max-width:260px;z-index:2}.video-layout__pip .video-tile{height:100%}.video-layout__strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.video-tile{display:grid;grid-template-rows:minmax(0,1fr);min-height:0;height:100%;padding:8px;border-radius:14px;background:#fff;border-color:var(--border)}.video-tile--empty{align-content:center}.video-tile--compact .video-tile__frame{min-height:80px}.video-tile--compact .video-tile__avatar{width:32px;height:32px;font-size:.8rem}.video-tile--compact .video-tile__label{font-size:.72rem}.video-tile__frame{position:relative;min-height:0;height:100%;margin:0;border-radius:12px;border:1px solid #3c4043;background:#000;overflow:hidden}.video-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.video-tile__rings,.video-tile__glow{position:absolute;top:0;right:0;bottom:0;left:0}.video-tile__rings,.video-tile__glow{opacity:0}.video-tile__avatar{position:absolute;right:12px;bottom:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#2a2a2a;color:#fff;font-weight:700}.video-tile__label{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:999px;background:#151515ad;font-size:.85rem;font-weight:500;color:#fff}.video-tile__state{font-size:.75rem;font-weight:500;color:#d0d0d0}.video-tile__metrics{position:absolute;left:5px;right:5px;bottom:5px;z-index:2;padding:4px 8px;border-radius:8px;color:#f1f3f4;font-size:.72rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-tile--compact .video-tile__metrics{font-size:.66rem;left:8px;right:8px;bottom:8px}.control-dock{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:#fffffff5;width:fit-content;margin:0 auto;max-width:100%}.control-button--info{justify-self:end}.control-button{min-width:56px;height:40px;display:grid;place-items:center;padding:0 14px;background:#151515;color:#fff;border-color:#151515;cursor:pointer;position:relative}.control-button svg{display:block;width:20px;height:20px}.split-toggle{display:flex;align-items:center;height:40px;background:#151515;color:#fff;border:1px solid #151515;border-radius:999px;overflow:visible}.split-toggle--active{border-color:#ff4d4f}.split-toggle--active .split-toggle__toggle{color:#ff4d4f}.pill-dropdown{position:relative;display:flex;align-items:center;justify-content:flex-end;height:40px;padding:0 8px 0 6px}.pill-dropdown__button{width:28px;height:40px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;display:grid;place-items:center;position:relative}.pill-dropdown__button svg{width:18px;height:18px}.pill-dropdown__menu{position:absolute;top:auto;bottom:calc(100% + 10px);width:min(200px,70vw);max-width:calc(100vw - 24px);max-height:300px;overflow:auto;background:#151515;border:1px solid #2a2a2a;border-radius:12px;padding:6px;z-index:9999;box-sizing:border-box}.pill-dropdown__menu--right{right:0;transform-origin:bottom right}.pill-dropdown__menu--left{left:0;transform-origin:bottom left}.pill-dropdown__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:0;border-radius:10px;background:transparent;color:#fff;cursor:pointer;text-align:left}.pill-dropdown__item:hover{background:#ffffff14}.pill-dropdown__item--active{color:#ff4d4f}.pill-dropdown__check{font-weight:700}.pill-dropdown__empty{padding:10px;color:var(--muted);font-size:.85rem}.pill-dropdown__item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-toggle__toggle{width:56px;height:40px;display:grid;place-items:center;padding:0;margin:0;border:0;background:transparent;color:inherit;cursor:pointer}.split-toggle__select{height:40px;border:0;outline:none;background:transparent;color:#fff;padding:0 12px;font-size:.85rem;max-width:190px}.split-toggle__toggle:disabled,.split-toggle__select:disabled{opacity:.55;cursor:not-allowed}.control-button--active,.control-button--leave{color:#ff4d4f;background:#151515;border-color:#ff4d4f}.control-button--chat,.control-button--more,.mobile-controls-menu{display:none}.chat-panel,.stage-panel,.meeting-topbar{box-shadow:0 1px 3px #00000038}.ghost-button:hover,.icon-button:hover,.control-button:hover{filter:brightness(1.08)}.primary-button:hover{filter:brightness(1.03)}@media (hover: hover) and (pointer: fine){.control-button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 8px);background:#111;color:#fff;border-radius:6px;border:1px solid #2a2a2a;font-size:.7rem;line-height:1;letter-spacing:.02em;padding:5px 7px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:5}.control-button[data-tooltip]:hover:after{opacity:1;visibility:visible}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:12px;display:grid;place-items:center;background:#00000080}.modal-card{width:min(420px,100%)}.modal-card__actions{margin-top:10px}.modal-card__copy-row{display:grid;grid-template-columns:1fr auto;gap:8px}@media (max-width: 980px){.app-shell{padding:8px}.meeting-shell,.meeting-grid,.stage-panel,.video-layout,.video-layout__main,.video-tile,.video-tile__frame{min-width:0}.meeting-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.chat-panel{display:none}.meeting-grid--chat-open .chat-panel{display:grid;min-height:0}.meeting-grid--chat-open .stage-panel{display:grid}.meeting-grid--chat-open .video-layout{display:none}.meeting-grid--chat-open .stage-panel{grid-template-rows:auto}.video-layout{grid-template-columns:minmax(0,1fr)}.video-layout__main{grid-template-columns:1fr}.video-layout__pip{right:12px;bottom:12px;width:min(160px,36%);min-width:120px}.control-dock{gap:6px;width:100%;max-width:100%;padding:8px;justify-content:flex-start;border-radius:14px}.meeting-footer{grid-template-columns:minmax(0,1fr) auto;gap:8px}.meeting-footer__status{grid-column:1 / -1;justify-self:start}.video-tile__metrics{font-size:.64rem}.control-button--info{justify-self:end;width:40px;min-width:40px;height:36px;padding:0}.control-dock .control-button{flex:1 1 0;min-width:0;height:36px;padding:0}.control-dock .split-toggle{flex:1 1 0;min-width:0}.control-dock .control-button--leave{flex:0 0 80px;min-width:80px}.control-dock .split-toggle{height:36px}.split-toggle__toggle{height:36px;width:46px}.pill-dropdown{height:36px;padding:0 8px 0 6px}.pill-dropdown__menu{width:min(180px,66vw)}.pill-dropdown__button{height:36px}.split-toggle__select{height:36px;padding:0 10px;max-width:160px}.control-button--secondary{display:none}.control-button--more{display:grid}.control-dock .control-button--more{flex:0 0 44px;min-width:44px}.mobile-controls-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.mobile-controls-menu .ghost-button{width:100%;min-height:36px;border-radius:12px}.control-button--chat.control-button--secondary{display:none}.meeting-topbar,.landing-card__header,.stage-headline{align-items:center}.meeting-topbar h1,.panel-heading h2,.stage-headline h2{font-size:1.1rem;line-height:1.2}.form-grid,.landing-card__actions{grid-template-columns:1fr}}