:root{--bg:#f0f8ff;--bg2:#e6f3ff;--bg3:#dbeafe;--surface:#fff;--surface2:#f0f9ff;--border:#0ea5e92e;--border2:#0ea5e95c;--accent:#0ea5e9;--accent2:#f59e0b;--accent3:#d97706;--glow:#0ea5e926;--text:#0c1a2e;--text2:#1e4d7a;--text3:#5a8ab0;--mono:"IBM Plex Mono", monospace;--sans:"Noto Sans KR", sans-serif;--display:"Syne", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#0ea5e912 1px,#0000 1px),linear-gradient(90deg,#0ea5e912 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg3)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}