:root{--color-bg: #0e1015;--color-surface: #181b23;--color-surface-raised: #212530;--color-border: #2e3340;--color-text: #eef0f4;--color-text-muted: #9aa1b0;--color-accent: #4f7cff;--color-accent-hover: #6890ff;--color-danger: #e5484d;--color-danger-hover: #f2555a;--color-success: #46a758;--color-warning-bg: #3d2e12;--color-warning-text: #f5d90a;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;font-weight:700}p{color:var(--color-text-muted);line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--color-text);background:var(--color-surface-raised);cursor:pointer;text-decoration:none;transition:background .15s ease,transform .05s ease}.button:active{transform:scale(.98)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--color-accent)}.button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.button--ghost{background:transparent;border-color:var(--color-border)}.button--ghost:hover:not(:disabled){background:var(--color-surface-raised)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:none;border-radius:50%;background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;transition:background .15s ease}.icon-button:hover:not(:disabled){background:var(--color-border)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button--off{background:var(--color-danger)}.icon-button--off:hover:not(:disabled){background:var(--color-danger-hover)}.icon-button--danger{background:var(--color-danger)}.icon-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.icon-button--success{background:var(--color-success)}.text-input,.select-input{width:100%;padding:.7rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:1rem}.text-input:focus,.select-input:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.field-label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-align:left}.form-error{margin-top:.6rem;color:var(--color-danger);font-size:.9rem}.notice{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;max-width:620px}.notice--warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.screen-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;text-align:center}.screen-center__actions{display:flex;gap:.75rem}.home{height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(60rem 30rem at 20% 0%,rgba(79,124,255,.12),transparent),var(--color-bg)}.home__card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.1rem;padding:2.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.home__badge{font-size:2.4rem}.home__title{font-size:1.9rem}.home__divider{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.85rem}.home__divider:before,.home__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.home__join-form{display:flex;gap:.6rem}.home__join-form .text-input{flex:1}.lobby{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:2rem 1.5rem}.lobby__preview{width:100%;max-width:620px}.lobby__preview .video-tile{aspect-ratio:16 / 9}.lobby__toggles{display:flex;gap:.75rem}.lobby__form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1rem}.lobby__devices{display:flex;flex-direction:column;gap:.75rem}.call-view{height:100dvh;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.call-view__banner{padding:.6rem 1rem;border-radius:var(--radius-md);background:#4f7cff26;color:var(--color-text);text-align:center;font-size:.9rem}.call-view__banner--hint{background:var(--color-surface);color:var(--color-text-muted)}.video-grid{flex:1;min-height:0;display:grid;gap:.75rem;grid-template-columns:1fr}.video-grid--2{grid-template-columns:repeat(2,1fr)}.video-grid--3,.video-grid--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}@media(orientation:portrait){.video-grid--2{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}}.video-tile{position:relative;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.video-tile__video{width:100%;height:100%;object-fit:cover;display:block}.video-tile__video--mirrored{transform:scaleX(-1)}.video-tile__avatar{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.video-tile__avatar span{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:var(--color-accent);font-size:2.2rem;font-weight:700}.video-tile__label{position:absolute;left:.75rem;bottom:.75rem;padding:.25rem .6rem;border-radius:8px;background:#0000008c;font-size:.85rem;max-width:calc(100% - 1.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-tile__status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0e1015a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:.95rem;color:var(--color-text-muted)}.control-bar{display:flex;justify-content:center;gap:.75rem;padding:.25rem 0 .5rem}