@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--p:#7c3aed;--p-dark:#6d28d9;--grad:linear-gradient(135deg, #7c3aed, #ec4899, #f59e0b);--gp:#7c3aed4d;--gpk:#ec489940;--orb1:#7c3aed26;--orb2:#ec48991f;--orb3:#f59e0b1a;--danger:#ef4444;--success:#10b981;--info:#06b6d4}:root,[data-mode=dark]{--bg:#04010d;--bg2:#0c0719;--glass:#ffffff0a;--glass-b:#ffffff12;--glass-h:#ffffff1a;--text:#f3f0ff;--dim:#f3f0ff8c;--muted:#f3f0ff52;--nav-bg:#04010da6;--gp:#7c3aed4d;--gpk:#ec489940;--orb1:#7c3aed26;--orb2:#ec48991f;--orb3:#f59e0b1a}[data-mode=light]{--bg:#faf7ff;--bg2:#f0ebfa;--glass:#7c3aed0a;--glass-b:#7c3aed14;--glass-h:#7c3aed1f;--text:#1a0533;--dim:#1a053399;--muted:#1a053359;--nav-bg:#faf7ffbf;--gp:#7c3aed26;--gpk:#ec48991f;--orb1:#7c3aed14;--orb2:#ec48990f;--orb3:#f59e0b0d}[data-theme=neon-glow]{--p:#7c3aed;--p-dark:#6d28d9}[data-theme=sakura-pink]{--p:#ec4899;--p-dark:#db2777}[data-theme=deep-ocean]{--p:#06b6d4;--p-dark:#0891b2}[data-theme=golden-sunset]{--p:#f59e0b;--p-dark:#d97706}[data-theme=matcha-green]{--p:#10b981;--p-dark:#059669}[data-theme=mono-dark]{--p:#fff;--p-dark:#e5e5e5}[data-theme=candy-pop]{--p:#e879f9;--p-dark:#d946ef}[data-theme=ice-blue]{--p:#7dd3fc;--p-dark:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans Thai,Sora,sans-serif;line-height:1.6}main{display:block}img,picture,video,canvas,svg{max-width:100%;display:block}img,picture{height:auto}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}ul,ol{list-style:none}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html{scroll-behavior:auto}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans Thai,Sora,sans-serif;line-height:1.6;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}[data-mode]{transition:background-color .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-b);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--glass-h)}::selection{color:var(--text);background:#7c3aed4d}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:768px){.container{padding:0 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}