:root{color-scheme:light dark;--bg: #f0f2f5;--panel: #ffffff;--panel-alt: #f7f8fa;--border: #e0e3e8;--text: #1f2430;--text-muted: #6b7280;--accent: #2f3a4f;--accent-text: #ffffff;--link: #2563eb;--danger: #dc2626;--danger-text: #ffffff;--online: #22c55e;--bubble-mine: #d9fdd3;--bubble-theirs: #ffffff;--bubble-text: #111827;--focus: #3b82f6;--shadow: 0 1px 2px rgba(0, 0, 0, .08);--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #0f1218;--panel: #171b23;--panel-alt: #1e232d;--border: #2a303c;--text: #e5e7eb;--text-muted: #9ca3af;--accent: #3d4a63;--link: #60a5fa;--danger: #ef4444;--bubble-mine: #1f4d3a;--bubble-theirs: #232936;--bubble-text: #e5e7eb;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}app-root{display:block;height:100%}a{color:var(--link)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);line-height:1.2;white-space:nowrap}.btn:hover:not(:disabled){background:var(--panel-alt)}.btn.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--danger-text)}.btn.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn.btn-ghost{border-color:transparent;background:transparent}.btn.btn-sm{padding:5px 10px;font-size:13px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-muted)}.icon-btn:hover:not(:disabled){background:var(--panel-alt);color:var(--text)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:13px;color:var(--text-muted)}.input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text)}.input:focus{border-color:var(--focus);outline:none}.error-text{color:var(--danger);font-size:13px}.muted{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:20px;max-width:min(92vw,420px);box-shadow:0 10px 30px #00000040}dialog::backdrop{background:#00000073}