@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&family=Sora:wght@700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F4EF;--bg-2: #EDE9E1;--card: #FFFFFF;--card-2: #FAFAF8;--text: #1E2235;--text-mid: #5A6478;--text-muted: #A0AABF;--primary: #6C72E8;--primary-soft: #EEF0FD;--primary-dark: #4B51CC;--coral: #FF6B6B;--coral-soft: #FFF0F0;--coral-dark: #E84545;--teal: #00C48C;--teal-soft: #E6FAF4;--teal-dark: #00A374;--sky: #29B6F6;--sky-soft: #E8F7FE;--gray-node: #DDE3EE;--gray-text: #9099AF;--shadow-sm: 0 2px 8px rgba(30,34,53,.07);--shadow-md: 0 4px 20px rgba(30,34,53,.1);--shadow-card: 0 2px 12px rgba(30,34,53,.08), 0 0 0 1px rgba(30,34,53,.04);--radius: 14px;--radius-sm: 8px;--font-ui: "Quicksand", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Sora", sans-serif}html,body,#root{height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden}body{background-image:radial-gradient(circle,#C8C0B0 1px,transparent 1px);background-size:28px 28px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-2);border-radius:4px}::-webkit-scrollbar-thumb{background:#c5c0b8;border-radius:4px}button{font-family:var(--font-ui);cursor:pointer}@keyframes pop-in{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ff6b6b80}50%{box-shadow:0 0 0 8px #ff6b6b00}}.step-desc{animation:slide-up .22s ease forwards}@keyframes mascot-wiggle{0%{transform:rotate(0) scale(1)}15%{transform:rotate(-8deg) scale(1.06)}30%{transform:rotate(7deg) scale(1.06)}45%{transform:rotate(-5deg) scale(1.04)}60%{transform:rotate(4deg) scale(1.02)}75%{transform:rotate(-2deg) scale(1.01)}to{transform:rotate(0) scale(1)}}