:root{--bg-dark:#1e2130;--bg-card:#fff;--bg-table:#f0f2f5;--bg-input:#f5f6f8;--text-primary:#1a1d2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-on-dark:#fff;--accent:#4f6ef7;--accent-hover:#3b5de7;--accent-light:#eef1fe;--danger:#ef4444;--success:#22c55e;--border:#e5e7eb;--border-light:#f0f0f0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 8px 40px #00000029;--shadow-card:0 12px 48px #00000040;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}button{font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1;display:inline-flex}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);padding:.625rem 1.5rem;font-weight:600}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{border:1px solid var(--border);background:var(--bg-card);padding:.5rem 1rem}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-table);color:var(--text-primary)}.btn-danger{color:var(--danger);font-size:.8rem}.btn-danger:hover{background:#fef2f2}input[type=text]{font-family:var(--font-sans);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition);outline:none;width:100%;padding:.75rem 1rem;font-size:1rem}input[type=text]::placeholder{color:var(--text-muted)}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef726}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8rem;font-weight:600;display:flex}.toast{border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.3s toast-in}.toast-success{color:#166534;background:#dcfce7}.toast-error{color:#991b1b;background:#fef2f2}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-shell{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex}.page-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);width:100%;max-width:440px;padding:2.5rem}.room-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;width:100%;max-width:1100px;min-height:600px;display:flex;overflow:hidden}