@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#110d19;--panel:#1a1425;--line:#30263f;--text:#f6f1fb;--muted:#aaa1b7;--lime:#dcf98b;--purple:#b89bfa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{transition:.18s}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:96px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-1px}.brandmark{color:var(--lime);font-size:38px;line-height:1}.brandmark span{font-size:23px;margin-left:-3px}.beta{font:500 9px 'DM Sans';letter-spacing:1px;border:1px solid #584969;border-radius:4px;padding:5px;margin-left:7px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover,.plain:hover{color:var(--lime)}button{border:0}.plain{background:none;color:var(--text);padding:0}.primary,.secondary{padding:17px 22px;border-radius:9px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:26px}.primary{background:var(--lime);color:#17200b}.primary:hover{background:#ecffbc;transform:translateY(-2px)}.primary.small{padding:12px 18px;font-size:12px}.secondary{border:1px solid #494052;background:transparent;color:var(--text)}.secondary:hover{border-color:var(--purple);background:#241b33}main{max-width:1440px;margin:auto;padding:0 5%}.hero{min-height:620px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:35px;padding:70px 0 60px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--lime);flex-shrink:0}h1{font:500 clamp(56px,6.1vw,88px)/1.03 'Space Grotesk';letter-spacing:-5px;margin:25px 0}h1 span,h2 span{color:var(--purple)}.intro>p{color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 29px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-top:26px}.hero-note i{width:3px;height:3px;background:#62566f;border-radius:50%}.hero-art{height:460px;position:relative;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:390px;height:390px;border:1px solid #322640;border-radius:50%}.o2{width:480px;height:480px;border-style:dashed;opacity:.6}.meme-polaroid{width:250px;background:#f3eddf;padding:12px 12px 0;color:#1b1222;transform:rotate(-9deg) translate(-43px,-8px);box-shadow:0 26px 80px #0008;z-index:1}.meme-polaroid img{width:100%;height:252px;object-fit:cover}.meme-polaroid>div{padding:13px 4px 16px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.meme-polaroid>div span{font-size:9px}.split-card{position:absolute;bottom:22px;right:0;z-index:2;background:#bba3f0;color:#24143d;width:270px;padding:24px;border-radius:14px;transform:rotate(5deg);box-shadow:0 20px 60px #0004}.split-card>span{font-size:9px;letter-spacing:1.5px;font-weight:700}.split-track{display:flex;gap:4px;margin:13px 0}.split-track b{width:50%;height:5px;border-radius:3px;background:#392352}.split-track b+ b{background:#f1e9ff}.split-values{display:flex;justify-content:space-between;align-items:center}.split-values strong{display:block;font:600 42px 'Space Grotesk';letter-spacing:-2px}.split-values strong span{font-size:23px}.split-values small{font-size:11px}.split-plus{color:#765d9d}.float-label{position:absolute;font:500 9px 'Space Grotesk';letter-spacing:1.5px;color:#b7a6c8}.top-label{top:15px;left:65px;transform:rotate(-5deg)}.bottom-label{right:60px;bottom:-12px;transform:rotate(5deg)}.preview-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.preview-strip b{color:var(--text);font-weight:500}#explore{padding-top:70px}.section-heading h2{font:500 32px 'Space Grotesk';letter-spacing:-1px;margin:16px 0 12px}.section-heading p,.explain p,.calculator p{font-size:14px;line-height:1.7;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:30px 0 24px}.tabs{display:flex;gap:4px}.tabs button{background:transparent;color:var(--muted);font-size:12px;padding:11px 16px;border-radius:7px}.tabs button.active{background:#30223e;color:#e1d0ff}.tabs span{margin-left:6px;color:var(--purple)}input{background:#1b1425;border:1px solid #3a2c4c;border-radius:8px;padding:13px;color:var(--text);font:inherit;min-width:0}#search{font-size:12px;width:250px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s;text-align:left;color:var(--text);padding:0}.card:hover{transform:translateY(-5px);border-color:#77608f}.card-cover{height:240px;position:relative;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.04)}.card-cover .tag{position:absolute;top:14px;left:14px;padding:6px 8px;border-radius:5px;background:#120d1bd9;font-size:9px;letter-spacing:1px}.card-body{padding:20px}.coin-title{display:flex;align-items:center;justify-content:space-between}.coin-title h3{font:500 21px 'Space Grotesk';margin:0}.coin-title span{font-size:11px;color:var(--muted)}.creator{font-size:12px;color:var(--muted);margin:12px 0 23px}.creator b{font-weight:500;color:var(--purple)}.mini-split{display:flex;gap:3px;height:3px}.mini-split i{background:var(--purple);width:50%}.mini-split i+ i{background:var(--lime)}.card-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px}.attribution{font-size:10px;line-height:1.6;color:#83758f;margin-top:20px}.attribution a{color:#bca8d3}.empty{padding:45px;grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.explain{margin-top:90px;padding:70px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:90px}.explain h2,.calculator h2{font:500 45px/1.1 'Space Grotesk';letter-spacing:-2px;margin:23px 0}.explain .secondary{margin-top:16px}.steps article{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:6px}.steps article>span{font:500 12px 'Space Grotesk';color:var(--purple);margin-top:5px}.steps h3{font:500 20px 'Space Grotesk';margin:0 0 10px}.steps p{margin:0}.calculator{background:#21162f;border:1px solid #3c2b50;border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:20px 0 65px}.calc-ui label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.calc-ui input{font:500 33px 'Space Grotesk';width:100%;margin:12px 0 20px;background:#160f20}.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calc-results small{font-size:9px;letter-spacing:1px;color:var(--muted)}.calc-results strong{display:block;font:500 26px 'Space Grotesk';margin-top:6px;color:var(--purple)}.calc-results>div+div strong{color:var(--lime)}.calc-ui p{font-size:10px;margin-top:20px}footer{display:flex;align-items:center;gap:25px;padding:26px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer .brand{color:var(--text);font-size:19px}footer>span{margin-left:auto;font-size:10px}dialog{background:#1a1325;color:var(--text);border:1px solid #58436b;border-radius:18px;padding:28px;width:min(540px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#08050dcc;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.close{background:#30213f;color:white;font-size:23px;width:30px;height:30px;border-radius:50%}dialog h2{font:500 30px 'Space Grotesk';letter-spacing:-1px}dialog p{color:var(--muted);font-size:13px;line-height:1.7}dialog label{display:block;font-size:12px;margin:20px 0 8px}dialog input{width:100%}dialog .primary{margin-top:24px;width:100%}dialog .route{background:#281d38;border-radius:10px;padding:16px;margin:20px 0;line-height:1.9;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{padding:12px 15px;border:1px solid #624a76;border-radius:8px;font-size:12px!important}.error{color:#ffb6c5!important}.detail-img{width:100%;height:220px;object-fit:cover;border-radius:10px;margin-top:20px}.route a{color:var(--purple)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--lime);color:#1a240b;padding:14px 24px;border-radius:9px;font-size:13px;display:none;z-index:10}@media(max-width:900px){nav{gap:15px}header{padding:0 4%}.hero{gap:5px}.hero-art{transform:scale(.85);transform-origin:center}.o2{width:390px;height:390px}.hero h1{font-size:63px}.cards{gap:13px}.card-cover{height:195px}.explain{gap:35px}.calculator{gap:35px;padding:30px}}@media(max-width:650px){header{height:77px}.brand{font-size:20px}.brandmark{font-size:30px}.beta{display:none}nav{display:none}main{padding:0 6%}.hero{grid-template-columns:1fr;padding-top:42px;gap:20px}.hero h1{font-size:62px;letter-spacing:-3px}.hero-art{height:400px;width:100%;max-width:430px;margin:auto;transform:scale(.9)}.hero-note{font-size:9px}.preview-strip{flex-wrap:wrap;line-height:1.6}.preview-strip>span:last-child{width:100%}#explore{padding-top:45px}.section-heading h2{font-size:28px}.toolbar{flex-direction:column}.tabs button{font-size:11px;padding:11px}#search{width:100%}.cards{grid-template-columns:1fr}.card-cover{height:300px}.explain{grid-template-columns:1fr;margin-top:50px;padding:45px 0;gap:35px}.explain h2,.calculator h2{font-size:39px}.calculator{grid-template-columns:1fr;padding:25px;gap:15px}footer{flex-wrap:wrap;gap:14px}footer>span{margin:0;width:100%}.actions{gap:10px}.primary,.secondary{font-size:12px;padding:15px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.chart-preview{margin-top:70px}.chart-shell{margin-top:28px;border:1px solid var(--line);border-radius:14px;background:#181020;padding:24px}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.chart-heading strong{font:500 17px 'Space Grotesk'}.chart-heading span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.chart-controls{display:flex;gap:6px}.chart-controls button,.chart-controls select{background:#23192f;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:9px 12px;font:inherit;font-size:11px}.chart-controls button.active{color:var(--purple);border-color:#705488}#simpleChart{margin:30px 0 15px}#simpleChart svg{display:block;width:100%;height:auto}.chart-foot{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}@media(max-width:650px){.chart-shell{padding:15px}.chart-heading{flex-wrap:wrap}.chart-foot{gap:15px;font-size:9px}#simpleChart{overflow:hidden}#simpleChart svg{min-height:170px}}

.reward-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.reward-tabs button{background:transparent;color:inherit;border:1px solid #473054;border-radius:999px;padding:10px 15px;cursor:pointer}.reward-tabs button[aria-pressed="true"]{background:#f529e6;color:#16051f;border-color:#f529e6}.post-metrics{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#c8b5db}.reward-rules{margin:24px 0;padding:18px;border:1px solid #473054;border-radius:14px}.reward-rules summary{cursor:pointer;font-weight:700}.reward-rules p{font-size:13px;line-height:1.65}[data-reward-section][hidden]{display:none}.x-post button:disabled{opacity:.5;cursor:not-allowed}

.footer-coin{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 13px}.footer-coin img{width:16px;height:16px;object-fit:contain}.footer-coin:hover{border-color:var(--purple);color:var(--purple)}
