:root{--color-bg-outer: #f5f4f2;--color-bg-panel: #ffffff;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-subtle: #ccfbf1;--color-accent-tint: #f0fdfa;--color-text-primary: #1c1917;--color-text-secondary: #78716c;--color-text-pending: #6b7280;--color-text-placeholder: #a8a29e;--color-border: #e7e5e4;--color-border-active: #0d9488;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-info: #2563eb;--color-status-live: #0d9488;--color-status-join: #f59e0b;--color-status-end: #6b7280;--color-hero-bg: #1c1917;--color-hero-text: #fafaf9;--color-hero-subtext: #d6d3d1;--color-hero-demo-bg: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-panel: 12px;--radius-input: 8px;--radius-pill: 9999px;--radius-ghost: 6px;--radius-chip: 4px;--radius-bar: 2px;--font-body: "Noto Sans JP", sans-serif;--font-mono: "Geist Mono", monospace;--font-display: "Instrument Serif", serif;--font-display-sans: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-bg-outer);line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vx-typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes vx-pulse{0%,to{opacity:1}50%{opacity:.4}}.vx-live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:vx-pulse 2s infinite ease-in-out;display:inline-block;flex-shrink:0}