@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+Thai:wght@300;400;500;600&display=swap";
:root{--bg:#060d1a;--bg2:#0d1829;--bg3:#111f36;--surface:#162440;--surface2:#1c2e50;--border:#64c8ff1a;--border2:#64c8ff38;--accent:#4fc3f7;--accent2:#a78bfa;--green:#34d399;--danger:#fb7185;--warn:#fbbf24;--text:#e2eaf6;--text2:#8ca4c4;--text3:#4a6380;--mono:"IBM Plex Mono", monospace;--serif:"Instrument Serif", serif;--sans:"Noto Sans Thai", sans-serif;--r:12px;--rs:8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;font-size:14px;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 10%,#4fc3f70d 0%,#0000 60%),radial-gradient(50% 40% at 85% 80%,#a78bfa0a 0%,#0000 55%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#4fc3f705 1px,#0000 1px),linear-gradient(90deg,#4fc3f705 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes dot{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes dnaBase{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@keyframes dnaBond{0%,to{opacity:.1}50%{opacity:.5}}@keyframes barFill{0%{width:0}}