*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gc-bg: #0b0d0f;--gc-surface: #161a1e;--gc-surface-raised:#1e2328;--gc-border: #2a2f36;--gc-text-primary: #e8eaed;--gc-text-secondary:#9aa0a8;--gc-text-muted: #5f6368;--gc-accent: #4a9cf8;--gc-accent-hover: #3d8de0;--gc-danger: #e05252;--gc-warning-bg: #2b2005;--gc-warning-text: #f0b429;--gc-radius-sm: 4px;--gc-radius-md: 8px;--gc-radius-lg: 12px;--gc-radius-pill: 999px;--gc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--gc-font-mono: "SF Mono", "Fira Code", monospace}html,body,#root{height:100%;background:var(--gc-bg);color:var(--gc-text-primary);font-family:var(--gc-font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.gc-page{min-height:100vh;display:flex;flex-direction:column}.gc-page--center{align-items:center;justify-content:center;padding:24px}.gc-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--gc-text-secondary)}.gc-not-found h1{font-size:48px;color:var(--gc-text-muted)}.gc-spinner{width:32px;height:32px;border:3px solid var(--gc-border);border-top-color:var(--gc-accent);border-radius:50%;animation:gc-spin .8s linear infinite}@keyframes gc-spin{to{transform:rotate(360deg)}}.gc-error-card{background:var(--gc-surface);border:1px solid var(--gc-border);border-radius:var(--gc-radius-lg);padding:40px 32px;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.gc-error-icon{font-size:40px}.gc-error-title{font-size:20px;font-weight:600;color:var(--gc-text-primary)}.gc-error-body{font-size:14px;color:var(--gc-text-secondary);line-height:1.6}.gc-prejoin-card{background:var(--gc-surface);border:1px solid var(--gc-border);border-radius:var(--gc-radius-lg);padding:32px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px}.gc-logo{font-size:13px;font-weight:600;color:var(--gc-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}.gc-prejoin-meeting-label{font-size:13px;color:var(--gc-text-muted)}.gc-prejoin-meeting-title{font-size:22px;font-weight:600;color:var(--gc-text-primary);margin-top:-8px}.gc-field-label{font-size:12px;color:var(--gc-text-secondary);margin-bottom:-8px}.gc-name-input{width:100%;background:var(--gc-surface-raised);border:1px solid var(--gc-border);border-radius:var(--gc-radius-md);padding:10px 12px;font-size:15px;font-family:var(--gc-font);color:var(--gc-text-primary);outline:none;transition:border-color .15s}.gc-name-input::placeholder{color:var(--gc-text-muted)}.gc-name-input:focus{border-color:var(--gc-accent)}.gc-camera-preview{width:100%;aspect-ratio:16 / 9;background:var(--gc-surface-raised);border-radius:var(--gc-radius-md);border:1px solid var(--gc-border);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.gc-preview-placeholder{font-size:13px;color:var(--gc-text-muted)}.gc-media-warning{display:flex;align-items:flex-start;gap:8px;background:var(--gc-warning-bg);border-radius:var(--gc-radius-sm);padding:10px 12px;font-size:13px;color:var(--gc-warning-text);line-height:1.5}.gc-warning-icon{flex-shrink:0}.gc-join-error{font-size:13px;color:var(--gc-danger);padding:8px 12px;background:#e0525214;border-radius:var(--gc-radius-sm)}.gc-join-btn{width:100%;padding:12px;background:var(--gc-accent);color:#fff;font-size:15px;font-family:var(--gc-font);font-weight:600;border:none;border-radius:var(--gc-radius-md);cursor:pointer;transition:background .15s}.gc-join-btn:hover:not(:disabled){background:var(--gc-accent-hover)}.gc-join-btn:disabled{opacity:.45;cursor:not-allowed}.gc-join-disclaimer{font-size:12px;color:var(--gc-text-muted);text-align:center;line-height:1.5}.gc-incall{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.gc-incall-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--gc-surface);border-bottom:1px solid var(--gc-border)}.gc-incall-title{font-size:15px;font-weight:600;color:var(--gc-text-primary)}.gc-incall-timer{font-size:13px;font-family:var(--gc-font-mono);color:var(--gc-text-secondary)}.gc-tiles-area{display:flex;flex-wrap:wrap;gap:12px;padding:24px;align-content:flex-start;background:var(--gc-bg)}.gc-tile{width:220px;aspect-ratio:16 / 9;background:var(--gc-surface);border:1px solid var(--gc-border);border-radius:var(--gc-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.gc-tile-avatar{width:48px;height:48px;border-radius:50%;background:var(--gc-surface-raised);border:2px solid var(--gc-border);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--gc-text-secondary)}.gc-tile-label{font-size:12px;color:var(--gc-text-secondary);position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gc-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:var(--gc-surface);border-top:1px solid var(--gc-border)}.gc-ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;background:var(--gc-surface-raised);border:1px solid var(--gc-border);border-radius:var(--gc-radius-md);color:var(--gc-text-secondary);cursor:pointer;transition:background .15s,color .15s;min-width:72px}.gc-ctrl-btn:hover{background:var(--gc-border);color:var(--gc-text-primary)}.gc-ctrl-btn--active{background:#4a9cf81f;border-color:var(--gc-accent);color:var(--gc-accent)}.gc-ctrl-btn--leave{background:#e052521a;border-color:#e0525266;color:var(--gc-danger)}.gc-ctrl-btn--leave:hover{background:#e0525233;color:var(--gc-danger)}.gc-ctrl-icon{font-size:20px}.gc-ctrl-label{font-size:11px;font-family:var(--gc-font)}