:root{
  --bg:#050708;--bg-2:#0B0F12;--card:#0E1215;--card-2:#141A1F;--rule:#1D252C;--rule-2:#2A343D;
  --ink:#F2F5F7;--ink-2:#A9B2BA;--ink-3:#6F7A84;
  --green:#22E06B;--green-2:#19B856;--green-soft:rgba(34,224,107,.14);
  --sol:#9C8FE6;--sol-soft:rgba(156,143,230,.14);--rh:#E2874F;--rh-soft:rgba(226,135,79,.14);
  --ok:#22E06B;--ok-soft:rgba(34,224,107,.14);--bad:#F0605A;--bad-soft:rgba(240,96,90,.14);--warn:#E0B24C;
  --grad:var(--green);
  --font:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;--disp:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;position:relative;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(900px 500px at 100% 100%,rgba(34,224,107,.22),transparent 60%),
  radial-gradient(500px 300px at 0% 0%,rgba(255,255,255,.06),transparent 60%),
  url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1400\" height=\"900\" viewBox=\"0 0 1400 900\" fill=\"none\" stroke=\"rgba(255,255,255,0.055)\" stroke-width=\"1\"><path d=\"M0 90 Q700 40 1400 90 M0 210 Q700 170 1400 210 M0 330 Q700 300 1400 330 M0 450 Q700 430 1400 450 M0 570 Q700 560 1400 570 M0 690 Q700 690 1400 690 M0 810 Q700 820 1400 810 M100 0 Q60 450 100 900 M280 0 Q250 450 280 900 M460 0 Q445 450 460 900 M640 0 Q635 450 640 900 M820 0 Q825 450 820 900 M1000 0 Q1010 450 1000 900 M1180 0 Q1200 450 1180 900 M1360 0 Q1390 450 1360 900\"/></svg>") center/cover no-repeat, var(--bg)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--disp);line-height:1.05;letter-spacing:-.015em;margin:0;text-wrap:balance}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted{color:var(--ink-3)}
.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(14px,3vw,28px)}

/* top bar */
.top{position:sticky;top:0;z-index:20;background:rgba(5,7,8,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;align-items:center;gap:14px;height:60px}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:22px;letter-spacing:-.03em}
.brand em{margin-left:0;font-style:normal;color:var(--green)}
.brand img{height:34px;width:auto;border-radius:6px}
.brand .dots{display:inline-flex;gap:3px}.brand .dots i{width:12px;height:12px;border-radius:50%;background:#F2F5F7}.brand .dots i+i{background:var(--green)}
.search{flex:1;max-width:380px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:0 12px;height:38px}
.search input{flex:1;background:none;border:0;color:var(--ink);font:inherit;outline:0;min-width:0}
.search:focus-within{border-color:var(--green)}
.search kbd{font-family:var(--mono);font-size:11px;color:var(--ink-3);border:1px solid var(--rule);border-radius:4px;padding:1px 5px}
.nav{display:flex;gap:2px}
.nav a{padding:8px 11px;border-radius:6px;color:var(--ink-2);font-weight:600;font-size:14px}
.nav a:hover,.nav a.on{background:var(--card-2);color:var(--ink)}
.right{margin-left:auto;display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;border:1px solid var(--rule-2);background:var(--card);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--ink-3)}
.btn.primary{background:var(--green);border:0;color:#04120A;box-shadow:0 0 0 1px rgba(34,224,107,.35),0 6px 24px rgba(34,224,107,.18)}
.btn.primary:hover{background:#3BF07F}
.btn.ghost{background:transparent}
.btn:disabled{opacity:.55;cursor:default}
.btn .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.wallet-menu{position:relative}
.wallet-menu .menu{position:absolute;right:0;top:44px;background:var(--card);border:1px solid var(--rule-2);border-radius:10px;padding:8px;min-width:250px;display:none;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.wallet-menu.open .menu{display:block}
.menu .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px}
.menu .row:hover{background:var(--card-2)}
.menu .row b{font-weight:600;font-size:14px}
.menu .row small{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.menu .row .act{font-size:12.5px;color:var(--sol);cursor:pointer}
.menu .row .act.rh{color:var(--rh)}
@media (max-width:800px){.search{display:none}.nav{display:none}}

/* hero strip */
.hero{padding:34px 0 8px}
.hero h1{font-size:clamp(30px,4.6vw,50px);font-weight:800;max-width:14ch}
.hero .lede{font-size:17px;color:var(--ink-2);max-width:58ch;margin:12px 0 0}
.kpis{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.kpi{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:10px 14px;min-width:150px}
.kpi .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.kpi .v{font-family:var(--disp);font-weight:700;font-size:22px;margin-top:2px;font-variant-numeric:tabular-nums}
.strip{margin-top:18px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr 1fr auto;gap:16px;align-items:center}
.strip img{width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--card-2)}
.strip .cap{font-family:var(--disp);font-weight:800;font-size:24px;font-variant-numeric:tabular-nums}
.strip .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.strip .k.s{color:var(--sol)}.strip .k.r{color:var(--rh)}
.strip[hidden],[hidden]{display:none!important}
@media (max-width:760px){.strip{grid-template-columns:1fr 1fr}}

/* layout */
.cols{display:grid;grid-template-columns:1fr;gap:22px;margin-top:22px;align-items:start}
.below{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;align-items:start}
.teaser{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px}
.teaser b{display:block;font-family:var(--disp);font-size:18px;margin-bottom:6px}
.teaser p{color:var(--ink-2);line-height:1.5;margin:0 0 12px;font-size:14px}
@media (max-width:800px){.below{grid-template-columns:1fr}}
@media (max-width:1000px){.cols{grid-template-columns:1fr}}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tabs{display:flex;gap:2px;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:3px}
.tabs button{border:0;background:none;padding:6px 12px;border-radius:6px;color:var(--ink-2);font-weight:600;font-size:13.5px;cursor:pointer}
.tabs button.on{background:var(--green-soft);color:var(--green)}
.toolbar select{margin-left:auto;background:var(--card);border:1px solid var(--rule);color:var(--ink);border-radius:8px;padding:7px 10px;font:inherit;font-size:13.5px}

/* coin cards */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.coin{display:grid;grid-template-columns:76px 1fr;gap:12px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:12px;transition:border-color .15s,transform .15s}
.coin:hover{border-color:var(--rule-2);transform:translateY(-1px)}
.coin img{width:76px;height:76px;border-radius:10px;object-fit:cover;background:var(--card-2)}
.coin .t{display:flex;align-items:baseline;gap:8px;min-width:0}
.coin .name{font-family:var(--disp);font-weight:700;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coin .sym{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.coin .age{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-3);white-space:nowrap}
.side-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;margin-top:7px;font-size:13px}
.side-row .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.side-row .lbl.s{color:var(--sol)}.side-row .lbl.r{color:var(--rh)}
.bar{height:5px;background:var(--bg-2);border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:3px}
.bar.s i{background:var(--sol)}.bar.r i{background:var(--rh)}
.side-row .cap{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.coin .foot{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--rule-2);color:var(--ink-2);white-space:nowrap}
.pill.ok{border-color:transparent;color:var(--ok);background:var(--ok-soft)}
.pill.no{border-color:transparent;color:var(--bad);background:var(--bad-soft)}
.pill.warn{border-color:transparent;color:var(--warn);background:rgba(224,178,76,.14)}
.pill.s{border-color:transparent;color:var(--sol);background:var(--sol-soft)}
.pill.r{border-color:transparent;color:var(--rh);background:var(--rh-soft)}
.empty{border:1px dashed var(--rule-2);border-radius:12px;padding:34px 20px;color:var(--ink-2);text-align:center}
.empty b{display:block;font-family:var(--disp);font-size:20px;color:var(--ink);margin-bottom:6px}

/* feed */
.feed{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:12px 14px}
.feed h3{font-size:13px;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.feed h3 i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.feed ul{list-style:none;margin:0;padding:0;max-height:46vh;overflow:auto}
.feed li{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--rule);font-size:13px}
.feed li:first-child{border-top:0}
.feed .tag{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;height:fit-content}
.feed .tag.launch{background:var(--sol-soft);color:var(--sol)}.feed .tag.rebalance{background:var(--ok-soft);color:var(--ok)}.feed .tag.claim{background:var(--rh-soft);color:var(--rh)}
.feed li a{font-weight:600}
.feed li time{display:block;font-family:var(--mono);font-size:11px;color:var(--ink-3)}

/* how it works */
.how{margin:40px 0 20px}
.how h2{font-size:24px;margin-bottom:12px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.tile{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px}
.tile b{display:block;font-family:var(--disp);font-size:16px;margin-bottom:4px}
.tile p{margin:0;font-size:13.5px;color:var(--ink-2)}

/* coin page */
.coin-head{display:flex;align-items:center;gap:16px;padding:26px 0 12px;flex-wrap:wrap}
.coin-head img{width:72px;height:72px;border-radius:14px;object-fit:cover;background:var(--card-2)}
.coin-head h1{font-size:clamp(26px,4vw,40px)}
.coin-head .sym{font-family:var(--mono);color:var(--ink-3);font-size:14px}
.coin-head .desc{flex-basis:100%;color:var(--ink-2);max-width:70ch;margin:0}
.coin-head .socials{display:flex;gap:8px;margin-left:auto}
.mirror{display:grid;grid-template-columns:1fr 84px 1fr;gap:0;margin-top:10px;align-items:stretch}
.side{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px 18px;min-width:0}
.side.s{box-shadow:inset 0 3px 0 var(--sol)}.side.r{box-shadow:inset 0 3px 0 var(--rh)}
.side .chain{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--disp);font-weight:700;font-size:17px}
.side .chain small{font-family:var(--mono);font-weight:400;font-size:11px;color:var(--ink-3)}
.side .cap{font-family:var(--disp);font-weight:800;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em;margin:8px 0 0;font-variant-numeric:tabular-nums}
.side .sub{font-size:12.5px;color:var(--ink-3)}
.side .bar{margin-top:10px}
.side dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13.5px}
.side dt{color:var(--ink-3)}.side dd{margin:0;text-align:right;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--mono);font-size:11.5px}
.ca code{background:var(--bg-2);padding:5px 8px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.ca button{background:none;border:1px solid var(--rule-2);color:var(--ink-2);border-radius:6px;padding:4px 9px;cursor:pointer;font-family:var(--mono);font-size:11px}
.side .links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tie{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;text-align:center}
.tie:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:2px dashed var(--ok)}
.tie span{position:relative;background:var(--bg);font-family:var(--mono);font-size:10.5px;color:var(--ink-3);padding:2px 4px;line-height:1.3}
.tie span.gap{font-size:17px;font-weight:600;color:var(--ok)}.tie span.gap.no{color:var(--bad)}
@media (max-width:760px){.mirror{grid-template-columns:1fr}.tie{height:60px}.tie:before{top:0;bottom:0;left:50%;right:auto;border-top:0;border-left:2px dashed var(--ok)}}
.panel{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;margin-top:12px}
.panel h2{font-size:15px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-weight:400}
.chart .cap{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);margin-bottom:8px}
.chart .cap i{display:inline-block;width:14px;height:3px;vertical-align:middle;margin-right:6px}
.chart svg{width:100%;height:auto;display:block}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.stat{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:11px 13px}
.stat .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.stat .v{font-family:var(--disp);font-weight:700;font-size:21px;margin-top:2px;font-variant-numeric:tabular-nums}
.stat .s{font-size:12px;color:var(--ink-3)}
.tbl{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th{text-align:left;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:7px 12px 7px 0;border-bottom:1px solid var(--rule-2)}
td{padding:8px 12px 8px 0;border-bottom:1px solid var(--rule);vertical-align:top}
td.num,th.num{text-align:right;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.timeline{list-style:none;padding:0;margin:0}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:6px 0;border-top:1px solid var(--rule);font-size:13.5px}
.timeline li:first-child{border-top:0}
.timeline time{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}

/* launch */
.launch-wrap{max-width:820px;margin:0 auto;padding:30px 0 60px}
.steps{display:flex;gap:6px;margin:18px 0 22px;flex-wrap:wrap}
.steps span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--rule);color:var(--ink-3)}
.steps span.on{border-color:var(--green);color:var(--green);background:var(--green-soft)}
.steps span.done{border-color:var(--ok);color:var(--ok)}
form.launch{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.launch label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink-2)}
form.launch label.full{grid-column:1/-1}
form.launch input,form.launch textarea{font:inherit;background:var(--card);border:1px solid var(--rule-2);color:var(--ink);padding:10px 12px;border-radius:8px}
form.launch input:focus,form.launch textarea:focus{outline:2px solid var(--green);outline-offset:1px}
form.launch input[type=range]{padding:0;accent-color:var(--sol)}
.imgpick{display:flex;align-items:center;gap:12px}
.imgpick img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--card-2);border:1px solid var(--rule)}
.quote{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;font-size:14px}
.quote .big{font-family:var(--disp);font-weight:800;font-size:28px;font-variant-numeric:tabular-nums}
.quote .rows{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:8px;font-size:13px;color:var(--ink-2)}
.quote .rows b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.pay{margin-top:14px;background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:16px}
.pay .addr{font-family:var(--mono);font-size:12.5px;background:var(--bg-2);padding:8px 10px;border-radius:8px;word-break:break-all;margin-top:8px}
.status{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:12px}
.status i{width:9px;height:9px;border-radius:50%;background:var(--warn)}
.status.ok i{background:var(--ok)}.status.bad i{background:var(--bad)}
.note{font-size:12.5px;color:var(--ink-3);margin-top:10px}
/* hero two-column */
.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;padding:34px 0 10px}
.hero .right{display:grid;gap:10px}
.hero .kpis{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero .kpi{min-width:0}
.hero .strip{margin:0;grid-template-columns:auto 1fr auto}
.hero .live-note{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--ink-2)}
.hero .live-note b{display:block;font-family:var(--disp);font-size:16px;color:var(--ink);margin-bottom:4px}
@media (max-width:900px){.hero{grid-template-columns:1fr}}

/* segmented sort */
.sorts{display:flex;gap:2px;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:3px;margin-left:auto}
.sorts button{border:0;background:none;padding:6px 10px;border-radius:6px;color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}
.sorts button.on{background:var(--green-soft);color:var(--green)}

/* skeletons */
.skel{height:14px;border-radius:6px;background:linear-gradient(90deg,var(--card-2) 25%,var(--rule) 50%,var(--card-2) 75%);background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{0%{background-position:200% 0}100%{background-position:-200% 0}}
.coin.skel-card{pointer-events:none}
.coin.skel-card .skel{margin-top:8px}
.feed li.quiet{grid-template-columns:1fr;color:var(--ink-3);font-size:13px}

/* wallet picker */
.modal{position:fixed;inset:0;z-index:50;background:rgba(5,8,12,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}
.sheet{background:var(--card);border:1px solid var(--rule-2);border-radius:14px;padding:16px 18px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.sheet-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sheet-h b{font-family:var(--disp);font-size:18px}
.sheet .x{background:none;border:0;color:var(--ink-3);font-size:22px;cursor:pointer;line-height:1}
.wlist{display:grid;gap:6px}
.wrow{display:flex;align-items:center;gap:12px;width:100%;background:var(--card-2);border:1px solid var(--rule);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;font-weight:600}
.wrow:hover{border-color:var(--ink-3)}
.wrow img,.wicon{width:28px;height:28px;border-radius:7px;background:var(--bg-2)}
.wicon.s{background:var(--sol-soft)}.wicon.r{background:var(--rh-soft)}
.wrow small{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--ok)}
.winstall{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.winstall a{color:var(--green)}
.menu .row>div{display:flex;align-items:center;gap:10px}
.menu .row img{width:26px;height:26px;border-radius:6px}
.wi{width:18px;height:18px;border-radius:5px;vertical-align:middle;margin-right:6px}

/* file dropzone */
.drop{display:flex;align-items:center;gap:12px;background:var(--card);border:1px dashed var(--rule-2);border-radius:10px;padding:10px 12px;cursor:pointer;position:relative}
.drop:hover{border-color:var(--ink-3)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--card-2)}
.drop .ph{width:56px;height:56px;border-radius:8px;background:var(--card-2);display:grid;place-items:center;color:var(--ink-3);font-size:22px}
.drop span{font-size:13.5px;color:var(--ink-2)}
input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:var(--rule-2);border-radius:3px;border:0!important;padding:0!important}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--green);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--green)}

/* mobile nav */
.burger{display:none;background:none;border:1px solid var(--rule-2);border-radius:8px;width:38px;height:38px;cursor:pointer}
.burger i{display:block;width:16px;height:2px;background:var(--ink);margin:3px auto}
@media (max-width:800px){.burger{display:block}.nav-open .nav{display:flex;position:absolute;top:60px;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--rule);padding:8px 14px;flex-direction:column}.top .btn.primary{padding:0 10px}}

footer{margin-top:50px;padding:18px 0 40px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.coin{transition:none}}

/* launch modes + pools */
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg button{text-align:left;padding:12px 14px;border:1px solid var(--rule);border-radius:12px;background:var(--card);color:var(--ink);cursor:pointer;font:inherit}
.seg button.on{border-color:var(--green);background:var(--green-soft)}
.seg b{display:block;font-family:var(--disp);font-size:15px}
.seg small{display:block;color:var(--ink-3);font-size:12px;margin-top:3px;line-height:1.4}
.bar.g i{background:var(--green)}
.pool-bar{height:10px}
.pools{margin-bottom:18px}
.pools h2{font-family:var(--disp);font-size:20px;margin:0 0 10px}
.pools h2 small{font-family:var(--font);font-size:13px;font-weight:400;margin-left:8px}
.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.pool{display:flex;gap:12px;padding:12px;border:1px solid var(--rule);border-radius:12px;background:var(--card);color:inherit;text-decoration:none;min-width:0}
.pool:hover{border-color:var(--green)}
.pool img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--bg-2);flex:none}
.pool>div{flex:1;min-width:0}
.pool .t{display:flex;gap:8px;align-items:baseline;min-width:0}
.pool .t .name{font-family:var(--disp);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pool .t .sym{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.pool .bar{margin:8px 0 6px}
.pool .foot{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}
.backers td.mono,.backers th{font-family:var(--mono);font-size:12px}
input#chip{font:inherit;font-family:var(--mono);padding:9px 10px;border:1px solid var(--rule);border-radius:10px;background:var(--bg-2);color:var(--ink);width:110px}
@media(max-width:640px){.seg{grid-template-columns:1fr}}

select#quote-sel{font:inherit;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--bg-2);color:var(--ink);width:100%}
.pill.q{border-color:transparent;background:var(--green-soft);color:var(--green)}