:root{--bg: #0f0f10;--surface: #18181b;--surface-2: #222226;--border: #2e2e33;--text: #f4f4f5;--muted: #a1a1aa;--accent: #6366f1;--accent-hover: #818cf8;--mine: #312e81;--theirs: #27272a;--online: #22c55e;--danger: #ef4444;--radius: 12px;--font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--panel: rgba(255, 255, 255, .04);--panel-strong: rgba(255, 255, 255, .07)}:root[data-theme=sunset]{--bg: #170d13;--surface: #24141e;--surface-2: #301b29;--border: #4a2a3d;--text: #fff1f6;--muted: #d6a8bc;--accent: #f43f5e;--accent-hover: #fb7185;--mine: #7f1d1d;--theirs: #3f2430;--online: #34d399}:root[data-theme=ocean]{--bg: #07131c;--surface: #0f1f2c;--surface-2: #162a3a;--border: #26465f;--text: #e8f6ff;--muted: #9bc1d7;--accent: #0ea5e9;--accent-hover: #38bdf8;--mine: #0c4a6e;--theirs: #1d3344;--online: #22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}button,input{font:inherit}button{cursor:pointer;border:none;background:none}input{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 86%,#fff 14%);color:var(--text);border-radius:14px;padding:13px 15px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent);background:color-mix(in oklab,var(--surface) 78%,#fff 22%)}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);padding:12px 18px;font-weight:600;letter-spacing:.01em;transition:background .15s,transform .15s,box-shadow .2s;box-shadow:0 12px 28px #6366f147}.btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--muted);padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:var(--panel);transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease}.btn-ghost:hover{background:var(--panel-strong);border-color:#ffffff29;color:var(--text);transform:translateY(-1px)}.error{color:var(--danger);font-size:14px;margin-top:8px}.hint{color:var(--muted);font-size:13px;line-height:1.5}.avatar{width:40px;height:40px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:600;font-size:15px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeInUp .28s ease both}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--online);flex-shrink:0}.offline-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}