:root{--primary: #646cff;--bg-dark: #0f172a;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--status-connected: #22c55e;--status-disconnected: #ef4444}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#root{width:100%;max-width:480px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding:1.5rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 32px #0000005e;margin-bottom:1.5rem}h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status-indicator{display:inline-flex;align-items:center;font-size:.875rem;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;box-shadow:0 0 12px currentColor}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;width:100%;margin-top:1rem}.btn-primary:active{transform:scale(.98);opacity:.9}.msg-item{padding:1rem;border-bottom:1px solid var(--glass-border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}