:root{--bg: #0A0B10;--bg2: #11131C;--card: #181A26;--card-hi: #1F2230;--border: rgba(255,255,255,.08);--text: #F5F6FA;--muted: rgba(245,246,250,.55);--dim: rgba(245,246,250,.35);--accent: #7C5CFF;--accent2: #00E0B7;--accent3: #FF6A3D;--warn: #FFB627;--red: #FF4D6D}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}html,body{background:#06070b;color:var(--text);font-family:Inter,IBM Plex Sans Thai,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background:radial-gradient(ellipse at 20% 0%,rgba(124,92,255,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,106,61,.08) 0%,transparent 55%),#06070b;min-height:100vh}body[lang=th],body[lang=th] *{font-family:IBM Plex Sans Thai,Inter,system-ui,sans-serif}button{font-family:inherit;-webkit-tap-highlight-color:transparent}input{font-family:inherit}.scrollable::-webkit-scrollbar{width:0;height:0}.scrollable{scrollbar-width:none}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes scanlineMove{0%{transform:translateY(-90px);opacity:.3}50%{opacity:1}to{transform:translateY(90px);opacity:.3}}@keyframes spin360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .36s cubic-bezier(.4,0,.2,1) both}