/* simo web app: fomo.family terminal layout with simo branding.
   >=1280 three columns (list | coin | trade) · 981-1279 two columns, trade + about drop under the chart
   <=980 phone/tablet app shell (centred, max 640) with floating tab bar and buy sheet */
@font-face{font-family:Geist;src:url(fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --bg:#0A0A0D;--card:#111115;--input:#141418;--raised:#1C1C22;--chip:#1A1A1F;--pill:#26262C;--line:#1F1F26;--inset:#0C0C10;
  --t1:#FFFFFF;--t2:#8A8A93;--t3:#7E7E88;
  --acc:#5B5BF5;--acc-bg:rgba(91,91,245,.16);
  --up:#22C55E;--up-bg:#0F3A21;--down:#FF4D2E;--down-bg:#3A1410;--gold:#F5C542;
  --font:Geist,"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--t1);font-family:var(--font);font-size:13px;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
body{overflow-x:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-variant-numeric:tabular-nums}
input,textarea{font:inherit;color:inherit;background:none;border:0;outline:0}
a{color:inherit}
img{max-width:100%}
img[src$="simo-wordmark-small.svg"]{aspect-ratio:2388/1011}
button,a,[data-tok],[data-user]{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
.t2{color:var(--t2)}.t3{color:var(--t3)}.flat{color:var(--t2)}.up{color:var(--up)}.down{color:var(--down)}.acc{color:var(--acc)}
.cents{color:var(--t3)}
.tri{display:inline-block;margin:0 3px 1px 0;vertical-align:middle}
.av{border-radius:50%;flex:none;display:block;object-fit:cover;background:var(--raised)}
.tav{position:relative;flex:none;display:block}
.cb{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--card);background:#0B0B10 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='1' y2='0'%3E%3Cstop stop-color='%239945FF'/%3E%3Cstop offset='1' stop-color='%2314F195'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M7 4h14l-4 4H3zM3 10h14l4 4H7zM7 16h14l-4 4H3z'/%3E%3C/svg%3E") center/8px no-repeat}
.tav .cb{width:14px;height:14px}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#24242B;border-radius:6px}::-webkit-scrollbar-track{background:transparent}
.fu{animation:fu .5s}.fd{animation:fd .5s}@keyframes fu{0%{color:var(--up)}}@keyframes fd{0%{color:var(--down)}}

/* ---------- header (52px, sits on the page) ---------- */
.top{height:52px;display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;align-items:center;gap:16px;padding:0 16px;position:sticky;top:0;z-index:20;background:var(--bg)}
.logo{display:flex;align-items:center;gap:8px}
.logo img{height:22px;display:block}
.paper-tag{font:600 11px var(--font);letter-spacing:.06em;color:var(--t2);background:var(--chip);border:1px solid var(--line);padding:1px 6px;border-radius:4px;line-height:16px}
.search{height:42px;display:flex;align-items:center;gap:10px;padding:0 10px 0 14px;background:#0F0F13;border:1px solid var(--line);border-radius:10px;color:var(--t2);min-width:0}
.search:focus-within{border-color:#2E2E36}
.search input{flex:1;min-width:0;color:var(--t1);font-size:14px}.search input::placeholder{color:var(--t2)}
.kbd{font:500 11px var(--font);padding:2px 6px;border-radius:4px;background:var(--raised);color:var(--t2)}
.bal{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0}
.chip-bal{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;justify-content:center;line-height:1.3;white-space:nowrap}
.chip-bal b{font-weight:500;font-size:13px}.chip-bal span{font-size:11px;color:var(--t2)}
.me{width:32px;height:32px;border-radius:50%;flex:none;cursor:pointer;margin-left:4px}
.doclink{height:36px;display:inline-flex;align-items:center;padding:0 10px;color:var(--t2);text-decoration:none;font-size:14px;border-radius:8px}.doclink:hover{color:var(--t1)}
.authbtn{height:36px;padding:0 16px;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;font-size:14px;white-space:nowrap}
.authbtn.m,.mme{display:none}
body:not(.loggedout) .bal .authbtn,body:not(.loggedout) .bal .doclink{display:none}
body.loggedout .bal .chip-bal,body.loggedout #meav{display:none}

/* ---------- grid ---------- */
.app{display:grid;grid-template-columns:300px minmax(0,1fr) 286px;gap:16px;padding:0 16px;height:calc(100vh - 52px - 32px);height:calc(100dvh - 52px - 32px)}
.col{min-height:0;overflow:auto;scrollbar-width:thin}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px}
.foot{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;padding:0 16px}
.foot a{color:var(--t2);text-decoration:none}.foot a:hover{color:var(--t1)}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--up);flex:none}

/* ---------- left card ---------- */
.left{display:flex;flex-direction:column;overflow:hidden}
.ltabs{display:flex;align-items:center;gap:12px;height:48px;padding:0 10px 0 12px;flex:none}
.ltabs [data-lt]{font-size:16px;font-weight:500;color:var(--t3);height:32px}
.ltabs [data-lt]:hover{color:var(--t2)}.ltabs [data-lt].on{color:var(--t1)}
.bell{position:relative;flex:none;width:28px;height:28px;display:grid;place-items:center;color:var(--t2);border-radius:6px}
.bell i{display:none;position:absolute;right:-2px;top:3px;min-width:14px;height:14px;padding:0 3px;border-radius:4px;background:#FF7A1A;color:#fff;font:700 11px/14px var(--font);font-style:normal}
.bell i.on{display:block}
.lcol{margin-left:auto;flex:none;width:28px;height:28px;display:grid;place-items:center;color:var(--t3);border-radius:6px}.lcol:hover,.bell:hover{color:var(--t1);background:var(--raised)}
#leftbody{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}
.fpop{position:absolute;right:10px;top:34px;z-index:5;background:var(--raised);border:1px solid #2A2A32;border-radius:10px;padding:6px 12px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.mhome,.msearchbox,.mtabs2,.mbanner{display:none}
.chips{display:flex;align-items:center;gap:4px;padding:0 10px 8px;flex:none;overflow-x:auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{height:28px;padding:0 6px;border-radius:6px;border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--t2);white-space:nowrap;flex:none}
.chip:hover:not(.on){color:var(--t1)}
.chip.on{background:var(--pill);border-color:var(--pill);color:var(--t1)}
.chipi{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--t2);flex:none}
.chipi:hover{color:var(--t1)}.chipi.on{color:var(--acc);background:var(--acc-bg)}
.chipi.star.on{color:#F5B83D;background:rgba(245,184,61,.12)}
.chipi.hold{display:none}.chipi.sl{margin-left:auto}
.list{flex:1;min-height:0;overflow:auto;padding:0 8px 8px;scrollbar-width:thin}
.trow{display:flex;align-items:center;gap:12px;height:56px;padding:0 10px;border-radius:10px;cursor:pointer}
.trow:hover{background:#16161B}.trow.on{background:var(--raised)}
.trow .nm{flex:1;min-width:0;line-height:1.3}
.trow .nm b{display:block;font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trow .nm span{font-size:13px;color:var(--t2)}.trow .nm em{display:none;font-style:normal}
.trow .px{text-align:right;line-height:1.3;white-space:nowrap}
.trow .px b{display:block;font-weight:500;font-size:15px;color:var(--t1);animation:none!important}.trow .px span{font-size:13px}
.trow .cb{border-color:var(--card)}.trow.on .cb{border-color:var(--raised)}
.empty{padding:24px 12px;text-align:center;color:var(--t2);font-size:13px;line-height:1.5}
.lnk{min-height:28px;color:var(--acc);font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
body.lcollapsed .app{grid-template-columns:72px minmax(0,1fr) 286px}
body.lcollapsed .ltabs>:not(.lcol){display:none}
body.lcollapsed .ltabs{justify-content:center;padding:0}body.lcollapsed .lcol{margin:0;transform:rotate(180deg)}
body.lcollapsed #leftbody .chips,body.lcollapsed .trow .nm,body.lcollapsed .trow .px{display:none}
body.lcollapsed #leftbody:not(.lb-tokens){display:none}
body.lcollapsed .trow{justify-content:center;padding:0}

/* segmented underline tabs (feed, leaderboard) */
.segtabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);flex:none}
.segtabs button{height:40px;font-size:14px;font-weight:500;color:var(--t2);position:relative}
.segtabs button.on{color:var(--t1)}
.segtabs button.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:2px;background:var(--acc)}

/* ---------- feed ---------- */
.fi{padding:12px 12px 12px;border-bottom:1px solid var(--line)}
.fi.new{animation:slidein .5s ease}@keyframes slidein{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.fh{display:flex;align-items:center;gap:8px;min-height:28px;cursor:pointer;min-width:0}
.fh>b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fh time{font-size:12px;color:var(--t3);flex:none}
.fh .bdg,.fh .av{flex:none}.cpa{display:none}
.fa{margin-left:auto;display:flex;align-items:center;gap:2px;flex:none}
.lk{height:28px;min-width:28px;padding:0 6px;display:flex;align-items:center;gap:4px;color:var(--t3);font-size:12px;border-radius:6px}
.lk:hover{color:var(--t1)}.lk.on{color:var(--down)}
.cp{height:28px;padding:0 10px;border-radius:6px;background:var(--chip);font-size:12px;font-weight:600;color:var(--t1);white-space:nowrap}.cp:hover{background:var(--pill)}
.bdg{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;font-size:12px;font-weight:500;flex:none;line-height:1}
.bdg.buy{color:var(--up);background:var(--up-bg)}.bdg.sell{color:var(--down);background:var(--down-bg)}.bdg.th{color:#9A9AFF;background:var(--acc-bg)}
.ftk{display:flex;align-items:center;gap:8px;min-height:28px;margin:4px 0 0 36px;cursor:pointer;font-size:13px;min-width:0}
.ftk .tav .cb{width:11px;height:11px;border-width:1.5px;background-size:6px}
.ftk .fl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ftk .fl b{font-weight:600}
.ftk .fp2{margin-left:auto;font-size:12px;flex:none}
.say{margin:4px 0 0 36px;font-size:13px;line-height:1.45;color:var(--t1);overflow-wrap:anywhere}

/* ---------- leaderboard ---------- */
.lbhead{padding:12px 12px 0;flex:none}
.prizecard{background:var(--raised);border-radius:12px;padding:12px}
.pc1{display:flex;align-items:center;gap:10px}.pc1>svg{color:var(--gold);flex:none}
.pc1 small{display:block;font-size:12px;color:var(--t2)}.pc1 b{font-size:15px;font-weight:600}
.pc1 a{margin-left:auto;font-size:12px;color:var(--t2);text-decoration:none;height:28px;display:inline-flex;align-items:center;padding:0 4px}.pc1 a:hover{color:var(--t1)}
.splitrow{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.splitrow::-webkit-scrollbar{display:none}
.splitrow span{flex:1 1 0;min-width:44px;background:var(--chip);border-radius:8px;padding:5px 2px;font-size:13px;font-weight:600;color:var(--gold);text-align:center}
.splitrow em{display:block;font-size:11px;font-weight:500;font-style:normal;color:var(--t2)}
.yr{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;padding:0 12px;margin-top:10px;background:var(--raised);border-radius:14px;cursor:pointer;text-align:left}
.yr .v{flex:1;min-width:0;line-height:1.3}.yr small{font-size:12px;color:var(--t2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yr b{font-size:16px;font-weight:600}
.yr .r{font-size:15px;font-weight:600;flex:none}
.cta-link{color:var(--acc);cursor:pointer}
.sec{display:flex;align-items:center;gap:8px;margin:14px 2px 4px;min-height:28px}
.sec b{font-size:15px;font-weight:600;white-space:nowrap}.sec>span{font-size:12px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbtog,.rng1{margin-left:auto;font-size:12px;color:var(--t2);height:28px;padding:0 8px;border-radius:6px;background:var(--chip);white-space:nowrap;display:inline-flex;align-items:center}
.lbtog:hover{color:var(--t1)}
.sec>span.rng1{flex:none}
.rng{margin-left:auto;display:flex;gap:2px}
.rng button{height:28px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;color:var(--t2)}
.rng button.on{background:var(--pill);color:var(--t1)}
.lrow{display:flex;align-items:center;gap:10px;min-height:64px;padding:0 6px;border-radius:10px;cursor:pointer}
.lrow:hover{background:#16161B}
.lrow.dim{opacity:.5}.lrow.dim:hover{opacity:.85}
.rk{width:24px;flex:none;text-align:center;font-size:13px;color:var(--t2);display:grid;place-items:center}
.lrow .v{flex:1;min-width:0;line-height:1.35}
.lrow .v b{font-weight:600;font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow .v small{font-size:11px;color:var(--t2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow .r{text-align:right;flex:none;line-height:1.35}.lrow .r b{font-size:14px;font-weight:600;display:block}
.lrow .r small{font-size:11px;display:flex;justify-content:flex-end;min-height:16px;margin-top:2px}
.lrow .r small:empty{display:none}
.prize{color:var(--gold);font-weight:600;white-space:nowrap}
.nope{color:var(--t2);white-space:nowrap}
.fp{display:flex}.fp .av{border:1.5px solid var(--card);margin-left:-5px}.fp .av:first-child{margin-left:0}
.badge{display:inline-block;font-size:11px;font-weight:600;color:var(--acc);background:var(--acc-bg);border-radius:4px;padding:0 5px;margin-left:4px;vertical-align:1px;line-height:16px}
#leftbody.lb-leaderboard .list{padding-top:0}

/* ---------- centre: token ---------- */
.centre{display:flex;flex-direction:column;padding-bottom:16px;scrollbar-width:none}
.centre::-webkit-scrollbar{display:none}
.mnav,.mprice,.mtabs3,#mtbody{display:none}
.thead{display:flex;align-items:center;gap:12px 16px;min-height:56px;flex-wrap:wrap;padding-bottom:8px;flex:none}
.who{display:flex;align-items:center;gap:10px;min-width:0}
.wv{min-width:0}
.n1{display:flex;align-items:center;gap:2px}
.thead h1{font-size:17px;font-weight:700;margin-right:6px;white-space:nowrap}
.ic{width:28px;height:28px;display:grid;place-items:center;color:var(--t2);border-radius:6px;flex:none}
.ic:hover{color:var(--t1);background:var(--raised)}
.thead .sub{font-size:12px;color:var(--t2);white-space:nowrap;margin-top:1px}.thead .sub span{color:var(--t3);margin:0 2px}
.hstats{margin-left:auto;display:flex;gap:8px;align-items:center}
.hprice{padding:0 8px;line-height:1.25;white-space:nowrap}.hprice small{display:block;font-size:12px;color:var(--t2)}.hprice b{font-size:20px;font-weight:500}
.stat{width:112px;height:50px;border-radius:8px;background:var(--input);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.3;white-space:nowrap}
.stat small{font-size:12px;color:var(--t2)}.stat b{font-size:15px;font-weight:500}
.chartbox{position:relative;height:clamp(300px,calc(100vh - 460px),560px);flex:none;border-top:1px solid var(--line)}
.chartbox canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cbar{display:flex;align-items:center;gap:4px;height:40px;border-top:1px solid var(--line);flex:none}
.tf{display:flex;gap:2px}
.tf button{height:28px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;color:var(--t2)}
.tf button:hover{color:var(--t1)}.tf button.on{color:var(--t1);background:var(--chip)}
.clock{margin-left:auto;font-size:12px;color:var(--t2);white-space:nowrap}
.ovrow{display:flex;align-items:center;gap:16px;height:44px;flex:none;flex-wrap:wrap}
.ovrow>b{font-size:13px;font-weight:600;margin-right:-8px}
.clegend{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--t2);white-space:nowrap}.clegend i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--up);flex:none}.clegend i.s{border-color:var(--down);margin-left:5px}
.mlegend{display:none}
.ckx{display:inline-flex;align-items:center;gap:7px;height:28px;font-size:12px;color:var(--t2);white-space:nowrap}
.ckx:hover{color:var(--t1)}
.ckx i{width:14px;height:14px;border-radius:3px;border:1.5px solid #3A3A44;display:grid;place-items:center;flex:none}
.ckx.on{color:var(--t1)}.ckx.on i{background:var(--acc);border-color:var(--acc)}
.ckx.on i::after{content:"";width:6px;height:3px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ctog{margin-left:auto;display:flex;gap:4px}
.ctog button{width:34px;height:28px;border-radius:6px;display:grid;place-items:center;color:var(--t3);border:1px solid transparent}
.ctog button.on{color:var(--up);background:var(--chip);border-color:var(--line)}
.rightslot{display:none}
.lower{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:start;flex:none}
.lower .card{overflow:hidden;min-height:200px}
.ch{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px}
.ch h2,.ch h3{font-size:15px;font-weight:500;white-space:nowrap}.ch h2 span,.ch h3 span{color:var(--t2);font-weight:400}
.cks{margin-left:auto;display:flex;gap:12px}
.ttabs{display:flex;gap:16px}.ttabs button{font-size:15px;font-weight:500;color:var(--t3);height:32px}.ttabs button.on{color:var(--t1)}
.tbl{width:100%;border-collapse:collapse}
.tbl th{font-size:11px;font-weight:400;color:var(--t2);text-align:left;padding:4px 10px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:7px 10px;vertical-align:middle;font-size:13px;white-space:nowrap;line-height:1.35}
.tbl th:first-child,.tbl td:first-child{padding-left:14px}.tbl th:last-child,.tbl td:last-child{padding-right:14px;text-align:right}
.tbl td>b{display:block;font-weight:500}.tbl td>small{display:block;font-size:11px;color:var(--t2)}.tbl td.tm{color:var(--t2)}.tbl td>small .up,.tbl td>small .down{font-size:11px}
.tbl tr.hl td{background:rgba(91,91,245,.06)}
.tcard2 .tbl td{height:42px}
.tcard2 .tbl th,.tcard2 .tbl td{padding-left:6px;padding-right:6px}.tcard2 .tbl th:first-child,.tcard2 .tbl td:first-child{padding-left:14px}.tcard2 .tbl th:last-child,.tcard2 .tbl td:last-child{padding-right:14px}
.tcard2 .u{gap:8px}
.u{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0}
.u b{font-weight:500;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.u:hover b{text-decoration:underline;text-underline-offset:3px}
.u small{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--t2)}
.hcard .tbl td{height:49px;padding-top:0;padding-bottom:0}
.cfoot{display:none}
.tcard2 .u b{max-width:78px;font-size:13px}
.tcard2 .tbl td:not(:first-child){font-size:12.5px}
.thl{padding:0 14px 8px}.thi{padding:10px 0;border-top:1px solid var(--line)}.thi .say{margin-left:32px}

/* ---------- right column ---------- */
.right{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;scrollbar-width:none}
.right::-webkit-scrollbar{display:none}
.right.fadeb{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),transparent);mask-image:linear-gradient(#000 calc(100% - 32px),transparent)}
.lbl24{font-size:11px;color:var(--t2);flex:none;align-self:center;margin-left:auto;padding:0 2px}
.right>.card,.rightslot>.card,.pw>.card{padding:16px}
.right>.card.trade{padding:14px}
.pw:empty{display:none}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg button{height:36px;border-radius:8px;background:var(--chip);font-weight:600;font-size:15px;color:var(--t1)}
.seg button.on.b{background:var(--up-bg);color:var(--up)}
.seg button.on.s{background:var(--down-bg);color:var(--down)}
.amt{display:flex;align-items:center;justify-content:space-between;gap:8px;height:70px;padding:0 16px;margin-top:16px;background:var(--input);border:1px solid var(--line);border-radius:10px;cursor:text}
.amt:focus-within{border-color:#3A3A46}.amt input:focus-visible{outline:0}
.amt input{font-size:28px;font-weight:500;width:100%;min-width:0}.amt input::placeholder{color:var(--t3)}
.amt span{font-size:13px;color:var(--t2);white-space:nowrap}
.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.presets button{height:40px;border-radius:8px;background:var(--chip);font-weight:600;font-size:14px}
.presets button:hover{background:var(--pill)}
.tinfo{display:flex;justify-content:space-between;gap:8px;margin-top:16px;font-size:13px;font-weight:500;white-space:nowrap}
.cta{width:100%;height:44px;border-radius:10px;font-weight:600;font-size:15px;margin-top:14px;background:var(--raised);color:var(--t2);cursor:default}
.cta.ok{cursor:pointer;background:var(--up);color:#04120A}
.cta.ok.s{background:var(--down);color:#1A0502}
.cta.acc,.cta.ok.acc{background:var(--acc);color:#fff}
.cta:active{transform:scale(.99)}
.quote{font-size:12px;color:var(--t3);margin-top:10px;text-align:center;line-height:1.4}
.pr1{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.pr1 .v{flex:1;min-width:0;line-height:1.35}.pr1 b{font-weight:500;font-size:15px;display:block}.pr1 small{font-size:12px;color:var(--t2)}
.pr1 .r{text-align:right;line-height:1.35}.pr1 .r b{font-size:15px}
.pr1 .cb{border-color:var(--card)}
.kv{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:var(--t2);padding:4px 0;min-height:24px}
.kv b{font-weight:500;color:var(--t1);text-align:right}
.thesis{margin-top:12px;background:var(--inset);border:1px solid var(--line);border-radius:10px;padding:12px}
.thesis .h{display:flex;align-items:center;gap:8px;font-size:13px}.thesis .h b{font-weight:500}
.tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;background:var(--acc-bg);color:#9A9AFF;font-size:12px;font-weight:500}
.thesis textarea{width:100%;resize:none;font-size:13px;color:var(--t1);margin:10px 0 6px;line-height:1.4}
.thesis textarea::placeholder{color:var(--t3)}
.thesis .f{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t2);white-space:nowrap}
.thesis .f #thc{margin-left:auto}
.thesis .f button{height:28px;padding:0 12px;border-radius:6px;background:var(--raised);font-size:12px;font-weight:600;color:var(--t1)}
.thesis .f button.ok{background:var(--acc);color:#fff}
.thesis .f button:disabled{background:var(--raised);color:var(--t3);cursor:default}
.about h3{font-size:16px;font-weight:600}
.asub{font-size:12px;color:var(--t2);margin:2px 0 12px}
.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.per{border-radius:8px;background:var(--input);border:1px solid transparent;text-align:center;padding:6px 0;line-height:1.35}
.per.on{border-color:#2E2E36;background:var(--raised)}
.per small{display:block;font-size:12px;color:var(--t2)}.per b{font-size:13px;font-weight:500;white-space:nowrap}
.per .tri{margin-right:2px}
.ratio{margin-top:14px}.ratio+.ratio{margin-top:8px}
.ratio .l{display:flex;justify-content:space-between;font-size:13px;color:var(--t2);white-space:nowrap;gap:8px}
.ratio .l b{font-size:15px;font-weight:500;color:var(--t1)}
.bar{display:flex;gap:4px;height:4px;margin-top:6px}.bar i{border-radius:2px;display:block;min-width:2px}
.amore{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.vm{display:flex;justify-content:center;margin-top:12px}
.vmore{height:28px;padding:0 12px;border-radius:14px;background:var(--chip);font-size:12px;color:var(--t2)}.vmore:hover{color:var(--t1)}
.yp .ph{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.yp .ph h3{font-size:15px;font-weight:600;white-space:nowrap}.yp .ph h3 span{color:var(--t2);font-weight:400;font-size:13px;margin-left:4px}
.oc{margin-left:auto;display:flex;gap:2px;background:var(--input);border:1px solid var(--line);border-radius:8px;padding:2px}
.oc button{height:28px;padding:0 7px;border-radius:6px;font-size:12px;font-weight:500;color:var(--t3);display:inline-flex;align-items:center;gap:5px}
.oc button.on{color:var(--acc);background:var(--raised)}
.oc button i{width:5px;height:5px;border-radius:50%;background:currentColor;display:none}.oc button.on i{display:block}
.prow{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 4px;border-radius:10px;cursor:pointer}
.prow:hover{background:#16161B}
.prow .v{flex:1;min-width:0;line-height:1.35}.prow b{font-weight:500;display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow small{font-size:12px;color:var(--t2)}
.prow .r{text-align:right;flex:none;line-height:1.35}.prow .r b{font-size:14px}
.prow .cb{border-color:var(--card)}
.rec .kv{min-height:30px}
.copybox{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.copybox b{font-weight:600;font-size:14px}.copybox p{font-size:13px;color:var(--t2);line-height:1.5;margin:6px 0 0}
.copybox .cta{background:var(--acc);color:#fff}

/* ---------- profile ---------- */
.prof{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px 20px;max-width:760px;width:100%}
.ptop{display:flex;align-items:center;justify-content:space-between;min-height:36px}
.back{display:flex;align-items:center;gap:4px;height:32px;padding:0 8px 0 2px;color:var(--t2);font-size:13px;border-radius:8px}
.back svg{width:18px;height:18px}.back:hover{color:var(--t1)}
.pic{display:flex;gap:4px}
.pid{display:flex;align-items:flex-end;justify-content:space-between;margin-top:6px}
.pbtn{display:flex;gap:8px}
.follow{height:36px;padding:0 20px;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;font-size:14px}
.follow.on{background:var(--raised);color:var(--t1)}
.ghostbtn{height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--t1)}
.ghostbtn.on{color:var(--acc);border-color:var(--acc)}
.pname{font-size:17px;font-weight:600;margin-top:10px}
.phandle{font-size:13px;color:var(--t2);margin-top:1px}
.pbio{font-size:13px;margin-top:8px;line-height:1.45}
.pff{display:flex;gap:16px;margin-top:10px;font-size:13px;color:var(--t2)}.pff b{color:var(--t1);font-weight:600}
.pmeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--t3)}.pmeta span{display:inline-flex;align-items:center;gap:4px}
.pval{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;gap:12px}
.pval>div:first-child>b{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.pval>div:first-child>div{font-size:14px;margin-top:2px}
.pchartbox{position:relative;height:160px;margin:8px -4px 0}
.pchartbox canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cashrow{display:flex;align-items:center;gap:12px;min-height:64px;margin-top:8px;border-bottom:1px solid var(--line)}
.dl{width:32px;height:32px;border-radius:50%;background:var(--raised);display:grid;place-items:center;font-size:15px;font-weight:600;color:var(--t2);flex:none}
.cashrow small{display:block;font-size:12px;color:var(--t2)}.cashrow b{font-size:15px;font-weight:500}
.psec{display:flex;align-items:center;gap:6px;margin-top:20px;margin-bottom:6px}.psec>b{font-size:15px;font-weight:600}.psec>span{font-size:13px}
.prof .prow .cb{border-color:var(--card)}
.a2hs{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 6px 8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--t2)}
.a2hs img{border-radius:7px;flex:none}.a2hs span{flex:1;min-width:0}
.a2hs .a2go{flex:none;min-height:32px;padding:0 12px;border-radius:8px;background:var(--acc);color:#fff;font-weight:600;font-size:13px}
.a2hs .a2x{flex:none;width:32px;height:32px;border-radius:8px;color:var(--t2);font-size:18px;line-height:1}.a2hs .a2x:hover{color:var(--t1)}
.resetlink{display:inline-flex;align-items:center;min-height:32px;margin-top:10px;font-size:12px;color:var(--t2);text-decoration:underline;text-underline-offset:3px}.resetlink:hover{color:var(--t1)}
.cklist{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--input)}
.ckh{font-size:13px;font-weight:600;color:var(--t1);margin-bottom:6px}
.ckr{display:flex;align-items:center;gap:10px;min-height:32px;font-size:13px;color:var(--t2)}
.ckr.ok{color:var(--t1)}
.ckb{width:18px;height:18px;border-radius:5px;border:1.5px solid #3A3A44;display:grid;place-items:center;font-size:11px;flex:none;color:#fff}
.ckr.ok .ckb{background:var(--acc);border-color:var(--acc)}
.ckl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cka{border:1px solid var(--acc);color:var(--acc);border-radius:6px;height:28px;padding:0 10px;font-size:12px;font-weight:600}
.invs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.inv{background:var(--input);border:1px dashed #2E2E36;border-radius:10px;padding:10px 12px;text-align:left;color:var(--t1)}
.inv b{display:block;font-size:15px;font-weight:600;letter-spacing:.08em}.inv small{font-size:12px;color:var(--t2)}
.inv.used{opacity:.45;cursor:default}
.signcard{text-align:center;padding:40px 12px}.signcard h2{font-size:20px;font-weight:600}.signcard p{margin:10px 0 18px;font-size:14px}
.maccent{height:40px;min-width:120px;padding:0 16px;border-radius:12px;background:var(--acc);color:#fff;font-weight:600;font-size:15px;flex:none}

/* ---------- toast + modals ---------- */
.toast{position:fixed;right:16px;bottom:44px;transform:translateY(8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;background:var(--raised);box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid #2A2A32;border-radius:12px;padding:10px 14px;font-size:14px;z-index:80;display:flex;gap:10px;align-items:center;white-space:nowrap}
.toast.on{opacity:1;transform:none;visibility:visible;transition:opacity .2s,transform .2s}
.toast .tb{display:flex;flex-direction:column;line-height:1.3}.toast .tb b{font-weight:600}.toast .tb small{font-size:12px;color:var(--t2)}
.pill.paper{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;padding:2px 6px;border-radius:4px;color:var(--t1);background:var(--pill)}
.tshare{margin-left:8px;background:var(--acc);color:#fff;border-radius:8px;height:32px;padding:0 12px;font-size:13px;font-weight:600;flex:none}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:90;display:grid;place-items:center;padding:16px}
.mbox{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.mbox .eyebrow{font-size:12px;font-weight:600;color:var(--acc)}
.mbox h3{font-size:20px;font-weight:600;margin:6px 0 10px}
.mbox ul{padding-left:18px;margin-bottom:14px}.mbox li{font-size:14px;line-height:1.55;color:var(--t2);margin:3px 0}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:8px 0;cursor:pointer;line-height:1.4}.chk input{margin-top:3px;accent-color:var(--acc);width:16px;height:16px}.chk a{color:var(--t1)}
.mrow{display:flex;gap:8px;margin-top:16px}.mbtn{flex:1;height:44px;border-radius:10px;background:var(--acc);color:#fff;font-weight:600;font-size:14px}.mbtn:disabled{opacity:.35;cursor:default}.mbtn.ghost{background:var(--raised);color:var(--t1)}
a.mbtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.invin{width:100%;background:var(--input);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-size:22px;font-weight:600;letter-spacing:.18em;color:var(--t1);text-transform:uppercase;text-align:center;outline:none}
.invin:focus{border-color:var(--acc)}
.inverr{min-height:20px;color:var(--down);font-size:13px;margin:8px 0 4px}
.inverr:empty{min-height:0;margin:0}
.signm .grab{display:none}.sgp{font-size:14px;line-height:1.5;margin:0}

/* hidden by default (mobile only) */
.mtabs,.mhead,.msheet,.mbuy,.dock{display:none}

/* ---------- laptop 981-1279 ---------- */
@media (min-width:981px) and (max-width:1279px){
  .app{grid-template-columns:300px minmax(0,1fr)}
  .ltabs{gap:8px}.ltabs [data-lt]{font-size:15px}
  .right{display:none}
  .rightslot{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin:4px 0 16px}
  .prof+.rightslot{margin-top:16px;max-width:none}
  .hstats{margin-left:0;width:100%}
  .stat{flex:1;width:auto;min-width:0}
  .hprice{padding:0 8px 0 0}
  body.lcollapsed .app{grid-template-columns:72px minmax(0,1fr)}
  .prof{max-width:none}
}
@media (min-width:1280px){
  .centre{padding-bottom:0}
  .chartbox{flex:1 1 auto;height:auto;min-height:300px}
  .lower{height:clamp(276px,32vh,420px);align-items:stretch}
  .lower{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .lower .card{display:flex;flex-direction:column;min-height:0}
  .lower .ch{flex:none}
  #holdersbody,#lowerbody{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
  .fitb.more{-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),rgba(0,0,0,.35));mask-image:linear-gradient(#000 calc(100% - 14px),rgba(0,0,0,.35))}
  .cfoot{display:flex;flex:none;margin-top:auto;height:32px;align-items:center;justify-content:center;border-top:1px solid var(--line);visibility:hidden}
  .cfoot.on,.lower.open .cfoot{visibility:visible}
  .vall{height:28px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--t2)}.vall:hover{color:var(--t1);background:var(--raised)}
  .lower.open{height:auto}.lower.open .fitb{flex:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
  #holdersbody::-webkit-scrollbar,#lowerbody::-webkit-scrollbar{display:none}
  .lower .tbl th{position:sticky;top:0;z-index:1;background:var(--card)}
  .right{padding-bottom:0}
  .right.fadeb{-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),transparent);mask-image:linear-gradient(#000 calc(100% - 12px),transparent)}
  .right .trade .amt{margin-top:12px}.right .trade .presets{margin-top:8px}.right .trade .tinfo{margin-top:10px}.right .trade .cta{margin-top:12px}.right .trade .quote{margin-top:6px}
  .right .pw>.card{padding:14px}.right .pr1{margin-bottom:4px}
  .right .thesis{margin-top:10px;padding:10px 12px}.right .thesis textarea{margin:8px 0 4px}
  .right .about .asub{margin-bottom:10px}.right .about .periods+.ratio{margin-top:12px}.right .about{padding:14px 16px}.right .about .per{padding:5px 0}
  .right .pos .kv{min-height:22px;padding:3px 0}.right .thesis textarea{line-height:1.3}
  .right>.yp{flex:1 0 auto}
  .right .yp .empty{padding:12px 12px 4px}
  .left .list{padding-bottom:0}
}
@media (min-width:1280px) and (max-width:1399px){
  .tcard2 .tbl tr>:nth-child(4){display:none}
  .lower{grid-template-columns:minmax(0,1fr) 264px}
  .hcard .u small svg{display:none}.hcard .u{gap:8px}.hcard .tbl td>b{font-size:12.5px}.hcard .u b{font-size:13px;max-width:88px}.hcard .tbl td>small{font-size:11px}
}
@media (min-width:1400px) and (max-width:1439px){.lower{grid-template-columns:minmax(0,1fr) 320px}}
@media (min-width:1280px) and (max-width:1439px){
  .app{grid-template-columns:300px minmax(0,1fr) 272px}body.lcollapsed .app{grid-template-columns:72px minmax(0,1fr) 272px}
  .right .thesis .f>svg{display:none}.right .thesis .f span{font-size:11px}
  .lower .tbl td,.lower .tbl th{padding-left:5px;padding-right:5px}.hcard .u .av{width:26px;height:26px}
  .hstats{margin-left:0;width:100%}.stat{flex:1;width:auto;min-width:0}.hprice{padding:0 8px 0 0}
}

/* ---------- phone + tablet (<=980) ---------- */
@media (max-width:980px){
  :root{--bg:#050508;--card:#121219;--raised:#1C1C26;--input:#121219;--chip:#1C1C26;--pill:#1C1C26;--line:rgba(255,255,255,.07);--inset:#0B0B11}
  html,body{font-size:14px}
  .top,.foot{display:none}
  .app{display:block;height:auto;padding:0 16px calc(124px + env(safe-area-inset-bottom));max-width:672px;margin:0 auto}
  .col{overflow:visible}
  .left,.centre,.right{display:none}
  body[data-m="home"] .left,body[data-m="search"] .left,body[data-m="feed"] .left,body[data-m="ranks"] .left{display:flex}
  body[data-m="token"] .centre,body[data-m="me"] .centre,body[data-m="user"] .centre{display:flex}
  .left{border:0;background:none;border-radius:0;overflow:visible}
  .ltabs{display:none}
  .mhead{display:none;align-items:center;gap:8px;height:56px;padding:0 16px;position:sticky;top:0;background:var(--bg);z-index:20;max-width:672px;margin:0 auto}
  body[data-m="home"] .mhead,body[data-m="search"] .mhead{display:flex}
  .mhead .mlogo{height:22px}.mback{display:none}
  .mhead .authbtn.m{display:block;margin-left:auto;height:40px;font-size:14px}
  .mme{display:grid;place-items:center;width:40px;height:40px;margin-left:auto;margin-right:-4px}.mme img{width:32px;height:32px;border-radius:50%}
  body:not(.loggedout) .mhead .authbtn.m,body[data-m="home"] .mhead .authbtn.m{display:none}.mhead .mme{display:none}

  /* home */
  .mhome{display:block}
  .mbal{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 20px}
  .mbv{min-width:0}
  .mbal .maccent{background:none;position:relative;z-index:0;height:40px}.mbal .maccent::before{content:"";position:absolute;inset:2px 0;border-radius:12px;background:var(--acc);z-index:-1}
  .mbal .maccent.quiet{color:#fff;font-size:14px}.mbal .maccent.quiet::before{background:#1C1C26}
  .mbig{display:block;font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.15;white-space:nowrap}
  .m24{font-size:14px;margin-top:2px}
  .mtitle{display:block;font-size:22px;font-weight:600;letter-spacing:-.01em}.mbv small{display:block;font-size:13px;margin-top:2px}
  .wcard.none{flex:1 0 100%;justify-content:center;align-items:center;cursor:default;min-width:0;width:100%;max-width:none;color:var(--t3);font-size:13px;background:none}
  .wh{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--t2);margin-bottom:10px}
  .wrow{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none;scroll-padding:0 16px}
  .wrow::-webkit-scrollbar{display:none}
  .wcard{flex:0 0 46%;width:auto;min-width:0;max-width:none;height:64px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
  .w1,.w2{display:flex;align-items:center;gap:6px;min-width:0}.w2{gap:5px}
  .w1 span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w2 b{font-size:14px;font-weight:600;white-space:nowrap;margin-left:auto}
  .w2 em{font-style:normal;font-size:12px;font-weight:500;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.w2 b{padding-left:6px;flex:none}
  .msearchbox{display:none;align-items:center;gap:10px;height:44px;padding:0 14px;margin:4px 0 8px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--t2)}
  .msearchbox input{flex:1;min-width:0;color:var(--t1);font-size:16px}.msearchbox input::placeholder{color:var(--t2)}
  body[data-m="search"] .msearchbox{display:flex}
  body[data-m="search"] .mbal,body[data-m="search"] .wtt,body[data-m="search"] .mbanner{display:none!important}
  .mtabs2{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:18px}
  .mtabs2 .lbl24{padding-bottom:2px}
  .wcard.more{justify-content:center;align-items:center;text-align:center;background:none;border-style:dashed;color:var(--t2);font-size:12px;font-weight:500;padding:0 14px;white-space:normal;line-height:16px}
  .w2 .tav .av{box-shadow:0 0 0 1px rgba(255,255,255,.12)}.w2 .tav .cb{width:9px;height:9px;border-width:1.5px;background-size:5px;right:-2px;bottom:-2px}
  .mtabs2 button{height:44px;font-size:14px;font-weight:600;color:var(--t2);position:relative}
  .mtabs2 button.on{color:var(--t1)}.mtabs2 button.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--acc)}
  .chips{padding:0;margin:8px -16px 0;padding:0 16px;gap:6px}
  .chip,.chipi{height:40px;position:relative;z-index:0;background:none!important}
  .chip{padding:0 12px;font-size:14px;border:0}
  .chips{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
  .chips::after{content:"";flex:0 0 8px;height:1px}
  .chips .mlbl{font-size:12px;color:var(--t2);padding:0 2px 0 6px;pointer-events:none;user-select:none}
  .chip::before,.chipi::before{content:"";position:absolute;inset:4px 0;border-radius:8px;z-index:-1}
  .chip.on::before{background:var(--raised)}
  .chipi{width:40px}.chipi::before{border:1px solid var(--line)}.chipi.on::before{background:var(--acc-bg);border-color:transparent}
  .chipi.hold{display:grid}.chipi.sl,.fpop{display:none}
  .mbanner{display:flex;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;margin:6px 0 2px;font-size:12px;color:var(--t2);position:relative;z-index:0;text-align:left}
  .mbanner::before{content:"";position:absolute;inset:3px 0;border-radius:10px;background:var(--card);border:1px solid var(--line);z-index:-1}
  .mbanner>svg:first-child{color:var(--gold);flex:none}.mbanner span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbanner b{color:var(--t1);font-weight:600}
  .list{overflow:visible;padding:0}
  .trow{height:62px;padding:0;gap:12px;border-radius:0}
  .trow:hover,.trow.on{background:none}
  .trow .tav{width:36px!important;height:36px!important}.trow .tav .av{width:36px;height:36px}
  .trow .nm b{font-size:15px;font-weight:600}.trow .nm span{font-size:12px}.trow .nm em{display:inline}
  .trow .px b{font-size:15px;font-weight:600}.trow .px span{font-size:12px}
  .trow .cb,.prow .cb,.pr1 .cb,.hrow .cb{border-color:var(--bg)}

  /* feed + leaderboard tabs */
  .segtabs{position:sticky;top:0;z-index:15;background:var(--bg);margin:0 -16px;padding:0 16px}
  .segtabs button{height:48px;font-size:14px;font-weight:600}
  .fi{padding:12px 0}
  .fh{min-height:40px}.fh>b{font-size:13px}
  .lk{height:40px;min-width:40px;justify-content:center}
  .cpa{display:inline}
  .cp{height:40px;background:none;position:relative;z-index:0;padding:0 10px}.cp::before{content:"";position:absolute;inset:6px 0;border-radius:6px;background:var(--raised);z-index:-1}
  .ftk{min-height:40px;margin-top:0}
  .say{margin-top:0}
  .lbhead{padding:12px 0 0}
  #leftbody.lb-leaderboard .yr{position:sticky;top:56px;z-index:14;box-shadow:0 0 0 8px var(--bg)}
  .lrow{padding:0;gap:12px}
  .lrow:hover{background:none}
  .lbtog,.rng1,.rng button{height:40px;background:none;position:relative;z-index:0}
  .lbtog::before,.rng1::before,.rng button.on::before{content:"";position:absolute;inset:6px 0;border-radius:6px;background:var(--raised);z-index:-1}
  .rng button.on{background:none;color:#fff}.rng button.on::before{background:#2A2A33}
  .pc1 a{height:40px;padding:0 8px}

  /* token page */
  body[data-m="token"] .app{padding-bottom:calc(max(env(safe-area-inset-bottom),34px) + 104px)}
  .thead,.cbar,.ovrow,.lower,.rightslot{display:none!important}
  .mnav{display:flex;align-items:center;gap:10px;height:56px;position:sticky;top:0;background:var(--bg);z-index:15;margin:0 -16px;padding:0 16px}
  .mnav .mb{width:40px;height:40px;display:grid;place-items:center;margin-left:-12px;margin-right:-6px}
  .mnav .v{min-width:0;line-height:1.25}.mnav .v b{font-size:15px;font-weight:600}.mnav .v small{font-size:12px;color:var(--t2);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mnav .n1{gap:0}
  .ic{width:40px;height:40px}.ic.sm{width:40px;height:40px;margin:-10px -8px -10px -6px}
  .ri{margin-left:auto;display:flex;margin-right:-10px}
  .mprice{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:2px 0 2px}
  .mprice>div>b{font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
  .mch{font-size:13px;margin-top:2px}.mch .tri{margin-right:1px}
  .mmc{text-align:right;line-height:1.3;padding-top:6px}.mprice .mmc b{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.3}.mmc small{display:block;font-size:11px;color:var(--t2)}
  .chartbox{height:260px;border-top:0;margin:0 -16px}
  .tf{justify-content:space-between;margin:0}
  .mlegend{display:flex;position:absolute;left:16px;top:2px;height:16px;align-items:center;pointer-events:none}.mlegend .clegend{font-size:11px;color:var(--t2)}
  #poswrap .pr1{margin-bottom:4px}#poswrap .kv{min-height:22px;padding:3px 0}
  #poswrap .thesis{margin-top:10px;padding:10px 12px}#poswrap .thesis textarea{height:22px;margin:8px 0 4px;transition:height .15s}
  #poswrap .thesis textarea:focus,#poswrap .thesis textarea:not(:placeholder-shown){height:58px}
  .tf button{flex:1;height:40px;font-size:12px;position:relative;z-index:0;background:none!important}
  .tf button.on{color:#fff}.tf button.on::before{content:"";position:absolute;inset:6px 10%;border-radius:6px;background:#2A2A33;z-index:-1}
  .pw>.card,#poswrap>.card{padding:14px;border-radius:14px;margin-top:8px}
  .mtabs3{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-top:6px}
  .mtabs3 button{height:44px;font-size:13px;font-weight:600;color:var(--t2);position:relative;white-space:nowrap}
  .mtabs3 button.on{color:var(--t1)}.mtabs3 button.on::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;border-radius:2px;background:var(--acc)}
  #mtbody{display:block}
  .hfil{display:flex;gap:16px;padding:0}.hfil .ckx{height:40px;font-size:13px}
  .hrow{display:flex;align-items:center;gap:12px;min-height:56px;cursor:pointer}
  .hrow .v{flex:1;min-width:0;line-height:1.35}.hrow b{font-size:14px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hrow small{font-size:12px;color:var(--t2)}
  .hrow .r{text-align:right;flex:none;line-height:1.35}
  .mabout{padding:14px 0}
  .mstats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mstats .stat{width:auto;height:56px;background:var(--card)}.mstats .stat:last-child{grid-column:span 2}
  .vmore{height:40px;padding:0 16px;border-radius:20px}
  .lnk{min-height:40px}
  .mbuy{display:none;gap:10px;position:fixed;left:0;right:0;bottom:0;margin:0 auto;max-width:672px;padding:12px 16px calc(max(env(safe-area-inset-bottom),34px) + 8px);background:var(--bg);z-index:40}
  .mbuy::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px;background:linear-gradient(rgba(5,5,8,0),var(--bg));pointer-events:none}
  body[data-m="token"] .mbuy{display:flex}
  .mbuy button{flex:1;height:50px;border-radius:14px;font-weight:600;font-size:16px}
  .mbuy .b{background:var(--up);color:#04120A}.mbuy .s{background:var(--down);color:#1A0502}

  /* profile */
  .prof{background:none;border:0;border-radius:0;padding:0 0 8px}
  .ptop{height:56px}
  body[data-m="me"] .back{visibility:hidden}
  .back{height:40px;min-width:40px}
  .pid{margin-top:0}
  .follow,.ghostbtn{height:40px}
  .pval>div:first-child>b{font-size:34px}
  .pchartbox{height:110px;margin:8px -16px 0}
  .resetlink,.cka{min-height:40px}
  .cka{height:40px}
  .oc button{height:40px}
  .rng button{min-width:40px}
  .oc{padding:2px}

  /* right-column cards reused inside the About tab */
  .mabout h3{font-size:16px}
  .per{background:var(--card)}.per.on{background:var(--raised)}

  /* tab bar */
  .mtabs{display:flex;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));margin:0 auto;max-width:640px;height:60px;padding:0 8px;background:rgba(18,18,25,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:30px;z-index:40;justify-content:space-between;align-items:center;box-shadow:0 8px 30px rgba(0,0,0,.5)}
  .mtabs button{flex:1;max-width:72px;height:44px;border-radius:22px;display:grid;place-items:center;color:#6A6A74}
  .mtabs button.on{background:rgba(255,255,255,.08);color:var(--t1)}
  .mtabs svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mtabs button.on svg .f{fill:currentColor}
  .mtabs button.on svg .f+path,.mtabs button.on svg path:not(.f){stroke:currentColor}
  .mtabs [data-m="feed"].on svg .f{fill:none}
  .tabme img{width:28px;height:28px;border-radius:50%;opacity:.7}
  .tabme.on img{opacity:1;box-shadow:0 0 0 2px var(--t1)}
  body[data-m="token"] .mtabs{display:none}
  .dock{display:block;position:fixed;left:0;right:0;bottom:0;height:calc(106px + env(safe-area-inset-bottom));background:linear-gradient(rgba(5,5,8,0),var(--bg) 24px);z-index:39;pointer-events:none}
  body[data-m="token"] .dock{display:none}

  /* buy sheet */
  .msheet{display:block;position:fixed;inset:0;z-index:70;pointer-events:none}
  .msheet .scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:.2s}
  .msheet .sh{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:672px;background:#0E0E14;border-radius:24px 24px 0 0;border-top:1px solid var(--line);padding:8px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .msheet .sh{max-height:calc(100% - 12px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .msheet.on{pointer-events:auto}.msheet.on .scrim{opacity:1}.msheet.on .sh{transform:none}
  .grab{width:36px;height:5px;border-radius:5px;background:#2A2A34;margin:0 auto 12px}
  .sh .tk{display:flex;align-items:center;gap:10px}.sh .tk .v{flex:1;min-width:0;line-height:1.3}.sh .tk b{font-weight:600;font-size:15px}.sh .tk small{display:block;font-size:12px;color:var(--t2)}
  .sh .tk .r{text-align:right;line-height:1.3}.sh .cb{border-color:#0E0E14}
  .big{text-align:center;margin:28px 0 2px;font-size:56px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
  .shsub{text-align:center;font-size:13px;color:var(--t2);min-height:18px}
  .pp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 6px}
  .pp button{height:40px;border-radius:10px;background:var(--raised);font-size:14px;font-weight:600}
  .pp button.on{background:#2C2C3A;box-shadow:inset 0 0 0 1px #fff}
  .keys{display:grid;grid-template-columns:repeat(3,1fr)}
  .keys button{height:60px;font-size:24px;font-weight:400;border-radius:12px;display:grid;place-items:center}
  .keys button:active{background:rgba(255,255,255,.05)}
  .keys [data-key="."]{font-size:30px;font-weight:500;line-height:1;padding-bottom:12px}
  .shbal{text-align:center;font-size:12px;color:var(--t2);margin:6px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msheet .cta{height:52px;border-radius:14px;font-size:16px;margin-top:0}

  .modal.signm{place-items:end center;padding:0}
  .signm .mbox{width:100%;max-width:672px;border-radius:24px 24px 0 0;border-bottom:0;padding:8px 20px calc(max(env(safe-area-inset-bottom),20px) + 12px);background:#0E0E14}
  .signm .grab{display:block}.signm .mbox h3{font-size:22px}.signm .mbtn{height:50px;border-radius:14px;font-size:15px}
  .toast{left:16px;right:16px;bottom:92px;max-width:640px;margin:0 auto;justify-content:flex-start;white-space:normal}
  body[data-m="token"] .toast{bottom:calc(max(env(safe-area-inset-bottom),34px) + 80px)}
  .tshare{height:40px}
}
@media (hover:none){.trow:hover,.lrow:hover,.prow:hover{background:none}}
/* touch: grow 40px buttons to a 44px tap area without moving or restyling anything */
@media (max-width:980px) and (pointer:coarse){
  .mb,.ic,.tf button,.hfil .ckx,.rng button,.cka,.oc button,.pc1 a,.chip,.chipi,.mbal .maccent,.pp button,.a2hs .a2x,.back{position:relative}
  .mb::after,.ic::after,.tf button::after,.hfil .ckx::after,.rng button::after,.cka::after,.oc button::after,.pc1 a::after,.chip::after,.chipi::after,.mbal .maccent::after,.pp button::after,.back::after{content:"";position:absolute;inset:-2px}
  .a2hs .a2x::after{content:"";position:absolute;inset:-6px}
}
/* 320px phones: $10,000.00 + 24h/7d/All don't fit on one row */
@media (max-width:359px){.pval{flex-wrap:wrap}}
/* short phones: dialogs scroll inside themselves instead of running off screen */
.mbox{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:980px){.signm .mbox{max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px)}}

#termsmodal label.chk{display:flex;align-items:flex-start;gap:10px;line-height:1.4}
#termsmodal label.chk>span{display:block;flex:1;min-width:0}
#termsmodal label.chk input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0}
#termsmodal .mbtn:disabled{opacity:.55}

/* wallet sign-in sheet */
.signm .wbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin:6px 0 4px;background:#AB9FF2;color:#1B1530;font-weight:700;font-size:16px;border-radius:14px}
.signm .wbtn img{border-radius:6px}
.signm .wbtn:disabled{opacity:.7;cursor:default}
.signm .mrow{justify-content:center}
.signm .mrow .mbtn.ghost{border:1px solid rgba(255,255,255,.14)}
.lastpx{color:var(--t3);border:1px solid var(--line,rgba(255,255,255,.14));border-radius:4px;padding:0 4px;font-size:.92em}

/* edit profile (reuses .modal.signm / .mbox / .mbtn / .inverr) */
.pf{display:block;margin-top:14px}
.pfl{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:var(--t2);margin-bottom:6px}.pfl em{font-style:normal;color:var(--t3)}
.pf input,.pf textarea{width:100%;background:var(--input);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:16px/1.4 var(--font);color:var(--t1);outline:none}
.pf textarea{display:block;resize:none}
.pf input::placeholder,.pf textarea::placeholder{color:var(--t3)}
.pfat{display:flex;align-items:center;background:var(--input);border:1px solid var(--line);border-radius:10px;padding-left:14px}
.pfat i{font-style:normal;font-size:16px;color:var(--t2)}
.pfat input{border:0;background:none;border-radius:0 10px 10px 0;padding-left:2px}
.pf input:focus-visible,.pf textarea:focus-visible{outline:none}
.pf>input:focus,.pf textarea:focus,.pfat:focus-within{border-color:var(--acc)}
.pf.bad>input,.pf.bad textarea,.pf.bad .pfat{border-color:var(--down)}
.pfh{font-size:12px;color:var(--t3);margin-top:6px}
#editmodal .inverr{margin:6px 0 0;min-height:0}
/* past seasons */
.segtabs.three{grid-template-columns:repeat(3,1fr)}
.segtabs.three button{white-space:nowrap}
.lbhead>.back{margin:0 0 4px -2px}
.rk.pst{color:var(--gold)}
.lrow .r small .bdg{margin-left:6px;height:16px;font-size:11px}
.lastsn{display:block;width:100%;margin-top:6px;padding:4px 12px;font:12px/1.4 var(--font);color:var(--t2);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.lastsn:hover{color:var(--t1)}
.pmeta .lastsn{display:inline-block;width:auto;margin:0;padding:0;color:var(--t3)}.pmeta .lastsn span{display:inline}