:root{--bg: #0b0d10;--card: #14181d;--label: #f4f6fa;--secondary: #9ba3ad;--accent: #4ea8ff;--separator: #1c2128;--live: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--label);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;font-size:14px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],textarea{width:100%;background:var(--card);color:var(--label);border:1px solid var(--separator);border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.page{max-width:1100px;margin:0 auto;padding:32px 24px}.card{background:var(--card);border:1px solid var(--separator);border-radius:14px;padding:20px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 #ef444499;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}