/* KeepEye "Night Watch" theme.
   Near-black canvas with a faint eye-yellow haze, dark glass cards with a hairline border and a top highlight,
   one accent (KeepEye yellow) for actions, the active tab and focus; mint for gains, coral for drops.
   Display type: Bricolage Grotesque (titles, prices, big numbers). Text: Instrument Sans. Both OFL, self-hosted.
   Loaded after theme.css; changes the look only. */

@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/BricolageGrotesque-Regular.ttf) format("truetype");font-weight:300 649;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:650 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Regular.ttf) format("truetype");font-weight:300 649;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/InstrumentSans-Bold.ttf) format("truetype");font-weight:650 900;font-display:swap}

:root,:root[data-theme="light"],:root[data-theme="system"]{
  --r:22px;
  --sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --disp:"Bricolage Grotesque","Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --bg:#F6F5F0; --panel:#FFFFFF; --panel2:#EFEEE8; --panel3:#E4E3DC; --line:rgba(20,22,28,.08); --line2:rgba(20,22,28,.14);
  --fg:#121318; --muted:#5F6470; --faint:#9A9EA7; --text2:#3A3E47;
  --accent:#FFD43B; --accent-2:#F5B800; --accent-ink:#161100; --accent-soft:rgba(255,196,0,.16); --accent-line:rgba(214,160,0,.45); --accent-glow:rgba(255,196,0,.45); --accent-txt:#A87900;
  --link:#A87900; --up:#0E9F6E; --down:#E5364F; --warn:#C77700; --soft:#EFEEE8;
  --paper:#F6F5F0; --cobalt:#2B59C3; --cobalt-soft:rgba(43,89,195,.1); --sun:#A87900; --sun-soft:rgba(255,196,0,.16);
  --coral:#E5364F; --coral-soft:rgba(229,54,79,.1); --mint:#0E9F6E; --mint-soft:rgba(14,159,110,.1); --night:#ECEBE5;
  --card:linear-gradient(180deg,#FFFFFF 0%,#FBFAF7 100%);
  --lift:0 14px 34px -18px rgba(30,28,10,.22),inset 0 1px 0 #FFFFFF;
  --glass-bar:rgba(255,255,255,.82); --glass-hdr:rgba(246,245,240,.74); --glass-tab:rgba(255,255,255,.9); --chip-bg:rgba(255,255,255,.75);
  --well:rgba(20,22,28,.05); --well2:rgba(20,22,28,.04); --menu-bg:#FFFFFF; --sheet:#FFFFFF; --toast-bg:#FFFFFF; --inner:#FFFFFF; --tab-ring:#FFFFFF;
  --hero-a:#121318; --hero-b:#41454E; --row-hover:rgba(20,22,28,.03); --logo-ring:rgba(20,22,28,.08); --scrim:rgba(20,22,28,.35);
  --sh-bar:0 12px 30px -16px rgba(30,28,10,.2); --sh-pop:0 24px 50px -18px rgba(30,28,10,.25); --sh-tab:0 16px 36px -14px rgba(30,28,10,.25);
  --haze:.22;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#07080C; --panel:#11141B; --panel2:#191D26; --panel3:#232834; --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --fg:#F3F4F0; --muted:#9298A3; --faint:#5E6571; --text2:#BCC1C9;
  --accent:#FFD43B; --accent-2:#F5B800; --accent-ink:#161100; --accent-soft:rgba(255,212,59,.11); --accent-line:rgba(255,212,59,.38); --accent-glow:rgba(255,212,59,.35); --accent-txt:#FFD43B;
  --link:#FFD43B; --up:#3DE6A1; --down:#FF5C73; --warn:#FFB547; --soft:#191D26;
  --paper:#07080C; --cobalt:#7FA8FF; --cobalt-soft:rgba(127,168,255,.12); --sun:#FFD43B; --sun-soft:rgba(255,212,59,.12);
  --coral:#FF5C73; --coral-soft:rgba(255,92,115,.12); --mint:#3DE6A1; --mint-soft:rgba(61,230,161,.12); --night:#0B0D12;
  --card:linear-gradient(180deg,#13161E 0%,#0E1016 100%);
  --lift:0 18px 40px -18px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);
  --glass-bar:rgba(17,20,27,.78); --glass-hdr:rgba(7,8,12,.7); --glass-tab:rgba(17,20,27,.86); --chip-bg:rgba(17,20,27,.6);
  --well:rgba(0,0,0,.35); --well2:rgba(0,0,0,.25); --menu-bg:#12151C; --sheet:#0F1218; --toast-bg:#151922; --inner:#0E1016; --tab-ring:#0B0D12;
  --hero-a:#FFFFFF; --hero-b:#C9CCD3; --row-hover:rgba(255,255,255,.025); --logo-ring:rgba(255,255,255,.08); --scrim:rgba(3,4,6,.7);
  --sh-bar:0 12px 32px -14px rgba(0,0,0,.8); --sh-pop:0 24px 50px -16px rgba(0,0,0,.9); --sh-tab:0 18px 40px -12px rgba(0,0,0,.9);
  --haze:.14;
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root[data-theme="system"]{
  --bg:#07080C; --panel:#11141B; --panel2:#191D26; --panel3:#232834; --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --fg:#F3F4F0; --muted:#9298A3; --faint:#5E6571; --text2:#BCC1C9;
  --accent:#FFD43B; --accent-2:#F5B800; --accent-ink:#161100; --accent-soft:rgba(255,212,59,.11); --accent-line:rgba(255,212,59,.38); --accent-glow:rgba(255,212,59,.35); --accent-txt:#FFD43B;
  --link:#FFD43B; --up:#3DE6A1; --down:#FF5C73; --warn:#FFB547; --soft:#191D26;
  --paper:#07080C; --cobalt:#7FA8FF; --cobalt-soft:rgba(127,168,255,.12); --sun:#FFD43B; --sun-soft:rgba(255,212,59,.12);
  --coral:#FF5C73; --coral-soft:rgba(255,92,115,.12); --mint:#3DE6A1; --mint-soft:rgba(61,230,161,.12); --night:#0B0D12;
  --card:linear-gradient(180deg,#13161E 0%,#0E1016 100%);
  --lift:0 18px 40px -18px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05);
  --glass-bar:rgba(17,20,27,.78); --glass-hdr:rgba(7,8,12,.7); --glass-tab:rgba(17,20,27,.86); --chip-bg:rgba(17,20,27,.6);
  --well:rgba(0,0,0,.35); --well2:rgba(0,0,0,.25); --menu-bg:#12151C; --sheet:#0F1218; --toast-bg:#151922; --inner:#0E1016; --tab-ring:#0B0D12;
  --hero-a:#FFFFFF; --hero-b:#C9CCD3; --row-hover:rgba(255,255,255,.025); --logo-ring:rgba(255,255,255,.08); --scrim:rgba(3,4,6,.7);
  --sh-bar:0 12px 32px -14px rgba(0,0,0,.8); --sh-pop:0 24px 50px -16px rgba(0,0,0,.9); --sh-tab:0 18px 40px -12px rgba(0,0,0,.9);
  --haze:.14;
  color-scheme:dark;
}}

/* theme.css sets Sora (not loaded) for dark mode with a stronger selector; keep our fonts in every mode */
:root[data-theme]{
  --sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --disp:"Bricolage Grotesque","Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --mono:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
}

/* ---------- canvas ---------- */
html,body{background:var(--bg)}
body{font-family:var(--sans);font-weight:500;color:var(--fg);letter-spacing:0}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 32% at 88% -6%,rgba(255,212,59,var(--haze)),transparent 70%),radial-gradient(45% 28% at -4% 34%,rgba(127,168,255,.07),transparent 70%),radial-gradient(40% 30% at 60% 110%,rgba(61,230,161,.05),transparent 70%)}
::selection{background:var(--accent);color:var(--accent-ink)}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}

/* ---------- type ---------- */
h1,h2,h3,h4,.thead h2,.sh h2,.tp-title h1,.lg-doc h1,.lg-doc h2,.ti-head h3,.ins h4,.card h3,.pp-hero h1,.swp-head h1,.prf-hero h1{font-family:var(--disp);font-weight:700;letter-spacing:-.025em}
.tp-big,.pftot,.ins-big,.kpi b,.st b,.mkt-sum b,.swc-row input,.swc-out{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
td,.num,.pr{font-variant-numeric:tabular-nums}
.logo{font-family:var(--disp);font-weight:800;letter-spacing:-.03em}
/* wordmark: Keep + yellow Eye */
.kw b,.banner .kw b,.prod.feat .kw b{color:var(--accent-txt)!important}
.eyebrow,.upd,.hleg,.thead small{font-size:10.5px!important;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}
.eyebrow{color:var(--accent-txt)}

/* ---------- header: floating glass bar ---------- */
.topad{background:transparent;border:0}
header{position:sticky;top:0;z-index:30;background:transparent!important;border:0!important;backdrop-filter:none;padding:10px 0 0}
header .nav{height:62px;padding:0 8px 0 16px;border-radius:24px;background:var(--glass-bar);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid var(--line2);box-shadow:var(--sh-bar),inset 0 1px 0 rgba(255,255,255,.05)}
.menu > a,.dd > button{color:var(--text2);font-weight:600;border-radius:999px}
.menu > a:hover,.dd > button:hover{color:var(--fg);background:var(--panel2)}
.ddp,.tmp,.wm .tmp{background:var(--menu-bg)!important;border:1px solid var(--line2)!important;border-radius:20px;box-shadow:var(--sh-pop)}
.ddp a:hover,.tmp button:hover{background:var(--panel2)}
.sbtn{background:var(--well);border:1px solid var(--line);color:var(--muted)}
.sbtn kbd{background:var(--panel2);border:1px solid var(--line2);color:var(--muted)}
.ibtn{border:1px solid var(--line);background:var(--well2);border-radius:50%}
.wallet{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 22px -6px var(--accent-glow),inset 0 -2px 0 rgba(0,0,0,.12);font-weight:800}
.wallet:hover{filter:brightness(1.05)}
.wallet.on,html.tg .wallet.tgp{background:var(--well)!important;color:var(--fg)!important;border:1px solid var(--line2)!important;box-shadow:none}
.wallet .wdot{background:var(--up);box-shadow:0 0 8px var(--up)}
html.tg .wallet.tgp .tgp-av{background:var(--panel3);box-shadow:0 0 0 2px var(--accent)}

/* market strip under the bar: chips */
.mbar{background:transparent;border:0;margin-top:8px}
.mbar .wrap{gap:6px!important}
.mbar .wrap > span{background:var(--chip-bg);border:1px solid var(--line);border-radius:999px;padding:5px 12px;white-space:nowrap;color:var(--muted)}
.mbar .wrap > span b{color:var(--fg);font-family:var(--disp);font-weight:700}
.live{background:var(--up)!important;box-shadow:0 0 0 3px rgba(61,230,161,.18),0 0 10px var(--up)}

/* ---------- cards ---------- */
.hcard,.rc,.tbox,.card,.tp-box,.prod,.adcard,.src-card,.banner,.promo,.box,.fxc,.mcard,.pp-faq details,.lg-toc,.lg-callout,.slot,.pfsum,.swc,.swtrk,.swh,.prf-sec,.tp-chart,.tp-activity,.tp-info,.tp-insights,.tp-overview,.tp-stats,.tp-change{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r);box-shadow:var(--lift)}
.hcard:hover,.slot:hover,.prod:hover{border-color:var(--line2)!important}
.hcard h3,.card h3,.rc h3{font-size:15px}
.promo,.banner{background:radial-gradient(80% 120% at 100% 0%,rgba(255,212,59,.14),transparent 60%),var(--card)!important;border-color:var(--accent-line)!important}
.adtag,.pp-tag{border:1px solid var(--accent-line)!important;color:var(--accent-txt)!important;background:var(--accent-soft)!important;font-weight:800;letter-spacing:.08em}

/* hero */
.intro h1{font-family:var(--disp);font-weight:800;font-size:clamp(34px,4.6vw,58px);line-height:.98;letter-spacing:-.045em;max-width:15ch;
  background:linear-gradient(180deg,var(--hero-a) 0%,var(--hero-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro p{color:var(--muted);font-size:16px}
.intro p b,.intro p strong{color:var(--fg)}

/* ---------- buttons, chips, segments ---------- */
.pill,.btn.pri{background:var(--accent);color:var(--accent-ink);font-weight:800;box-shadow:0 0 24px -8px var(--accent-glow),inset 0 -2px 0 rgba(0,0,0,.12)}
.pill:hover{filter:brightness(1.06)}
.pill.ghost,.pill.sec{background:var(--panel2);color:var(--fg);border:1px solid var(--line2);box-shadow:none}
.seg,.tseg,.tp-ints,.tp-mode,.ch-tabs{background:var(--well)!important;border:1px solid var(--line)!important}
.seg button,.tseg button,.tp-ints button,.tp-mode button{color:var(--muted);font-weight:700}
.seg button[aria-pressed="true"],.tseg button[aria-pressed="true"],.tseg button[aria-checked="true"],.tp-ints button[aria-pressed="true"],.tp-mode button[aria-pressed="true"]{background:var(--accent)!important;color:var(--accent-ink)!important;box-shadow:0 0 16px -6px var(--accent-glow)}
.tabs{border:0!important;gap:8px}
.tabs button{border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text2);border-radius:999px;font-weight:700}
.tabs button:hover{border-color:var(--line2)!important;color:var(--fg)}
.tabs button[aria-pressed="true"]{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:transparent!important;box-shadow:0 0 20px -6px var(--accent-glow)}
.presets button,.chips button{border:1px solid var(--line)!important;background:transparent!important;color:var(--muted);font-weight:700;border-radius:999px}
.presets button[aria-pressed="true"],.chips button[aria-pressed="true"]{background:var(--accent-soft)!important;color:var(--accent-txt)!important;border-color:var(--accent-line)!important}
.morebtn{border:1px solid var(--line2)!important;background:var(--panel)!important;color:var(--fg)}

/* ---------- token table ---------- */
.tbox{padding:6px!important}
th{color:var(--faint)!important;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)!important;background:transparent!important}
td{border-bottom:1px solid var(--line)!important}
tbody tr:hover td{background:var(--row-hover)!important}
td .tk b,td b{font-weight:700}
.tp-chg.pos,.chg.pos{background:var(--mint-soft);color:var(--up)}
.tp-chg.neg,.chg.neg{background:var(--coral-soft);color:var(--down)}
.vbw svg,.vbx svg{filter:drop-shadow(0 0 6px rgba(255,212,59,.45))}
.lg{box-shadow:0 0 0 1px var(--logo-ring)!important}

/* Eye score ring glows */
.eye-ring{filter:drop-shadow(0 0 14px rgba(61,230,161,.25))}
.eye-ring b{background:var(--inner)!important;font-family:var(--disp)}

/* ---------- inputs and sheets ---------- */
input,select,textarea{background:var(--well);color:var(--fg);border-color:var(--line2)}
.sbox,.modal,.drawer{background:var(--sheet)!important;border:1px solid var(--line2)!important;box-shadow:var(--sh-pop)}
.scrim{background:var(--scrim);backdrop-filter:blur(6px)}
.toast{background:var(--toast-bg)!important;color:var(--fg)!important;border:1px solid var(--accent-line);box-shadow:0 0 30px -10px var(--accent-glow)}

/* ---------- swap ---------- */
.swp-head h1{font-size:30px}
.swc-box{background:var(--well)!important;border:1px solid var(--line)!important}
.swc-box:focus-within{border-color:var(--accent-line)!important;box-shadow:0 0 0 3px var(--accent-soft)}
.swc-tok{background:var(--panel2)!important;border:1px solid var(--line2)!important}
.swc-flip{background:var(--accent)!important;color:var(--accent-ink)!important;border:4px solid var(--inner)!important;box-shadow:0 0 18px -4px var(--accent-glow)}
.swc-go:disabled{background:var(--panel2)!important;color:var(--faint)!important;box-shadow:none}
.swc-max{background:var(--accent-soft)!important;color:var(--accent-txt)!important}
.swtrk-steps li.done i{background:var(--mint-soft);color:var(--up);box-shadow:0 0 10px -2px rgba(61,230,161,.5)}

/* ---------- profile ---------- */
.prf-av{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent),0 0 40px -6px var(--accent-glow)!important}
.prf-wallet{background:var(--well)!important;border:1px solid var(--line2)}
.prf-sec h3{font-size:10.5px!important;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)!important}
.prf-ic.t-sun{background:var(--accent-soft);color:var(--accent-txt)}
.prf-row+.prf-row::before{background:var(--line)}

/* ---------- phones: floating glass tab bar with a raised Swap button ---------- */
@media (max-width:760px){
  header{padding:8px 10px 0}
  header .nav{height:58px;padding:0 6px 0 12px;border-radius:22px}
  .mbar .wrap{padding:0 10px}
  .tabbar{background:var(--glass-tab)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);
    border:1px solid var(--line2)!important;box-shadow:var(--sh-tab),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:visible}
  .tabbar a,.tabbar button{color:var(--faint);font-weight:700;font-size:11px}
  .tabbar .cur{color:var(--accent-txt)!important}
  .tabbar .cur::after{background:var(--accent)!important;box-shadow:0 0 8px var(--accent)}
  .tabbar a#mSwap{position:relative;color:var(--text2)!important;align-content:end}
  .tabbar a#mSwap svg{position:absolute;z-index:1;top:-19px;left:50%;transform:translateX(-50%);width:22px;height:22px;margin:0;color:var(--accent-ink)}
  .tabbar a#mSwap::before{content:"";position:absolute;left:50%;top:-33px;width:50px;height:50px;transform:translateX(-50%);border-radius:50%;
    background:radial-gradient(circle at 50% 30%,#FFE27A,var(--accent) 55%,var(--accent-2));box-shadow:0 0 0 5px var(--tab-ring),0 0 26px -2px var(--accent-glow)}
  .tabbar a#mSwap.cur::after{display:none}
  .tabbar a#mSwap.cur{color:var(--accent-txt)!important}
  .mad{background:var(--glass-tab)!important;border:1px solid var(--line2)!important}
}
/* token page tabs and interval pills */
.tp-tabs button{background:var(--panel)!important;border:1px solid var(--line)!important;color:var(--text2)}
.tp-tabs button[aria-pressed="true"],.tp-nav button[aria-current="true"]{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:transparent!important;box-shadow:0 0 18px -6px var(--accent-glow)}
.tp-back,.tp-act,.tp-copy{background:var(--panel2)!important;border:1px solid var(--line)!important}
.swh .note,.swtrk .note{font-weight:500!important;color:var(--muted)!important;font-size:13px!important}
/* Mini App: five tabs with Swap in the middle (Radar fills the fifth slot) */
#mRadar{display:none!important}
html.tg #mRadar{display:grid!important}
html.tg .tabbar{grid-template-columns:repeat(5,minmax(0,1fr))!important}
html.tg .tabbar{align-items:stretch!important}
html.tg .tabbar a,html.tg .tabbar button{align-content:center}
html.tg .tabbar a#mSwap{align-content:end}
/* glass header area: the bar, the market chips and (in the Mini App) the strip behind Telegram's buttons share one frosted layer */
header{background:var(--glass-hdr)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);padding-bottom:8px!important}
html.tg-full body::before{background:var(--glass-hdr)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
html.tg header{padding-top:0!important}
/* text on cards that used to sit on a dark band follows the theme */
.banner:not(.has-img),.banner:not(.has-img) .kw,.prod.feat .kw{color:var(--fg)!important}
.banner:not(.has-img) p{color:var(--muted)}
#tpTrade .swapgo{display:flex;justify-content:center;margin:14px 0 0}
#tpTrade .trade-btns{margin:8px 0 4px}
/* ---------- portfolio summary: was a dark card with white text ---------- */
.pfsum{color:var(--fg)!important}
.pfsum .up{color:var(--up)!important}
.pfsum .down{color:var(--down)!important}
.pfsum small,.pfchg i{color:var(--muted)!important}
.pfshare{background:var(--panel2)!important;color:var(--fg)!important;border:1px solid var(--line2)!important}
.pfshare:hover{background:var(--panel3)!important}
.prod.feat{color:var(--fg)!important;border-color:var(--accent-line)!important;background:radial-gradient(80% 120% at 100% 0%,var(--accent-soft),transparent 60%),var(--card)!important}
.vt-boost .pill,.dw .pill,.pfw.ok .pfgo{color:var(--accent-ink)!important}
/* ---------- token page tab rows: no clipping ---------- */
.tp-tabs{margin:0 0 12px!important;padding:2px 2px 8px!important;gap:8px!important;border-bottom:0!important;scroll-padding:0 12px}
.tp-tabs button{margin:0!important;padding:8px 14px!important;line-height:1.2;flex:none}
.tp-nav{padding:6px 0!important;gap:6px!important}
.tp-nav button{flex:none;padding:7px 14px!important}
/* ---------- converter in the trade box: one surface per row ---------- */
.conv-row{background:var(--well)!important;border:1px solid var(--line)!important;border-radius:16px!important;min-height:52px;padding:6px 6px 6px 14px!important}
.conv-row input{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;font-family:var(--disp);font-weight:700}
.conv-row select{background:var(--panel)!important;border:1px solid var(--line2)!important;border-radius:999px!important;padding:7px 12px!important;font-weight:700}
.conv-row.out span{background:none!important;border:0!important}
.conv-swap{border-color:var(--inner)!important}
.pp-off{position:static!important;display:inline-flex;margin:0 0 12px;padding:5px 12px;border-radius:999px;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
.pack[aria-pressed="true"]{background:var(--accent)!important;color:var(--accent-ink)!important;border-color:transparent!important}
.pack[aria-pressed="true"] b,.pack[aria-pressed="true"] span{color:var(--accent-ink)!important}
.pr s,.slot s,.pack s,.sum s.was{opacity:.55;font-weight:500;margin-right:2px}
.promo .pp-tag{position:static!important;display:inline-flex;align-items:center;margin:0 0 10px;padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.co-own.ok{color:var(--up)!important}.co-own.bad{color:var(--down)!important}
/* price-change tabs (5M / 1H / 6H / 24H): two-line items, so a rounded rectangle whose items follow the same curve */
.ch-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important;padding:4px!important;border-radius:20px!important}
.ch-tabs button{border-radius:16px!important;border:0!important;background:transparent!important;padding:8px 4px!important;display:grid;justify-items:center;gap:2px;color:var(--muted)}
.ch-tabs button span{font-weight:700}
.ch-tabs:not(.thumbed) button[aria-pressed="true"]{background:var(--accent)!important;box-shadow:0 0 16px -6px var(--accent-glow)}
.ch-tabs button[aria-pressed="true"]{color:var(--accent-ink)!important}
.ch-tabs.thumbed::before{background:var(--accent)!important;box-shadow:0 0 16px -6px var(--accent-glow)!important}
.ch-tabs button[aria-pressed="true"] *{color:var(--accent-ink)!important}
/* header menus (theme, wallet, Explore) open above the market chips, not under them */
header .nav{position:relative;z-index:5}
.mbar{position:relative;z-index:1}
.tmp,.ddp{z-index:50}
.swp-head{position:relative}
.swp-share{display:inline-flex;align-items:center;gap:6px;margin-top:10px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--fg);font-weight:700;font-size:13px}
.shl-app{display:grid;gap:6px;margin-top:12px}
.shl-app>span{font-size:12.5px;color:var(--muted);font-weight:600}
.hold-t th.r,.hold-t td.r{text-align:right;white-space:nowrap}
.hold-t td.r{font-variant-numeric:tabular-nums}
.hold-t td.r .share{width:42px}
.hold-t{min-width:0!important;width:100%}
@media (max-width:760px){
  .hold-t th,.hold-t td{padding:10px 5px!important;font-size:13.5px}
  .hold-t th:first-child,.hold-t td:first-child{padding-left:2px!important;width:22px}
  .hold-t td .tag{display:table;margin-top:3px;font-size:11px}
}
/* social card studio (admins, Mini App profile) */
.cs-body{display:grid;gap:14px;padding:6px 8px 10px}
.cs-f{display:grid;gap:6px;min-width:0}
.cs-f>span{font-size:12.5px;font-weight:600;color:var(--muted)}
.cs-f input,.cs-f textarea{width:100%;border:1px solid var(--line2);border-radius:14px;padding:11px 13px;font:500 14px var(--sans);color:var(--fg);background:var(--well)}
.cs-f textarea{resize:vertical;line-height:1.45}
.cs-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px}
.cs-chips button{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--text2);font-weight:700;font-size:13px}
.cs-chips button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.cs-seg{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%}
.cs-seg button{padding:7px 12px;font-size:13px}
.cs-go{display:flex;justify-content:center;height:46px}
.cs-prev{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);margin-top:4px}
.cs-acts{display:flex;flex-wrap:wrap;gap:8px}
.cs-acts .pill{flex:1;display:flex;justify-content:center;min-width:130px}
.cs-note{margin:0;font-size:12.5px;color:var(--muted)}
/* ---------- share sheet (website) ---------- */
.shl{display:grid;gap:12px;width:100%}
.shl-url{display:flex;gap:8px;align-items:center;background:var(--well);border:1px solid var(--line2);border-radius:999px;padding:5px 5px 5px 14px}
.shl-url input{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--fg);font-size:14px;padding:0!important}
.shl-url .pill{height:36px;padding:0 16px;flex:none}
.shl-nets{display:flex;flex-wrap:wrap;gap:8px}
.shl-net{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--fg);font-weight:700;font-size:13.5px;text-decoration:none}
.shl-net:hover{border-color:var(--accent-line)}
.shl .note{margin:0;font-size:12.5px;color:var(--muted)}
#shActs:has(.shl){display:block}
.shl-main{width:100%;display:flex;justify-content:center;height:46px;font-size:15px}
.shl-note{margin:2px 0 0!important;font-size:12.5px;color:var(--muted)}
#shLinkBox{display:grid;gap:8px;margin-top:4px}
/* image card, made only on request */
.shc{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:12px 12px 12px 14px;background:var(--well)}
.shc-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shc-h b{display:block;font-weight:700;font-size:14.5px}
.shc-h small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.shc-h .pill{flex:none;height:38px;padding:0 16px}
.shc-body{margin-top:12px;display:grid;gap:10px}
.shc-body img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.shc-acts{display:flex;gap:8px;flex-wrap:wrap}
.shc-acts .pill{flex:1;display:flex;justify-content:center;min-width:120px}
.shc-body .note{margin:0;font-size:12.5px;color:var(--muted)}
/* ---------- shared wallet page (/w/<id>) ---------- */
.shp-wrap{max-width:560px;margin:0 auto;padding:16px 0 40px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.shp-av{cursor:default}
.shp-card{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:var(--lift);background:#fff}
.shp-hold{padding:8px 14px!important}
.shp-tot{display:flex;align-items:baseline;gap:10px;padding:10px 2px 12px;border-bottom:1px solid var(--line)}
.shp-tot span{color:var(--muted);font-size:13px}
.shp-tot b{font-family:var(--disp);font-size:22px;font-weight:700}
.shp-tot small{margin-left:auto;color:var(--muted);font-size:12.5px}
.shp-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none}
.shp-row:last-child{border-bottom:0}
.shp-n{display:grid;flex:1;min-width:0}
.shp-n b,.shp-v b{font-weight:700;font-size:15px}
.shp-n small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shp-v{display:grid;justify-items:end}
.shp-v small{font-size:12.5px;font-weight:600}
.shp-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.shp-acts .pill{display:flex;justify-content:center;align-items:center}
@media (hover:none),(pointer:coarse){*{cursor:default!important}}

.cs-auto{margin-top:18px;padding-top:16px;border-top:1px solid var(--line,rgba(127,127,127,.18));display:grid;gap:10px}
.cs-auto .note{margin:0;line-height:1.5}
.cs-err{color:var(--down,#E5364F);font-weight:600}
/* Follow KeepEye: Telegram blue icons in the profile, icon links in the footer */
.prf-ic.t-sky{background:rgba(42,171,238,.14);color:#2AABEE}
.fsoc a{display:inline-flex;align-items:center;gap:8px}
.fsoc svg{width:16px;height:16px;flex:none;color:#2AABEE}

/* Mini App: top ad strip below the header, as a slim card */
html.tg .topad{margin:2px 16px 4px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html.tg .topad .wrap{padding-left:12px;padding-right:8px}
/* featured banner on phones and in the Mini App: compact (about 40% shorter) */
@media (max-width:760px){
  .banner{padding:13px 15px 14px!important;gap:6px!important;min-height:0!important}
  .banner .h span:not(.adtag){font-size:11px!important}
  .banner .h .adx{margin-top:-4px;margin-bottom:-4px}
  .banner h3{font-size:15.5px!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .banner p{font-size:12px!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .banner .row{gap:10px}
  .banner .row .pill{height:32px;padding:0 14px;font-size:13px}
  .banner img.hero-img{max-height:72px}
}