*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}:root{--bg-page: #0a0f1e;--bg-card: #1e293b;--bg-deep: #0f172a;--bg-inset: #1a2535;--border: #334155;--border-mid: #475569;--text-base: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--text-faint: #475569;--scrollbar-track: #0a0f1e;--scrollbar-thumb: #1e293b}:root.light{--bg-page: #f1f5f9;--bg-card: #ffffff;--bg-deep: #f8fafc;--bg-inset: #f1f5f9;--border: #e2e8f0;--border-mid: #cbd5e1;--text-base: #0f172a;--text-muted: #334155;--text-dim: #475569;--text-faint: #64748b;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1}body{background:var(--bg-page);transition:background .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}input::placeholder{color:var(--border)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}