*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Noto Sans Thai,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background:#0c111b;color:#e2e8f0}a{color:inherit;text-decoration:none}:root{--bg: #1c3354;--shell-text: #8fb3d4;--surface: #ffffff;--surface2: #f0f7ff;--border: rgba(38,198,218,.2);--border2: rgba(38,198,218,.4);--text: #0f172a;--muted: #4a6a8a;--accent: #26c6da;--accent2: #00acc1;--hi: #e53935;--hi2: #c62828;--green: #10b981;--red: #ef4444;--yellow: #f59e0b;--glow: 0 0 20px rgba(38,198,218,.18);--glow-hi: 0 0 20px rgba(229,57,53,.18);--shadow: 0 2px 16px rgba(0,0,0,.25);--shadow-md: 0 4px 28px rgba(0,0,0,.3);--radius: 12px}