*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080810;--bg2: #0f0f1a;--bg3: #16162a;--bg4: #1c1c35;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0f0f8;--text2: #8888aa;--text3: #44445a;--accent: #f5c842;--accent-dim: rgba(245,200,66,.12);--accent-border: rgba(245,200,66,.3);--green: #34d399;--green-bg: rgba(52,211,153,.08);--green-border: rgba(52,211,153,.25);--red: #f87171;--red-bg: rgba(248,113,113,.08);--red-border: rgba(248,113,113,.25);--orange: #fb923c;--orange-bg: rgba(251,146,60,.08);--orange-border: rgba(251,146,60,.25);--blue: #60a5fa;--blue-bg: rgba(96,165,250,.08);--blue-border: rgba(96,165,250,.25);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{height:100%}body{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%}input,select,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-border)!important;box-shadow:0 0 0 3px var(--accent-dim)}button:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease both}