@font-face{font-family:Albert Sans;src:url(/fonts/AlbertSans-Latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito-VariableFont_wght.ttf)format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Variable.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}:root{color-scheme:dark;font-synthesis:none;color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--motion:.3s cubic-bezier(.4, 0, .2, 1);background:#070410;font-family:Albert Sans,Nunito,sans-serif;font-size:16px;line-height:24px}*{box-sizing:border-box}body{min-width:280px;margin:0}body:before{z-index:-2;content:"";background:radial-gradient(240px 560px at 12% -10%,#7347ff8c,#0000 55%),radial-gradient(280px 620px at 50% -12%,#7347ffa6,#0000 58%),radial-gradient(240px 560px at 88% -10%,#7347ff8c,#0000 55%),radial-gradient(circle at 50% 100%,#7347ff52 0%,#7347ff1a 35%,#0000 70%),linear-gradient(#070410,#070410);position:fixed;inset:0}.stars{z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 18% 28%,#ffffffe6,#0000),radial-gradient(1px 1px at 72% 18%,#c8dcffcc,#0000),radial-gradient(1.5px 1.5px at 40% 60%,#fff9,#0000),radial-gradient(1px 1px at 85% 72%,#b4c8ffb3,#0000),radial-gradient(2px 2px at 25% 85%,#ffffff80,#0000),radial-gradient(1px 1px at 62% 45%,#dcc8ff99,#0000);background-size:220px 220px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.play-button,.link{-webkit-user-select:none;user-select:none}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #cbb6ff}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;background:#33215f;border-radius:8px;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.page{width:min(340px,100% - 40px);padding-top:max(88px, calc(env(safe-area-inset-top,0px) + 64px));padding-bottom:max(88px, calc(env(safe-area-inset-bottom,0px) + 64px));flex-direction:column;justify-content:center;min-height:100svh;margin-inline:auto;display:flex;position:relative}.header{top:max(24px, env(safe-area-inset-top,0px));justify-content:center;align-items:center;width:100%;min-height:44px;display:flex;position:absolute;left:0}.brand-pill{backdrop-filter:blur(24px);color:#ffffffe6;height:30px;transition:transform var(--motion);background:#0000004d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 4px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;line-height:20px;display:inline-flex}.brand-pill img{object-fit:cover;border-radius:50%;width:24px;height:24px}.brand-pill:active{transform:scale(.95)}h1{margin:0;font-size:17px;font-weight:600;line-height:22px}.hero{color:#efebf7;margin:0 1px 18px;padding:8px 20px 20px;position:relative}.steps{letter-spacing:-.4px;gap:2px;width:fit-content;max-width:100%;margin:0 auto;padding:0;font-size:23px;font-weight:500;line-height:1.3;list-style:none;display:grid}.steps li{align-items:center;gap:16px;min-height:44px;display:flex}.step-number{color:#bba5e4;flex:0 0 33px;place-items:center;width:33px;height:36px;font-family:Caveat,cursive;font-size:25px;font-weight:500;line-height:36px;display:inline-grid;position:relative}.step-number svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;opacity:.55;width:36px;height:36px;position:absolute;inset:0}.final-step{color:#d3bfff;position:relative}.pencil-underline{fill:none;stroke:#9871ef;stroke-width:1.5px;stroke-linecap:round;opacity:.8;width:100%;height:8px;position:absolute;bottom:-7px;left:0}.play-button{color:#1a1205;letter-spacing:-.4px;background:linear-gradient(#ffd527,#f98f16);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:52px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;line-height:24px;transition:transform .16s ease-out,filter .16s ease-out;display:flex;box-shadow:0 6px 18px -4px #f98f1680,inset 0 1px #fff6}.links{gap:6px;margin-top:6px;display:grid}.link{height:52px;transition:transform var(--motion), background-color var(--motion), color var(--motion);background:#ffffff14;border:0;border-radius:24px;justify-content:center;align-items:center;gap:6px;padding:6px;font-family:Nunito,sans-serif;font-size:17px;font-weight:600;line-height:22px;display:flex}.link-icon{flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid}.play-button,.links>.link{text-align:center}.button-label{white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.social-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px;display:grid}.social-link svg{fill:currentColor;width:24px;height:24px}.social-link svg[fill=none]{fill:none}.token-icon{object-fit:contain;padding:5px}.detail-view{min-height:400px}.back-link{color:#ffffffa6;align-items:center;gap:8px;min-height:44px;margin-bottom:24px;font-size:14px;display:inline-flex}.detail-eyebrow{color:#ffffff80;letter-spacing:1px;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.detail-view h1{font-size:25px;line-height:32px}.detail-copy{color:#ffffffa6;margin-top:18px;font-size:16px;line-height:24px}.detail-copy p{margin:0 0 16px}.detail-action{align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:15px;display:inline-flex}@media (hover:hover) and (pointer:fine){.play-button:hover{filter:brightness(1.05)}.link:hover{color:#000;background:#fff;transform:scale(.97)}.detail-action:hover,.back-link:hover{text-underline-offset:4px;text-decoration:underline}}.play-button:active{transform:scale(.98)}.animate-shake{animation:2s ease-in-out infinite shake}@keyframes shake{0%,10%,65%,to{transform:rotate(0)scale(1)}30%,40%{transform:rotate(-1deg)scale(1.05)}35%,45%{transform:rotate(1deg)scale(1.05)}}.link:active{color:#000;background:#fff;transform:scale(.97)}@media (width<=360px){.page{width:calc(100% - 32px)}.hero{padding-inline:21px}.steps{font-size:22px}.steps li{gap:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
