:root{--bg-page: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-alt: #F1F5F9;--bg-sunken: #E2E8F0;--bg-video: #1A1F2E;--border-default: #E2E8F0;--border-subtle: #F1F5F9;--border-strong: #CBD5E1;--border-primary: #007AFF;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-placeholder: #94A3B8;--text-on-primary: #FFFFFF;--color-primary: #007AFF;--color-primary-hover: #0066D6;--color-primary-light: #E5F0FF;--color-primary-muted: #DBEAFE;--color-success: #34C759;--color-success-light: #E8F9ED;--color-warning: #FF9500;--color-warning-light: #FFF3E0;--color-danger: #FF3B30;--color-danger-light: #FFE5E5;--color-info: #5856D6;--color-info-light: #F0EEFF;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--font-ui: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-xxl: 28px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--color-bg: var(--bg-page);--color-surface: var(--bg-surface);--color-surface-hover: var(--bg-surface-alt);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-border: var(--border-default);--color-speaking: var(--color-primary);--radius: var(--radius-lg)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background-color:var(--bg-page);color:var(--text-primary);min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 3px #007aff66,var(--shadow-md)}50%{box-shadow:0 0 0 6px #007aff26,var(--shadow-md)}}.bubble-speaking{animation:speakingPulse 1.5s ease-in-out infinite;border-color:var(--color-primary)!important}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.comms-page{max-width:960px;margin:0 auto;padding:var(--space-xxl)}.comms-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);background:var(--bg-surface-alt);border-radius:var(--radius-md);padding:3px}.comms-tab{flex:1;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.8px;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s}.comms-tab:hover:not(:disabled){color:var(--text-secondary)}.comms-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.comms-tab:disabled{opacity:.4;cursor:not-allowed}.comms-content{min-height:400px}.comms-placeholder{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-muted);font-size:var(--text-md)}