/* Self-hosted Inter and JetBrains Mono (SIL Open Font License), Latin and Cyrillic, from Google Fonts. Served from our own
   domain with the CSS, so text no longer waits for a second host's stylesheet (Lighthouse: ~0.85 s render-blocking on a phone). */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic-ext-705d6250.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic-9f73b2f4.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext-cf3eb50f.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/inter-latin-f11d729b.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/jbmono-cyrillic-ext-feae5721.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/jbmono-cyrillic-9d8db2e8.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/jbmono-latin-ext-06ad3600.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/jbmono-latin-4f27206c.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* Freekonomist design system: #0c0d0f world, orange #ff6700 accent (the logo dot), Inter + JetBrains Mono. Mobile first. */
:root{
  --bg:#0c0d0f;--panel:#141619;--panel2:#191c20;--panel3:#202429;--line:#25292f;--line2:#30343a;
  --ink:#eceae7;--ink2:#bebbb5;--mute:#8e8b86;
  --acc:#ff6700;--acc2:#ff9a52;--acc-a:rgba(255,103,0,.14);--gain:#5ac69b;--loss:#dd6e78;--amber:#d7a852;--cool:#77bcdf;--acc2b:#d85b89;
  --f-b:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;--f-m:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --r:18px;--r2:12px;--hh:60px;--ease:cubic-bezier(.22,.8,.3,1);--ease-soft:cubic-bezier(.4,0,.2,1);
  color-scheme:dark;
}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}
::view-transition-old(root){animation:lv-vt-out .22s var(--ease-soft) both}
::view-transition-new(root){animation:lv-vt-in .42s var(--ease) both}
@keyframes lv-vt-out{to{opacity:0}}
@keyframes lv-vt-in{from{opacity:0;transform:translateY(6px)}}
.hdr{view-transition-name:hdr}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 56px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--f-b);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}
body::before{content:"";position:fixed;inset:-20vmax -20vmax auto auto;width:60vmax;height:60vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,103,0,.13),transparent 65%);pointer-events:none;z-index:0;animation:lv-drift 48s ease-in-out infinite alternate;opacity:.5}
@keyframes lv-drift{to{transform:translate(-14vmax,18vmax) scale(1.15)}}
img,svg{max-width:100%}
[hidden]{display:none!important}
[data-hide="1"]{display:none!important}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
.sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--acc);color:#050506;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
main{position:relative;z-index:1;min-height:60vh}
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
.up{color:var(--gain)}.dn{color:var(--loss)}.acc{color:var(--acc)}.mute{color:var(--mute)}.amber{color:var(--amber)}.cool{color:var(--cool)}.mid{color:var(--ink2)}
.mono,.num{font-family:var(--f-m);font-variant-numeric:tabular-nums}
.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}

/* ---------- ticker + header */
.ticker{position:relative;z-index:31;overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);background:#090a0c;mask-image:linear-gradient(90deg,transparent,#050506 6%,#050506 94%,transparent)}
.tk-in{display:inline-flex;animation:lv-tk 110s linear infinite;padding-block:7px}
.ticker:hover .tk-in{animation-play-state:paused}
.ticker a,.tk-dup a{font:500 12.5px var(--f-m);padding-inline:16px;color:var(--mute);text-decoration:none}
.ticker a b{color:var(--ink);font-weight:500}
.tk-dup{display:inline-flex}
@keyframes lv-tk{to{transform:translateX(-50%)}}
.hdr{position:sticky;top:0;z-index:30;background:rgba(12,13,15,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:14px;height:var(--hh)}
.brand{display:inline-flex;align-items:center;gap:9px;font:800 22px/1 var(--f-b);letter-spacing:-.04em;text-decoration:none;flex:none}
.brand small{font:700 10px var(--f-m);letter-spacing:.18em;color:var(--acc);margin-left:7px;padding:3px 6px;border:1px solid var(--acc);border-radius:99px;align-self:center;position:relative}
.brand small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-right:5px;vertical-align:1px;animation:lv-pulse 2.8s ease-in-out infinite}
@keyframes lv-pulse{50%{opacity:.35;transform:scale(1.3)}}
.nav{display:none;gap:2px;flex:1;min-width:0}
.nav a,.secnav a{position:relative;padding:8px 11px;border-radius:99px;font:600 14px var(--f-b);color:var(--ink2);text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.nav a:hover,.secnav a:hover{color:var(--ink);background:var(--panel2)}
.nav a[aria-current=page],.secnav a[aria-current=page]{color:#050506;background:var(--acc)}
.hdr-act{display:flex;align-items:center;gap:8px;margin-left:auto}
.hdr-act .btn.pri{display:none}
.kbd{font:600 11px var(--f-m);color:var(--mute);border:1px solid var(--line2);border-radius:6px;padding:1px 5px;margin-left:6px;display:none}
.secnav{border-top:1px solid var(--line)}
.secnav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px max(12px,env(safe-area-inset-left,0px));scroll-snap-type:x proximity}
.secnav-in::-webkit-scrollbar{display:none}
.secnav a{scroll-snap-align:start;padding:7px 12px;font-size:13.5px;background:var(--panel)}
@media(min-width:1024px){.hdr-act .btn.pri{display:inline-flex}}
/* three icon buttons plus the logo must fit a 360px phone */
@media(max-width:374px){.brand{font-size:19px}}
@media(max-width:359px){.brand{font-size:16px;gap:6px}.hdr-act{gap:3px}.hdr-act .btn.sm{padding-left:8px;padding-right:8px}}
@media(max-width:419px){.hdr-in{gap:8px}.hdr-act{gap:5px}.hdr-act .btn.sm{padding-left:10px;padding-right:10px;min-height:40px}}
/* the full menu fits in the header row only on wide screens; below that it stays in the scrolling row */
@media(min-width:1180px){body:not(.nav-tight) .nav{display:flex}body:not(.nav-tight) .secnav{display:none}.hdr-in{gap:10px}.nav a{padding:8px 6px;font-size:13.5px}.hdr-act{gap:5px}.hdr-act .btn.sm{padding-left:10px;padding-right:10px}}
@media(min-width:1180px) and (max-width:1365px){.brand{font-size:20px}}

/* ---------- buttons, pills, atoms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);font:700 15px var(--f-b);text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),background .18s,border-color .18s,box-shadow .18s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-1px);border-color:#555555}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--acc);border-color:var(--acc);color:#050506;box-shadow:0 4px 18px -10px rgba(255,103,0,.55)}
.btn.pri:hover{background:#ff7f26;box-shadow:0 10px 30px -8px rgba(255,103,0,.85)}
.btn.ghost{background:transparent}
.btn.sm{min-height:38px;padding:7px 13px;font-size:13.5px}
.btn.wide{width:100%}
.btn[aria-disabled=true]{opacity:.45;pointer-events:none;box-shadow:none}
.lnk{background:none;border:0;padding:0;color:var(--ink2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit}
.lnk:hover{color:var(--acc)}
.lnk.sm{display:inline-flex;align-items:center;gap:6px;font-size:14px;margin-top:10px}
.pill{display:inline-flex;white-space:nowrap;flex-shrink:0;align-items:center;font:700 11px var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:var(--panel3);color:var(--ink2)}
.pill.acc{background:var(--acc-a);color:var(--acc)}.pill.bad{background:rgba(221,110,120,.14);color:var(--loss)}
.eyebrow{display:flex;align-items:center;gap:10px;font:700 12px var(--f-m);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--acc);flex:none}
.src{margin:10px 0 0;font:400 12.5px/1.5 var(--f-b);color:var(--mute)}
.src a{color:var(--ink2)}
.note{margin:0;font-size:14px;color:var(--mute)}
.risk{font-size:13px;color:var(--mute);border-left:2px solid var(--amber);padding-left:10px;margin:12px 0 0}
.nodata{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px dashed var(--line2);border-radius:var(--r2);color:var(--mute);font-size:14px}
.nodata b{color:var(--ink2)}
.empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border:1px dashed var(--line2);border-radius:var(--r);color:var(--mute)}
.empty b{color:var(--ink);font-size:17px}
.chip{display:inline-flex;font:700 10.5px var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:var(--panel3);color:var(--ink2);flex:none}
.chip.acc{background:var(--acc-a);color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0}
.chips li{font-size:13px;padding:6px 11px;border:1px solid var(--line2);border-radius:99px;color:var(--ink2)}
.live-pill{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--f-m);color:var(--gain);letter-spacing:.06em;text-transform:uppercase}
.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--gain);animation:lv-pulse 2.8s ease-in-out infinite}
.live-dot{color:var(--gain)}

/* ---------- typography + sections */
h1,h2,h3{text-wrap:balance}
.hero{position:relative;padding:28px 0 8px}
.hero.sm{padding-bottom:0}
.hero h1{margin:6px 0 14px;font:800 clamp(40px,10vw,96px)/.95 var(--f-b);letter-spacing:-.04em}
.hero.sm h1{font-size:clamp(34px,8vw,68px)}
.hero h1 .acc{display:inline-block;background:linear-gradient(100deg,var(--acc),var(--acc2) 45%,var(--acc));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;}
@keyframes lv-sheen{50%{background-position:100% 0}}
.hero h1{animation:lv-rise .28s var(--ease) both}
/* The headline is the page's largest paint: it slides in but is never invisible, so LCP does not wait for the motion. */
@keyframes lv-rise{from{transform:translateY(.2em)}}
.lede{max-width:62ch;margin:0 0 18px;color:var(--ink2);font-size:clamp(16px,2.1vw,19px);line-height:1.55}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.hero-g{display:grid;gap:22px}
@media(min-width:960px){.hero{padding-top:44px}.hero-g{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px}.hero-g h1{font-size:clamp(48px,5.6vw,88px)}}
.hero h1{overflow-wrap:break-word;hyphens:manual}
.block{padding-top:56px}
.sec-h{margin-bottom:18px}
.sec-h h2,.h3{margin:0;font:800 clamp(26px,4.4vw,40px)/1.08 var(--f-b);letter-spacing:-.035em}
h2.h3{font-size:clamp(20px,3vw,26px)}
.sec-h .sub{margin:8px 0 0;max-width:64ch;color:var(--mute);font-size:15px}
.tp-h{margin:0 0 12px;font:700 18px var(--f-b);letter-spacing:-.01em}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:500 12.5px var(--f-m);color:var(--mute);margin-bottom:14px}
.crumbs a{color:var(--mute);text-decoration:none}.crumbs a:hover{color:var(--acc)}
.crumbs [aria-current]{color:var(--ink2)}
.prose{max-width:820px}
.prose h2{font:800 28px/1.15 var(--f-b);letter-spacing:-.03em;margin:0 0 14px}
.prose h3{font:700 17px var(--f-b);margin:22px 0 6px}
.prose p,.prose li{color:var(--ink2)}
.prose .block{padding-top:36px}
.srcs{padding-left:18px}.srcs li{margin:6px 0}

/* ---------- grids + cards */
.grid{display:grid;gap:14px}
.g2,.g3{grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;min-width:0;overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
.card:hover{border-color:#383838}
.card h3{margin:0 0 6px;font:600 14px var(--f-b);color:var(--ink2);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.big{font:800 clamp(30px,5.5vw,48px)/1.02 var(--f-b);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.lead2{color:var(--ink2);margin:12px 0 0;font-size:15px}
.more{margin-top:12px}
.tiles{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1180px){.tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
.tile{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 14px 0;background:var(--panel);border:1px solid var(--line);border-radius:16px;text-decoration:none;overflow:hidden;min-height:132px;transition:transform .35s var(--ease),border-color .3s,background .3s,box-shadow .35s var(--ease)}
.tile:hover{transform:translateY(-2px);border-color:rgba(255,103,0,.3);background:#17191d;box-shadow:0 14px 30px -22px rgba(0,0,0,.6)}
.tile-h{display:flex;align-items:baseline;gap:8px;min-width:0}
.tile .sym{font:800 15px var(--f-b)}
.tile .nm{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile-px{font:700 19px var(--f-m);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:6px}
.tile-ch{font:600 13px var(--f-m)}
.tile .spark{margin:auto -14px 0;width:calc(100% + 28px);max-width:none;height:40px;transform-origin:50% 100%;transition:transform .5s var(--ease),filter .5s var(--ease)}
.tile .spark path:first-child{transition:opacity .5s var(--ease)}
.tile:hover .spark{transform:scaleY(1.08);filter:drop-shadow(0 0 8px rgba(236,234,231,.08))}
.tile:hover .spark path:first-child{opacity:.28}
.tile:hover .spark .ln{stroke-width:2.6}
.tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(255,103,0,.10),transparent 60%);opacity:0;transition:opacity .4s var(--ease)}
.tile:hover::after{opacity:1}
@media(prefers-reduced-motion:reduce){.tile:hover .spark{transform:none}}
.tile .nodata{padding:6px;border:0}
.spark{display:block;width:100%;height:56px}
.spark .ln{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
/* a dash-drawn line breaks with non-scaling strokes (it stopped halfway), so sparklines fade in instead */
.io .reveal .spark .ln{opacity:0;transition:opacity .9s var(--ease) .15s}.io .reveal.in .spark .ln{opacity:1}
.io .reveal .chart .ln{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease) .15s}
.io .reveal.in .chart .ln{stroke-dashoffset:0}
.flash-up{animation:lv-fu .9s ease}.flash-dn{animation:lv-fd .9s ease}
@keyframes lv-fu{0%{color:var(--gain);text-shadow:0 0 14px rgba(90,198,155,.6)}}
@keyframes lv-fd{0%{color:var(--loss);text-shadow:0 0 14px rgba(221,110,120,.6)}}

/* ---------- reveal on scroll (only once the client marks html.io, so content never hides without JS) */
.io .reveal:not(.in){opacity:0;transform:translateY(18px)}
.io .reveal{transition:opacity .8s var(--ease-soft),transform .8s var(--ease)}
.rm *,.rm *::before,.rm *::after{animation:none!important;transition:none!important}
.rm .reveal{opacity:1!important;transform:none!important}
/* a card opened by a link with its #id (from the library) flashes once */
.card:target{animation:tgt 2.4s ease-out}@keyframes tgt{0%,35%{box-shadow:0 0 0 2px var(--acc)}100%{box-shadow:0 0 0 2px transparent}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

/* ---------- depth (15 sec / understand / data) */
html[data-depth="1"] .d2,html[data-depth="1"] .d3,html[data-depth="2"] .d3{display:none!important}
.depth-row{display:flex;justify-content:flex-start;padding-top:22px}
.depth{display:inline-flex;padding:4px;border:1px solid var(--line2);border-radius:99px;background:var(--panel);gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.depth button{border:0;background:none;color:var(--mute);font:700 13px var(--f-b);padding:8px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;min-height:36px}
html[data-depth="1"] .depth [data-depth="1"],html[data-depth="2"] .depth [data-depth="2"],html[data-depth="3"] .depth [data-depth="3"]{background:var(--acc);color:#050506}

/* ---------- segmented controls, chips, tabs */
.seg{display:inline-flex;flex-wrap:nowrap;gap:4px;padding:3px;border:1px solid var(--line2);border-radius:99px;background:var(--panel);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.seg::-webkit-scrollbar{display:none}
.seg button,.seg a{flex:0 0 auto;white-space:nowrap;border:0;background:none;color:var(--mute);font:700 12.5px var(--f-m);padding:7px 11px;border-radius:99px;cursor:pointer;text-decoration:none;min-height:34px;display:inline-flex;align-items:center}
.seg button[aria-pressed=true],.seg a[aria-current]{background:var(--acc);color:#050506}
.fchips,.achips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin:4px 0 14px;scroll-snap-type:x proximity}
.fchips::-webkit-scrollbar,.achips::-webkit-scrollbar{display:none}
.fchips a,.fchips button{flex:none;scroll-snap-align:start;padding:8px 14px;border-radius:99px;border:1px solid var(--line2);background:var(--panel);color:var(--ink2);font:600 14px var(--f-b);text-decoration:none;cursor:pointer;min-height:38px}
.fchips a[aria-current],.fchips button[aria-pressed=true]{background:var(--ink);color:#050506;border-color:var(--ink)}
.achips a{flex:none;display:flex;flex-direction:column;align-items:center;padding:7px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);text-decoration:none;min-width:64px}
.achips a b{font:800 13px var(--f-b)}.achips small{font:600 11px var(--f-m)}
.achips a[aria-current]{border-color:var(--acc);background:var(--acc-a)}
.tablist{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:16px}
.tablist::-webkit-scrollbar{display:none}
.tablist [role=tab]{flex:none;border:0;background:none;color:var(--mute);font:700 14px var(--f-b);padding:12px 14px;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}
.tablist [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--acc)}
.tabpanel>.tp-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tabpanel{animation:lv-fade .35s var(--ease)}
@keyframes lv-fade{from{opacity:0;transform:translateY(6px)}}

/* ---------- Today: causal chain */
.hero-side{min-width:0}
.chain{background:linear-gradient(180deg,#15171a,#0f1114);border:1px solid var(--line);border-radius:22px;padding:18px;position:relative;overflow:hidden}
.chain::after{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;height:90%;background:radial-gradient(circle,rgba(255,103,0,.16),transparent 60%);pointer-events:none}
.chain-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chain-h .eyebrow{margin:0}
.chain-row{display:flex;flex-direction:column;gap:0}
.cn{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"t v" "s v";align-items:center;gap:0 12px;padding:11px 14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);text-decoration:none;animation:lv-pop .6s var(--ease) both;animation-delay:calc(var(--i)*.14s + .2s);transition:border-color .2s,transform .2s}
.cn:hover{border-color:var(--acc);transform:translateX(3px)}
.cn small{grid-area:t;font:600 12px var(--f-b);color:var(--mute)}
.cn b{grid-area:v;font:800 20px var(--f-m);letter-spacing:-.02em}
.cn em{grid-area:s;font:500 12px var(--f-m);font-style:normal;color:var(--ink2)}
.cn.up b{color:var(--gain)}.cn.dn b{color:var(--loss)}
.cl{display:flex;justify-content:center;height:18px}
.cl i{width:2px;height:100%;background:repeating-linear-gradient(180deg,var(--acc) 0 4px,transparent 4px 8px);background-size:2px 16px;animation:lv-flow .8s linear infinite;opacity:.8}
@keyframes lv-flow{to{background-position:0 16px}}
.cn-ends{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cn-ends .cn{grid-template-columns:1fr;grid-template-areas:"t" "v" "s"}
.chain-read{margin:14px 0 0;font-size:14px;color:var(--ink2);line-height:1.55}
.chain-read b{color:var(--ink)}
@keyframes lv-pop{from{opacity:0;transform:translateY(10px) scale(.97)}}

/* ---------- Today: stories (15 seconds) */
.stories{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:16px;overflow:hidden}
.st-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.st-tabs::-webkit-scrollbar{display:none}
.st-tabs button{flex:none;border:1px solid var(--line2);background:none;color:var(--ink2);font:700 14px var(--f-b);border-radius:99px;padding:8px 14px;cursor:pointer;min-height:38px}
.st-tabs button[aria-selected=true]{background:var(--ink);color:#050506;border-color:var(--ink)}
.st-bars{display:flex;gap:4px;margin-bottom:18px}
.st-bars i{flex:1;height:3px;border-radius:2px;background:var(--line2);overflow:hidden}
.st-bars i b{display:block;height:100%;width:0;background:var(--acc)}
.st-bars i.done b{width:100%}
.st-bars i.on b{width:100%;transition:width var(--st-dur,6s) linear}
.st-bars i.on.paused b,.st-bars i.on.wait b{width:0;transition:none}
.st-step{min-height:190px;animation:lv-fade .45s var(--ease)}
.st-step small{display:block;font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.st-step b{display:block;font:800 clamp(34px,8vw,64px)/1.05 var(--f-b);letter-spacing:-.04em;margin:8px 0 10px}
.st-step p{margin:0;max-width:60ch;color:var(--ink2);font-size:17px}
.st-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.st-n{font:600 13px var(--f-m);color:var(--mute);min-width:44px;text-align:center}
.st-nav .btn.pri{margin-left:auto}

/* ---------- Today: worlds, movers, countdown, partner strip, socials */
.worlds{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.worlds{grid-template-columns:repeat(4,minmax(0,1fr))}}
.world{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,#171a1e,#101215);text-decoration:none;overflow:hidden;min-height:170px;transition:transform .25s var(--ease),border-color .2s}
.world:hover{transform:translateY(-4px);border-color:var(--acc)}
.world>.ic:first-child{width:28px;height:28px;color:var(--acc)}
.world b{font:800 22px var(--f-b);letter-spacing:-.02em}
.world p{margin:0;color:var(--mute);font-size:14px}
.world-s{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;font:600 12.5px var(--f-m);color:var(--ink2)}
.world-s i{font-style:normal}
.world>.ic:last-child{position:absolute;right:16px;top:18px;color:var(--mute);transition:transform .2s,color .2s}
.world:hover>.ic:last-child{transform:translate(3px,-3px);color:var(--acc)}
.movers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.movers li>a,.movers li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;text-decoration:none}
.movers li>a{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s}
.movers li>a:hover{border-color:var(--acc)}
.movers li:not(:has(>a)){padding:8px 0;border-bottom:1px solid var(--line)}
.movers b{font:800 14px var(--f-b)}
.movers span{font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movers em{font:600 13px var(--f-m);font-style:normal}
.movers i{font:700 13px var(--f-m);font-style:normal;min-width:64px;text-align:right}
.fng{margin-top:14px;text-align:center}
.fng .gauge{width:min(260px,100%);margin:0 auto;display:block}
.gauge .gn{font:800 40px var(--f-b);fill:var(--ink)}
.gauge .gl2{font:600 13px var(--f-b);fill:var(--mute)}
.gauge .gv{animation:lv-gauge 1.4s var(--ease) both}
@keyframes lv-gauge{from{stroke-dasharray:0 100}}
.cdown{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:var(--acc-a);border:1px solid rgba(255,103,0,.35)}
.cdown small{font:700 12px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.cdown b{font:800 20px var(--f-m);font-variant-numeric:tabular-nums}
.pcard{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.pcard p{margin:0;color:var(--ink2);font-size:14px;flex:1}
.socg{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:800px){.socg{grid-template-columns:repeat(4,minmax(0,1fr))}}
.socg a{display:flex;align-items:center;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color .2s}
.socg a:hover{border-color:var(--acc)}
.socg b{font-weight:700}@media(max-width:420px){.socg small{display:none}}.socg small{color:var(--mute);font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.subcards{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.subcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1050px){.subcards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.subcard{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:transform .2s var(--ease),border-color .2s}
.subcard:hover{transform:translateY(-3px);border-color:var(--acc)}
.subcard b{font:800 18px var(--f-b)}.subcard p{margin:0;color:var(--mute);font-size:14px}
.subcard em{font:700 13px var(--f-m);font-style:normal;color:var(--acc);margin-top:6px}
.subcard .ic{position:absolute;right:14px;top:16px;color:var(--mute)}
.strength{display:flex;flex-direction:column;gap:8px}
.sr{display:grid;grid-template-columns:44px minmax(0,1fr) 72px;align-items:center;gap:10px;font:600 13px var(--f-m)}
.sr-t{position:relative;height:10px;border-radius:99px;background:var(--panel2)}
.sr-t::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line2)}
.sr-t i{position:absolute;top:0;bottom:0;border-radius:99px}
.sr-t i.up{background:var(--gain)}.sr-t i.dn{background:var(--loss)}
.sr span{text-align:right}

/* ---------- KPIs, macro */
.kpis{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
@media(min-width:900px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color .2s}
.kpi:hover{border-color:var(--acc)}
/* cards that open as a big chart */
.popc{position:relative;cursor:pointer;transition:transform .35s var(--ease),border-color .25s,box-shadow .35s var(--ease)}
.popc:hover,.popc:focus-visible{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 18px 40px -24px rgba(5,5,6,.9),0 0 0 1px rgba(255,103,0,.25)}
.popc:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.popc .pop-ic{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--panel2,#1c1f23);border:1px solid var(--line);color:var(--mute);opacity:.55;transition:opacity .25s,color .25s,transform .35s var(--ease)}
.kpi.popc .pop-ic{top:10px;bottom:auto;width:22px;height:22px;border-radius:7px}
.popc .pop-ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kpi.popc .pop-ic svg{width:11px;height:11px}
.popc:hover .pop-ic,.popc:focus-visible .pop-ic{opacity:1;color:var(--acc);transform:scale(1.08)}
.popc:hover .spark .ln{filter:drop-shadow(0 0 6px currentColor)}
.popc .spark{transition:transform .45s var(--ease)}
.popc:hover .spark{transform:scaleY(1.06)}
.mbox[data-kind=pop]{max-width:860px}
.mbox.pop-in{animation:lv-popin .42s var(--ease) both}
@keyframes lv-popin{from{opacity:0;transform:scale(.55)}}
.mbox[data-kind=pop] .chart .ln{animation:lv-draw 1.2s var(--ease) .15s both}
.mbox[data-kind=pop] .chart path[opacity]{animation:lv-fade .8s ease .5s both}
.pop-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:4px 0 12px}
.pop-v b{font:800 40px var(--f-m);letter-spacing:-.03em}
.pop-v span{font:500 13px var(--f-m);color:var(--mute)}
.pop-r{margin:0 0 10px}
.pop-c{position:relative;min-height:200px}
.pop-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.pop-st span{padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-width:0}
.pop-st small{font:600 11.5px var(--f-b);color:var(--mute)}.pop-st b{font:700 16px var(--f-m)}
.pop-why{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,103,0,.06);border:1px solid rgba(255,103,0,.22);animation:lv-fade .5s var(--ease) .35s both}
.pop-why p{margin:0 0 8px;color:var(--ink2);line-height:1.55}.pop-why p:last-child{margin:0}.pop-why b{color:var(--ink)}
.pop-body .big{font-size:clamp(34px,7vw,52px)}
.pop-in2>*{animation:lv-fade .45s var(--ease) both}
.pop-in2>:nth-child(2){animation-delay:.08s}.pop-in2>:nth-child(3){animation-delay:.16s}.pop-in2>:nth-child(4){animation-delay:.24s}.pop-in2>:nth-child(n+5){animation-delay:.3s}
.pop-in2 .hb,.pop-in2 li,.pop-in2 .wc-r{animation:lv-fade .4s var(--ease) both}
.pop-in2 .hb:nth-child(2),.pop-in2 li:nth-child(2){animation-delay:.12s}.pop-in2 .hb:nth-child(3),.pop-in2 li:nth-child(3){animation-delay:.18s}.pop-in2 .hb:nth-child(4),.pop-in2 li:nth-child(4){animation-delay:.24s}.pop-in2 .hb:nth-child(n+5),.pop-in2 li:nth-child(n+5){animation-delay:.3s}
.pop-in2 .trc i,.pop-in2 .meter2 i,.pop-in2 .fmeter i{transform-origin:left;animation:lv-grow 1s var(--ease) .25s both}
.pop-in2 .gv{animation:lv-gauge 1.4s var(--ease) .15s both}
.pop-in2.gauge svg{max-width:320px!important;width:100%;display:block;margin:6px auto}
.pop-body.lg .card{background:none;border:0;padding:0}
.pop-body .chart{margin-top:6px}
@media(prefers-reduced-motion:reduce){.popc,.popc:hover{transform:none}.mbox.pop-in,.mbox[data-kind=pop] .chart .ln,.pop-why,.pop-in2 *{animation:none}}
.kpi small{font:600 12px var(--f-b);color:var(--mute)}
.kpi b{font:800 26px var(--f-m);letter-spacing:-.03em}
.kpi span{font:500 12px var(--f-m);color:var(--mute)}
.mgrid{margin-bottom:8px}
.mgroup{animation:lv-fade .35s var(--ease)}
.mc .mc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mc .mc-d{font:500 12px var(--f-m);color:var(--mute);white-space:nowrap}
.mc .spark{height:46px;margin-top:10px}
.mc-w{margin:10px 0 0;color:var(--ink2);font-size:14px}
.mg-h{display:grid;gap:12px;margin-bottom:12px}
@media(min-width:800px){.mg-h{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end}}
.window{background:linear-gradient(180deg,#16181c,#101215);border:1px solid var(--line);border-radius:22px;padding:18px;min-width:0}
.win-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.win-h h3{margin:0;font:800 20px/1.2 var(--f-b);letter-spacing:-.02em}
.fp{width:100%;height:auto;margin:10px 0 8px;overflow:visible}
.fpl{fill:none;stroke:var(--acc);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0;animation:lv-draw 1.6s var(--ease) .3s both}
@keyframes lv-draw{from{stroke-dashoffset:1}}
.fpp circle{fill:var(--bg);stroke:var(--acc);stroke-width:2.5;transition:r .2s,fill .2s;cursor:pointer}
.fpp text{font:600 13px var(--f-m);fill:var(--ink)}
.fpp .fpx{fill:var(--mute);font-size:11.5px}
.fpp.on circle{fill:var(--acc)}
.fpm{margin-bottom:10px}
.fpt{margin:4px 0 0;font-size:15px;color:var(--ink2)}
.poll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:560px}
.poll button{min-height:52px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);font:800 16px var(--f-b);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s}
.poll button:hover{border-color:var(--acc)}
.poll button[aria-pressed=true]{border-color:var(--acc);background:var(--acc-a)}
.poll button i{position:absolute;left:0;bottom:0;height:4px;background:var(--acc);transition:width .8s var(--ease)}
.poll-r{color:var(--ink2);min-height:1.5em;margin:12px 0 0}
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.tbl th{text-align:left;font:600 12px var(--f-m);color:var(--mute);letter-spacing:.04em;text-transform:uppercase;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line)}
.tbl tr:last-child td{border-bottom:0}
.tbl td.num{font-weight:700}
.hbars{display:flex;flex-direction:column;gap:10px}
.hb{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr) 70px;align-items:center;gap:10px;font-size:14px}
.hb b{font:700 14px var(--f-m);text-align:right}
.trc{height:10px;border-radius:99px;background:var(--panel2);overflow:hidden}
.trc i{display:block;height:100%;background:var(--acc);border-radius:99px;transform-origin:left;animation:lv-grow 1s var(--ease) both}
@keyframes lv-grow{from{transform:scaleX(0)}}
.cal{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.cal li{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"t c n" "s s s";gap:2px 10px;align-items:baseline;padding:11px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}
.cal time{grid-area:t;font:600 12.5px var(--f-m);color:var(--mute);white-space:nowrap}
.cal b{grid-area:c;font:800 13px var(--f-m);color:var(--acc)}
.cal b a{text-decoration:none}
.cal span{grid-area:n;font-weight:600;min-width:0}
.cal small{grid-area:s;color:var(--mute);font-size:12.5px}

/* ---------- asset page */
.ahero{padding:18px 0 0}
.ahero-g{display:grid;gap:18px}
@media(min-width:980px){.ahero{padding-top:30px}.ahero-g{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}}
.ahero h1{margin:4px 0 6px;font:800 clamp(34px,7vw,64px)/1 var(--f-b);letter-spacing:-.045em;animation:lv-rise .28s var(--ease) both}
.h1s{font:700 .42em var(--f-m);color:var(--mute);letter-spacing:0;vertical-align:.35em}
.apx{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.apx-v{font:800 clamp(38px,8vw,72px)/1.05 var(--f-m);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.apx-u{font-size:13px;color:var(--mute)}
.chg-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 2px}
.chg{display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--line);font:700 14px var(--f-m)}
.chg em{font:500 11px var(--f-m);color:var(--mute);font-style:normal}
.ahero-act{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.ahero .lede{font-size:16px}
.fcard{border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#17191d,#101215);padding:18px;position:relative;overflow:hidden}
.fcard::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--mute)}
.fcard.bull::before{background:var(--gain)}.fcard.bear::before{background:var(--loss)}.fcard.mixed::before{background:var(--amber)}
.fcard h3{margin:0 0 12px;font:800 26px/1.1 var(--f-b);letter-spacing:-.03em}
.fcard.bull h3{color:var(--gain)}.fcard.bear h3{color:var(--loss)}.fcard.mixed h3{color:var(--amber)}
.fmeter{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--panel3);gap:2px}
.fmeter i{display:block;height:100%;animation:lv-grow 1.1s var(--ease) both}
.fmeter .b{background:var(--gain)}.fmeter .s{background:var(--loss);transform-origin:right}
.fcount{display:flex;justify-content:space-between;gap:8px;font:600 12px var(--f-m);margin:8px 0 12px}
.flist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.flist li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.flist .fs{font-size:12px;padding-top:3px}
.flist li.up .fs{color:var(--gain)}.flist li.dn .fs{color:var(--loss)}.flist li.mid .fs{color:var(--mute)}
.flist b{display:flex;align-items:center;gap:6px;font:700 14px var(--f-b)}
.flist em{display:block;font-style:normal;font-size:13px;color:var(--mute);margin-top:2px}
.flist .fv{font:700 13px var(--f-m);white-space:nowrap;color:var(--ink2)}
.s15{display:grid;gap:10px;padding-top:22px}
@media(min-width:900px){.s15{grid-template-columns:repeat(3,minmax(0,1fr))}}
.s15c{position:relative;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);animation:lv-pop .6s var(--ease) both;animation-delay:calc(var(--i)*.12s)}
.s15c .n{font:800 12px var(--f-m);color:var(--acc)}
.s15c b{display:block;font:800 17px var(--f-b);margin:6px 0}
.s15c p{margin:0;color:var(--ink2);font-size:15px}
.cblk{margin-top:40px;padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--panel)}
.cblk-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.cblk-h .src{margin-top:4px}
.chart-wrap{position:relative;touch-action:pan-y}
.chart{display:block;width:100%;height:auto;overflow:visible}
.chart text{font:500 12px var(--f-m);fill:var(--mute)}
.chart .gl{stroke:var(--line);stroke-width:1}
.chart .zl{stroke:var(--line2);stroke-width:1}
.chart .ln{stroke-dasharray:1;stroke-dashoffset:0}
.chart .xh{stroke:var(--ink2);stroke-width:1;stroke-dasharray:3 4}
.chart .bar{transform-box:fill-box;transform-origin:bottom;animation:lv-barg .7s var(--ease) both;animation-delay:calc(var(--i)*30ms)}
.chart .bar.dnb{transform-origin:top}
@keyframes lv-barg{from{transform:scaleY(0)}}
.cint{position:relative;touch-action:pan-y;cursor:crosshair}
.ctip{position:absolute;top:4px;left:0;pointer-events:none;padding:8px 10px;border-radius:10px;background:#050506;border:1px solid var(--line2);font:600 12.5px/1.35 var(--f-m);white-space:nowrap;opacity:0;transition:opacity .12s;z-index:3}
.ctip.on{opacity:1}
.chart .xd{fill:var(--ink)}
@media(max-width:600px){.chart.fixw text{font-size:23px}}
@media(max-width:600px){.chart:not(.fixw) text{font-size:17px}}
.chart:not(.hov) .xh,.chart:not(.hov) .xd{display:none}
.mc-more{display:inline-flex;align-items:center;gap:6px;margin:6px 0 2px;font:700 14px var(--f-b);color:var(--acc);text-decoration:none;min-height:36px}.mc-more svg{width:16px;height:16px}.mc-more:hover{text-decoration:underline}
.why{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.why summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font:700 14px var(--f-b);color:var(--ink);list-style:none;min-height:44px}
.why summary::-webkit-details-marker{display:none}
.why summary svg{width:18px;height:18px;color:var(--acc);flex:none}
.why summary::after{content:"+";margin-left:auto;font-size:18px;color:var(--mute)}
.why[open] summary::after{content:"−"}
.why-b{padding:0 14px 12px;color:var(--ink2);line-height:1.6;font-size:15px}
.why-b p{margin:0 0 8px}.why-b b{color:var(--ink)}
.cblk{position:relative}
.kv{display:grid;gap:0;grid-template-columns:minmax(0,1fr);margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(min-width:700px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}
.kv dt{color:var(--mute);font-size:14px}.kv dd{margin:0;font:700 14px var(--f-m);text-align:right}
.feed{display:flex;flex-direction:column;gap:6px}
.fd{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"c t" "c s";gap:2px 12px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:border-color .2s}
.fd:hover{border-color:#444444}
.fd .chip{grid-area:c;margin-top:2px;min-width:68px;justify-content:center}
.chip.hc-crypto{background:var(--acc-a);color:var(--acc)}.chip.hc-fx{background:rgba(119,204,223,.1);color:#77ccdf}.chip.hc-commod{background:rgba(215,168,82,.1);color:#d7a852}.chip.hc-geo{background:rgba(221,110,120,.1);color:#e38993}
.hlw.fresh .fd{animation:lv-fade .4s var(--ease) both}
.fdt{grid-area:t;font-weight:600;line-height:1.4}
/* traders' ideas (TradingView) */
.idea-tabs{margin:4px 0 10px}
.ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin-top:6px}
.ideas.fresh .idea{animation:lv-fade .4s var(--ease) both}
.idea{display:flex;flex-direction:column;min-width:0;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .2s}
.idea:hover{border-color:var(--line2)}
.idea-img{position:relative;display:block;width:100%;aspect-ratio:932/550;padding:0;border:0;background:#0f1114;cursor:zoom-in;overflow:hidden}
.idea-img img{display:block;width:100%;height:100%;object-fit:cover}
.idea-play{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:99px;background:rgba(12,13,15,.82);color:#eceae7;font:700 12.5px var(--f-b);transition:background .15s}
.idea-play .ic{width:16px;height:16px}
.idea-img:hover .idea-play,.idea-img:focus-visible .idea-play{background:var(--acc);color:#101014}
.idea-b{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.idea-m{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12.5px;color:var(--mute)}
.idea-m .chip{font-family:var(--f-m)}
.idea h3{margin:0;font:700 17px/1.3 var(--f-b);letter-spacing:-.01em}
.idea h3 a{text-decoration:none}
.idea h3 a:hover{color:var(--acc)}
.idea-b p{margin:0;color:var(--ink2);font-size:15px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.idea-a{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:13px;color:var(--mute)}
.idea-a img{width:24px;height:24px;border-radius:50%}
.idea-a a{color:var(--ink);font-weight:600;text-decoration:none}
.idea-a .idea-more{margin-left:auto;display:inline-flex;align-items:center;gap:4px;min-height:32px;color:var(--acc)}
.idea-a .idea-more .ic{width:14px;height:14px}
.idea-sk .idea-img{background:linear-gradient(90deg,var(--panel2),var(--panel3),var(--panel2));background-size:200% 100%;animation:lv-sheen 1.6s ease infinite;cursor:default}
.idea-sk i{display:block;height:12px;border-radius:6px;background:var(--panel2)}.idea-sk i:nth-child(2){width:80%}.idea-sk i:nth-child(3){width:55%}
.idea-ach{margin-bottom:6px}
.idea-ach a[aria-current] b{color:var(--acc)}
.mbox[data-kind=idea]{max-width:980px}
.idea-emb{position:relative;width:100%;aspect-ratio:16/10;max-height:70vh;margin:12px 0 4px;border-radius:12px;overflow:hidden;background:#0f1114}
.idea-emb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:600px){.idea-emb{aspect-ratio:3/4}}
@media(prefers-reduced-motion:reduce){.ideas.fresh .idea,.idea-sk .idea-img{animation:none}}
.fd small{grid-area:s;color:var(--mute);font-size:12.5px}
.fd.an{border-color:rgba(255,103,0,.4)}
.calc{display:grid;gap:14px}
@media(min-width:860px){.calc{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}
.calc-f{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.calc label,.settings label{display:flex;flex-direction:column;gap:6px;font:600 13px var(--f-b);color:var(--ink2)}
input[type=number],input[type=email],input[type=text]{width:100%;min-height:46px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:#0f1013;color:var(--ink);font:600 16px var(--f-m)}
input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-a)}
.calc-o{padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);display:grid;gap:8px}
.calc-o div{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink2)}
.calc-o b{font:800 15px var(--f-m);color:var(--ink)}
.calc-o .warn{color:var(--amber);font-size:13px}
.calc select{width:100%;min-height:46px;padding:10px 36px 10px 14px;border-radius:12px;border:1px solid var(--line2);background:#0f1013 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font:600 16px var(--f-m);-webkit-appearance:none;appearance:none;cursor:pointer}
.calc select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-a)}
.fxc-rk{display:flex;gap:6px}
.fxc-rk button{flex:1;min-height:40px;border-radius:99px;border:1px solid var(--line2);background:transparent;color:var(--ink2);font:700 13px var(--f-m);cursor:pointer;transition:background .1s,color .1s,border-color .1s}
.fxc-rk button[aria-pressed=true]{background:var(--panel2);color:var(--ink);border-color:var(--acc)}
.fxc-o .fxc-big{display:block;padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.fxc-o .fxc-big span{display:block;font:600 13px var(--f-b);color:var(--ink2)}
.fxc-o .fxc-big b{display:inline-block;font:800 44px/1.1 var(--f-m);color:var(--acc);margin-right:8px}
.fxc-o .fxc-big small{font:600 14px var(--f-b);color:var(--ink2)}
.fxc-o .src{font-size:13px;color:var(--mute);margin:0}
.fxc-o .btn{margin-top:6px}
.fxc-how{margin-top:14px;border-top:1px solid var(--line)}
.fxc-how summary{cursor:pointer;padding:14px 0;font:700 15px var(--f-b);color:var(--ink2);min-height:44px}
.fxc-how p{margin:0 0 14px;color:var(--ink2);font-size:16px;line-height:1.6;max-width:72ch}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font:700 16px var(--f-b);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px/1 var(--f-b);color:var(--acc);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 16px;color:var(--ink2)}
.omap{position:relative}
.omap .seg{margin-bottom:10px}
.om-wrap{border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(ellipse at 60% 40%,#121d2c,#0d1015);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.om-wrap::-webkit-scrollbar{display:none}
.om-wrap svg{width:100%;min-width:760px;height:auto;display:block}
.omap .sea{fill:#0e1621}
.omap .grat{fill:none;stroke:rgba(136,161,185,.07);stroke-width:.6}
.omap .cn{fill:#222832;stroke:#323b46;stroke-width:.5;cursor:pointer;transition:fill .45s ease,opacity .3s}
.omap .cn:hover{fill:#2b3440}.omap .cn.on{stroke:var(--acc);stroke-width:1.1;fill:#3a3020}.omap[data-layer=prod] .cn.on,.omap[data-layer=res] .cn.on{stroke:#eceae7}
.omap[data-layer=prod] .cn[data-p="1"]{fill:#5b4331}.omap[data-layer=prod] .cn[data-p="2"]{fill:#7e5031}.omap[data-layer=prod] .cn[data-p="3"]{fill:#a65f34}.omap[data-layer=prod] .cn[data-p="4"]{fill:#c96e36}.omap[data-layer=prod] .cn[data-p="5"]{fill:#d89258}
.omap[data-layer=res] .cn[data-r="1"]{fill:#152132}.omap[data-layer=res] .cn[data-r="2"]{fill:#2e655e}.omap[data-layer=res] .cn[data-r="3"]{fill:#2e8171}.omap[data-layer=res] .cn[data-r="4"]{fill:#3aa288}.omap[data-layer=res] .cn[data-r="5"]{fill:#63c1a1}
.omap .route{fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:5 6;opacity:.8;transition:opacity .35s ease,stroke-width .35s ease;animation:lv-route 2.4s linear infinite;animation-delay:calc(var(--i)*-.4s)}
@keyframes lv-route{to{stroke-dashoffset:-22}}
.omap .otk{fill:#e6c493;filter:drop-shadow(0 0 3px var(--acc));offset-rotate:0deg;animation:lv-tk 18s linear infinite;transition:opacity .35s}
@keyframes lv-tk{from{offset-distance:0%}to{offset-distance:100%}}
.omap .cp{cursor:pointer;transition:opacity .35s ease}
.omap .cp-dot{fill:var(--amber);stroke:#0e0f11;stroke-width:1;transform-box:fill-box;transform-origin:center;transition:transform .35s var(--ease),fill .35s}
.omap .cp-halo{fill:rgba(215,168,82,.18);transform-box:fill-box;transform-origin:center;animation:lv-halo 2.2s ease-out infinite}
.omap .cp.hot .cp-dot{fill:var(--loss)}.omap .cp.hot .cp-halo{fill:rgba(221,110,120,.28)}
.omap .cp text{font:700 13px var(--f-b);fill:var(--ink);paint-order:stroke;stroke:#0d1015;stroke-width:4px;transition:opacity .35s ease;pointer-events:none}
@keyframes lv-halo{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
.omap[data-layer=routes] .route{opacity:1;stroke-width:2.2}
.omap[data-layer=routes] .cp text{opacity:0}
.omap[data-layer=prod] .route,.omap[data-layer=res] .route{opacity:.25}
.omap[data-layer=prod] .otk,.omap[data-layer=res] .otk,.omap[data-layer=points] .otk,.omap[data-layer=risk] .otk{opacity:0}
.omap[data-layer=prod] .cp,.omap[data-layer=res] .cp{opacity:.35}.omap[data-layer=prod] .cp text,.omap[data-layer=res] .cp text{opacity:0}
.omap[data-layer=points] .route{opacity:.15}
.omap[data-layer=points] .cp-dot{transform:scale(1.7)}
.omap[data-layer=risk] .route{opacity:.08}
.omap[data-layer=risk] .cp:not(.hot){opacity:.18}
.omap[data-layer=risk] .cp.hot .cp-dot{transform:scale(2)}
.omap-cap{margin:0 0 10px;font-size:14px;color:var(--ink2);min-height:2.9em}
.omap-cap span{display:none}
.omap[data-layer=routes] .c-routes,.omap[data-layer=prod] .c-prod,.omap[data-layer=res] .c-res,.omap[data-layer=points] .c-points,.omap[data-layer=risk] .c-risk{display:inline;animation:lv-fadein .3s ease}
.om-leg{display:none;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:10px 0 0;font:600 12px var(--f-m,inherit);color:var(--ink2)}
.om-leg span{display:inline-flex;align-items:center;gap:5px}.om-leg i{width:14px;height:10px;border-radius:3px;background:#222832}.om-leg em{font-style:normal;color:var(--ink3,var(--ink2))}
.om-leg-prod .b1{background:#5b4331}.om-leg-prod .b2{background:#7e5031}.om-leg-prod .b3{background:#a65f34}.om-leg-prod .b4{background:#c96e36}.om-leg-prod .b5{background:#d89258}
.om-leg-res .b1{background:#152132}.om-leg-res .b2{background:#2e655e}.om-leg-res .b3{background:#2e8171}.om-leg-res .b4{background:#3aa288}.om-leg-res .b5{background:#63c1a1}
.omap[data-layer=prod] .om-leg-prod,.omap[data-layer=res] .om-leg-res{display:flex}
.om-top{display:none;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-top:12px}
.omap[data-layer=prod] .om-top-prod,.omap[data-layer=res] .om-top-res{display:grid;animation:lv-fadein .3s ease}
.om-top button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:500 14px var(--f-b);text-align:left;cursor:pointer}
.om-top button:hover{border-color:var(--acc)}.om-top b{color:var(--acc);min-width:18px}.om-top span{margin-left:auto;color:var(--ink2);font-size:13px;white-space:nowrap}
.oc-card{margin-top:12px;padding:14px 16px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel)}
.oc-card.oc-in{animation:oc-in .35s var(--ease)}
@keyframes oc-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.oc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.oc-h b{font-size:20px}
.oc-h .x{border:0;background:var(--line);color:var(--ink);width:30px;height:30px;border-radius:50%;cursor:pointer}
.oc-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.oc-k{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;background:rgba(236,234,231,.03)}
.oc-k span{font-size:13px;color:var(--ink2)}.oc-k b{font-size:20px}.oc-k em{font-style:normal;font-size:12.5px;color:var(--ink2)}
.oc-k em.up{color:var(--gain)}.oc-k em.dn{color:var(--loss)}
.oc-sp{width:100%;height:44px;margin-top:10px}.oc-sp polyline{fill:none;stroke:var(--acc);stroke-width:2;vector-effect:non-scaling-stroke}
.omap[data-layer=routes] .cp-list,.omap[data-layer=prod] .cp-list,.omap[data-layer=res] .cp-list{display:none}
.omap[data-layer=risk] .cp-i:not(.hot){display:none}
.omap[data-layer=risk] .cp-list[data-none]{display:none}
.cp-list{display:grid;gap:8px;margin-top:12px}
@media(min-width:800px){.cp-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cp-i{padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);transition:border-color .2s}
.cp-i.hot{border-color:rgba(221,110,120,.5)}
.cp-i.on{border-color:var(--acc)}
.cp-i b{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cp-i p{margin:6px 0 0;font-size:13.5px;color:var(--ink2)}
.cp-i ul{margin:6px 0 0;padding-left:16px;font-size:13px;color:var(--mute)}

/* ---------- brief, trade, KopiBank, telegram */
.brief{margin-top:56px;border-radius:24px;border:1px solid rgba(255,103,0,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(255,103,0,.2),transparent 55%),var(--panel);padding:22px;position:relative;overflow:hidden}
.brief-in{display:grid;gap:18px}
@media(min-width:900px){.brief{padding:30px}.brief-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px}}
.brief h3,.trade h3,.kopi h3{margin:0 0 8px;font:800 clamp(24px,4vw,34px)/1.1 var(--f-b);letter-spacing:-.035em}
.brief p,.trade p,.kopi p{margin:0;color:var(--ink2)}
.bform{display:flex;flex-direction:column;gap:10px}
.brow{display:flex;gap:8px;flex-wrap:wrap}
.brow input{flex:1 1 220px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2);cursor:pointer;line-height:1.45}
.chk input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--acc)}
.chk a{color:var(--ink)}
.chk.tap{min-height:44px;align-items:center}.chk.tap input{margin:0}
.bmsg{margin:0;font-size:14px;min-height:1.4em}
.bmsg.ok{color:var(--gain)}.bmsg.err{color:var(--loss)}
.bform.done .brow,.bform.done .chk{display:none}
.bagain{align-self:flex-start;max-width:100%}.bagain:disabled{color:var(--ink2);cursor:default}
.bmini{margin-top:40px;padding:18px;border-radius:18px}
.bmini h2{margin:0 0 6px}.bmini>p{margin:0 0 12px;font-size:15px}
.bmini .brow .btn{flex:1 1 140px}.bmini .chk{display:block;margin:0;font-size:13px}
@media(min-width:600px){.bmini{padding:22px 24px}.bmini .brow .btn{flex:0 0 auto}}
.bform.signed .bmsg{color:var(--ink2);line-height:1.6}.bform.signed .bmsg b{color:var(--ink);word-break:break-all}.bform.signed .bmsg a{color:var(--acc2)}.bform.signed .bmsg .btn{margin-right:8px}
.trade{margin-top:56px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,#171a1e,#0f1114);padding:22px}
.trade-in{display:grid;gap:18px}
@media(min-width:900px){.trade{padding:30px}.trade-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:36px}}
.trade-cta{display:flex;flex-direction:column;gap:10px}
.pbadge{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:#0f1114;border-left:3px solid var(--c,var(--acc))}
.pbadge img,.pbadge>b{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;object-fit:contain;background:#050506}
.pbadge span{display:flex;flex-direction:column;min-width:0}
.pbadge span b{font:800 16px var(--f-b)}.pbadge small{color:var(--mute);font-size:12.5px}
.pbadge.big{padding:16px}
.kopi{margin-top:56px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(100% 120% at 100% 0%,rgba(137,98,205,.22),transparent 60%),var(--panel);padding:22px;overflow:hidden}
.kopi-in{display:grid;gap:22px}
@media(min-width:900px){.kopi{padding:30px}.kopi-in{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:36px}}
.kopi-wm{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.kopi-wm img{height:28px;width:auto}
.ad{font:600 10.5px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line2);padding:2px 7px;border-radius:99px}
.kopi-r{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.kcard{position:relative;max-width:360px;border-radius:5.8%/9.2%;box-shadow:0 26px 54px -22px rgba(137,98,205,.75),0 0 0 1px rgba(236,234,231,.06);transform:perspective(900px) rotateY(-12deg) rotateX(6deg);transition:transform .6s var(--ease),box-shadow .6s var(--ease);overflow:hidden}
.kcard img{display:block;width:100%;height:auto}
.kcard::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(236,234,231,.14) 50%,transparent 65%);transform:translateX(-120%);transition:transform 1s var(--ease)}
.kopi:hover .kcard{transform:perspective(900px) rotateY(0) rotateX(0);box-shadow:0 30px 60px -20px rgba(137,98,205,.9),0 0 0 1px rgba(236,234,231,.08)}
.kopi:hover .kcard::after{transform:translateX(120%)}
@media(prefers-reduced-motion:reduce){.kcard,.kopi:hover .kcard{transform:none}.kcard::after{display:none}}
.acad,.tgc{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color .2s,transform .2s var(--ease)}
.acad:hover,.tgc:hover{border-color:var(--acc);transform:translateY(-2px)}
.acad>.ic:first-child,.tgc>.ic:first-child{width:30px;height:30px;color:var(--acc)}
.acad span,.tgc span{display:flex;flex-direction:column;flex:1;min-width:0}
.acad small,.tgc small{font:600 12px var(--f-m);color:var(--mute)}
.acad b,.tgc b{font:800 17px var(--f-b)}
.acad em{font-style:normal;color:var(--ink2);font-size:14px}
.facts{margin:12px 0;padding-left:18px;color:var(--ink2)}
.facts li{margin:6px 0}

/* ---------- modal (trade flow, alerts) and overlays */
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,5,6,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:lv-fadein .2s ease}
@keyframes lv-fadein{from{opacity:0}}
.mbox{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;background:#121417;border:1px solid var(--line2);border-radius:24px 24px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0));animation:lv-sheet .35s var(--ease)}
@keyframes lv-sheet{from{transform:translateY(40px);opacity:0}}
@media(min-width:700px){.modal{align-items:center}.mbox{border-radius:24px;padding:26px}}
.mh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.mh h2{margin:0;font:800 26px/1.1 var(--f-b);letter-spacing:-.03em}
.x{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--line2);background:var(--panel);cursor:pointer;display:grid;place-items:center}
.mlead{color:var(--ink2);margin:6px 0 14px}
.kinds{display:flex;flex-direction:column;gap:10px}
.kind{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"b i" "s i";gap:4px 12px;align-items:center;text-align:left;padding:16px;border-radius:16px;border:1px solid var(--line2);background:var(--panel);cursor:pointer;transition:border-color .2s,transform .2s var(--ease)}
.kind:hover{border-color:var(--acc);transform:translateY(-2px)}
.kind b{grid-area:b;font:800 18px var(--f-b)}.kind span{grid-area:s;color:var(--mute);font-size:14px}.kind .ic{grid-area:i;color:var(--acc)}
.mbox .chk{margin:10px 0}
.mbox .btn.wide{margin-top:8px}
.geo{padding:12px 14px;border-radius:12px;background:rgba(215,168,82,.1);border:1px solid rgba(215,168,82,.4);color:var(--amber);font-size:14px;margin:10px 0}
.alt{margin-top:14px}
.alt summary{cursor:pointer;color:var(--ink2);font-weight:600;padding:8px 0}
.alts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.alts a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);text-decoration:none}
.alts a img,.alts a>b{width:22px;height:22px;border-radius:6px}
.alts a span{flex:1}
.alts a[aria-disabled=true]{opacity:.45;pointer-events:none}
.alert-f{display:grid;gap:12px}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0));transform:translate(-50%,20px);z-index:70;padding:12px 18px;border-radius:99px;background:var(--ink);color:#050506;font:700 14px var(--f-b);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--ease);max-width:calc(100% - 32px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media(min-width:1024px){.toast{bottom:28px}}
.srch{position:fixed;inset:0;z-index:65;background:rgba(5,5,6,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:max(10px,env(safe-area-inset-top,0)) 10px 10px;animation:lv-fadein .15s ease}
.srch-b{width:100%;max-width:640px;margin-top:6vh;background:#121417;border:1px solid var(--line2);border-radius:20px;overflow:hidden;animation:lv-sheet .3s var(--ease)}
.srch-i{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 16px;border-bottom:1px solid var(--line)}
.srch-i input{border:0;background:none;min-height:52px;font:600 18px var(--f-b);padding:0}
.srch-i input:focus{box-shadow:none}
.srch-r{max-height:60vh;overflow-y:auto;padding:8px}
.srch-r a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;text-decoration:none}
.srch-r a:hover,.srch-r a.on{background:var(--panel2)}
.srch-r b{font:800 14px var(--f-m);min-width:56px;color:var(--acc)}
.srch-r span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srch-r small{color:var(--mute);font-size:12px}
.srch-r em{font:600 12.5px var(--f-m);font-style:normal}
.srch-h{padding:8px 12px 4px;font:700 11px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* glossary i-buttons and sheet */
button.i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line2);background:var(--panel2);color:var(--mute);font:700 11px/1 var(--f-m);cursor:pointer;padding:0;vertical-align:1px;flex:none;transition:border-color .15s,color .15s}
button.i:hover{border-color:var(--acc);color:var(--acc)}
.gsheet{position:fixed;left:0;right:0;bottom:0;z-index:62;max-width:560px;margin:0 auto;background:#121417;border:1px solid var(--line2);border-radius:22px 22px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0));box-shadow:0 -20px 60px rgba(5,5,6,.6);animation:lv-sheet .3s var(--ease)}
@media(min-width:700px){.gsheet{bottom:20px;border-radius:22px}}
.gsheet h3{margin:0 40px 8px 0;font:800 20px var(--f-b)}
.gsheet p{margin:0 0 8px;color:var(--ink2)}
.gsheet .why{color:var(--ink);border-left:2px solid var(--acc);padding-left:10px}
.gsheet .x{position:absolute;right:12px;top:12px}
.gsheet a{color:var(--acc)}
.scrim{position:fixed;inset:0;z-index:61;background:rgba(5,5,6,.45)}

/* ---------- mobile action bar + footer */
.actbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:10px max(12px,env(safe-area-inset-right,0)) calc(10px + env(safe-area-inset-bottom,0)) max(12px,env(safe-area-inset-left,0));background:rgba(12,13,15,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(0);transition:transform .3s var(--ease)}
.actbar .btn{flex:1 1 0;min-width:0;min-height:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;padding-right:12px}
.actbar .btn.pri{flex-grow:1.5}
.actbar.hide{transform:translateY(110%)}
body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}
@media(min-width:1024px){.actbar{display:none}body{padding-bottom:0}}
.ftr{position:relative;z-index:1;margin-top:80px;border-top:1px solid var(--line);background:#090a0c;padding:40px 0 30px}
.ftr-top{display:grid;gap:30px}
@media(min-width:1000px){.ftr-top{grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr)}}
.ftr-brand p{color:var(--mute);font-size:14px;max-width:40ch}
.soc{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.soc a,.soc .soon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);color:var(--ink2);transition:color .15s,border-color .15s}
.soc a:hover{color:var(--acc);border-color:var(--acc)}
.soc .soon{opacity:.55;cursor:default}
.ftr .soc svg{width:19px;height:19px;min-width:19px;flex:none}.soc svg,.soc svg path{fill:currentColor;stroke:none}
.soc small{color:var(--mute);font:600 12px var(--f-m);letter-spacing:.04em}
.ftr-cols{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:800px){.ftr-cols{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ftr h4{margin:0 0 10px;font:700 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px}
.ftr ul a{color:var(--ink2);text-decoration:none}.ftr ul a:hover{color:var(--acc)}
.ftr-legal{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.ftr-legal b{color:var(--ink2)}
.ftr-legal a,.ftr-legal .lnk{color:var(--ink2)}
.settings{display:grid;gap:16px}
.settings>div{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.watch{display:grid;gap:10px}
.wrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.wrow a{text-decoration:none;display:flex;flex-direction:column;min-width:0}
.wrow a b{font:800 15px var(--f-b)}.wrow a small{color:var(--mute);font-size:12.5px}
.wrow .px{font:700 14px var(--f-m);text-align:right}
.wrow .x{width:36px;height:36px}

/* ---------- tweets (X) */
.tw{display:flex;flex-direction:column;gap:10px;position:relative}
.tw .au{padding-right:40px}
.tw-x{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#050506;border:1px solid var(--line2);color:#eceae7;transition:transform .25s var(--ease),border-color .25s}
.tw-x:hover{transform:scale(1.08);border-color:var(--ink2)}.tw-x svg{width:15px;height:15px}
.tw .av{position:relative;overflow:hidden}.tw .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tw-v{font-style:normal;display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#509acb;color:#eceae7;font-size:10px;vertical-align:1px}
.tw-why{font-size:13.5px;line-height:1.5;color:var(--ink2);padding:10px 12px;border-radius:12px;background:rgba(255,103,0,.06);border:1px solid rgba(255,103,0,.2)}.tw-why b{color:var(--ink)}
.tw-a{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:600 13px var(--f-m);padding:9px 12px;border-radius:12px;background:var(--panel2,#1c1f23);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .2s}.tw-a:hover{border-color:var(--acc)}.tw-a em{font-style:normal}
.tw .au{display:flex;gap:10px;align-items:center}
.tw .av{width:36px;height:36px;border-radius:50%;background:var(--panel3);display:grid;place-items:center;font-weight:800;color:var(--acc);flex:none}
.tw .au b{display:block;font-size:14.5px}.tw .au small{color:var(--mute);font-size:12.5px}
.tw p{margin:0;font-size:15px;color:var(--ink2);overflow-wrap:anywhere}
.tw .tr{color:var(--mute);font-size:14px;border-left:2px solid var(--line2);padding-left:10px}
.tw .m{display:flex;gap:12px;flex-wrap:wrap;font:500 12px var(--f-m);color:var(--mute)}
.tw .m b{color:var(--ink2)}

/* ported blocks keep their own grid inside .lg */
.lg .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.lg section,.lg>section{padding-top:0}
.lg+.lg,.lg>section+section{margin-top:56px}

/* legacy sections + news story page spacing */
.lg{margin-top:28px}
.lg svg text{font-family:var(--f-b)}
.narrow{max-width:860px}
.story .wrap.narrow{padding-top:24px;padding-bottom:48px}
.story-h{font-size:clamp(28px,4.4vw,48px);line-height:1.08;letter-spacing:-.02em;margin:18px 0 12px;overflow-wrap:break-word}
.story .h4{font-size:18px;line-height:1.3;margin:28px 0 10px;color:var(--ink)}
.story ul,.story ol{padding-left:20px;line-height:1.6}

/* ---------- depth levels: 1 = quick summary only, 2 = explained, 3 = everything + data table */
.depth-row{flex-wrap:wrap;align-items:center;gap:8px 16px}
.depth-note{margin:0;font-size:13.5px;color:var(--mute);flex:1 1 220px}
.depth-note span{display:none}
html[data-depth="1"] .depth-note .n1,html[data-depth="2"] .depth-note .n2,html[data-depth="3"] .depth-note .n3,html:not([data-depth]) .depth-note .n2{display:inline;animation:lv-fadein .3s ease}
.only1{display:none}
html[data-depth="1"] .only1{display:block;animation:lv-pop .38s var(--ease) both}
html[data-depth="1"] .depth-row~.block:not(.k1):not(.only1){display:none}
html[data-depth="3"] .d3{animation:lv-pop .38s var(--ease) both}
html[data-depth="2"] .depth-row~.d2,html[data-depth="3"] .depth-row~.d2{animation:lv-pop .38s var(--ease) both}
@keyframes lv-pop{from{opacity:0;transform:translateY(10px)}}
.quick{margin-top:22px;padding:20px 20px 16px;border:1px solid rgba(255,103,0,.35);border-radius:var(--r);background:linear-gradient(160deg,rgba(255,103,0,.10),rgba(255,103,0,.02) 60%),var(--panel)}
.quick ol{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;counter-reset:q}
.quick li{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;counter-increment:q;font-size:16px;line-height:1.45}
.quick li::before{content:counter(q);grid-row:span 2;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#050506;font:800 13px/26px var(--f-m);text-align:center}
.quick li b{font-size:12.5px;color:var(--mute);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.quick li span{color:var(--ink)}
.quick em{font-style:normal;font-family:var(--f-m)}
.quick em.up,.dtab .up{color:var(--gain)}.quick em.dn,.dtab .dn{color:var(--loss)}
.dtab .tbl td,.dtab .tbl th{white-space:nowrap}
/* ---------- phones: no backdrop blur on fixed bars (it makes scrolling and taps stutter), shorter reveals */
@media(max-width:1023px){
  .hdr{background:rgba(12,13,15,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
  .actbar{background:rgba(12,13,15,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
  .io .reveal:not(.in){transform:translateY(10px)}
  .io .reveal{transition:opacity .45s ease,transform .45s var(--ease)}
}

/* ---------- Mine: account card, asset picker */
.acct{position:relative;overflow:hidden;padding:24px 22px;border:1px solid rgba(255,103,0,.35);border-radius:var(--r);background:radial-gradient(120% 140% at 0% 0%,rgba(255,103,0,.14),transparent 55%),var(--panel);max-width:720px}
.acct h2{margin:0 0 8px;font-size:clamp(22px,4vw,28px);line-height:1.15}
.acct>p{margin:0 0 14px;color:var(--ink2)}
.acct .acct-em{font:700 16px var(--f-m);color:var(--ink);word-break:break-all}
.acct-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 14px}
.acct-row span{display:flex;flex-direction:column}.acct-row small{color:var(--mute);font-size:13px}
.tgl{position:relative;width:52px;height:30px;border-radius:99px;border:1px solid var(--line2);background:#23272c;cursor:pointer;flex:none;padding:0}
.tgl i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink2);transition:transform .2s}
.tgl[aria-checked=true]{background:var(--acc);border-color:var(--acc)}.tgl[aria-checked=true] i{transform:translateX(22px);background:#050506}
.rm .tgl i{transition:none}
.acct-row .tgl::before{content:'';position:absolute;inset:-8px -4px}
.acct .ctas{margin:0;gap:8px}
/* onboarding after sign-up: two steps, chips and buttons at least 44px, motion only when the reader allows it */
.onb{border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);padding:16px}
.onb-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.onb-n{margin:0;font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.onb-skip{min-height:44px;min-width:44px;padding:0 12px;border:0;background:none;color:var(--ink2);font:inherit;font-size:15px;text-decoration:underline;cursor:pointer}
.onb h2{margin:4px 0 8px;font-size:22px;line-height:1.25}.onb h2:focus{outline:none}
.onb-t{margin:0 0 14px;color:var(--ink2)}
.onb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.onb-chip{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);font:700 15px var(--f-b);cursor:pointer}
.onb-chip[aria-pressed=true]{border-color:var(--acc);background:var(--acc-a)}
.onb-chip[aria-pressed=true]::after{content:' ✓'}
.onb-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;padding:12px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;margin:0 0 8px}
.onb-swl{display:flex;flex-direction:column;gap:2px}.onb-swl small{color:var(--ink2);font-size:13px}
.onb-sw[aria-checked=true] .tgl{background:var(--acc);border-color:var(--acc)}.onb-sw[aria-checked=true] .tgl i{transform:translateX(22px);background:#050506}
.onb .amsg{margin:0 0 12px;min-height:1em}.onb .btn.wide{min-height:48px}
@media(min-width:640px){.onb{padding:22px 24px}}
@media(prefers-reduced-motion:no-preference){.onb-b.onb-in{animation:onb-in .28s var(--ease)}}
@keyframes onb-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.rm .onb-b.onb-in{animation:none}
/* waiting for the confirmation email: big resend button with a 60 s timer, Spam hint, change the address */
.vwait{margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.vwait .vwait-t{margin:0 0 10px;color:var(--ink2)}.vwait .vwait-t b{color:var(--ink);word-break:break-all}
.vwait-hint{margin:12px 0 0;color:var(--ink2);font-size:15px}
.vwait-re{width:100%;min-height:52px;font-size:16px}
.vwait-re:disabled{background:var(--panel3);border-color:var(--line2);color:var(--ink);box-shadow:none;opacity:1;cursor:default}
.vwait-bar{display:block;height:4px;margin:8px 0 0;border-radius:99px;background:var(--line);overflow:hidden}
.vwait-bar[hidden]{display:none}
.vwait-bar i{display:block;height:100%;background:var(--acc);transform-origin:left;animation:vwait-run 60s linear forwards}
@keyframes vwait-run{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.vwait-ch{display:inline-flex;align-items:center;min-height:44px;margin:6px 0 0;padding:0 2px;border:0;background:none;color:var(--acc2);font:700 15px var(--f-b);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.vwait-f{display:grid;gap:12px}.vwait-f .ctas{margin:0;gap:8px}.vwait .amsg{margin-top:10px}
@media(min-width:640px){.vwait-re{width:auto;min-width:300px}}
@media(prefers-reduced-motion:reduce){.vwait-bar{display:none}}
.rm .vwait-bar{display:none}
/* «Сегодня»: confirm-your-email banner for signed-in readers (built in client.js vban) */
.vban{background:var(--panel2);border-bottom:1px solid var(--line)}
.vban-in{position:relative;padding-top:16px;padding-bottom:16px}
.vban-h{margin:0 48px 6px 0;font:800 17px/1.3 var(--f-b);color:var(--ink)}
.vban-t{margin:0 0 12px;color:var(--ink2);font-size:15px}.vban-t b{color:var(--ink);word-break:break-all}
.vban-re{width:100%;min-height:48px}
.vban-re:disabled{background:var(--panel3);border-color:var(--line2);color:var(--ink);box-shadow:none;cursor:default}
.vban-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:99px;background:none;color:var(--ink2);font:700 18px var(--f-b);cursor:pointer}
.vban-x:hover{color:var(--ink);background:var(--panel3)}
.vban .vwait-f{max-width:none}.vban .amsg{margin-top:10px}
.vban-w[hidden]{display:none}
@media(min-width:640px){.vban-re{width:auto;min-width:300px}}
.oauth{display:grid;gap:10px;max-width:420px;margin:0 0 6px}.oauth[hidden],.oauth [hidden]{display:none}
.btn.oa{justify-content:center;gap:10px;background:#eceae7;color:#141619;border:1px solid #eceae7;min-height:48px;font-weight:700}
.btn.oa[data-oauth=apple]{background:#050506;color:#eceae7;border-color:var(--line2)}
.or{display:flex;align-items:center;gap:12px;margin:6px 0 4px!important;color:var(--mute);font-size:13px}.or::before,.or::after{content:'';flex:1;height:1px;background:var(--line)}
.pick-g{margin:0 0 18px}.pick-g h3{margin:0 0 10px;font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}
.pick button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 12px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);cursor:pointer;text-align:left;min-height:56px;font:inherit}
.pick button b{font:800 14.5px var(--f-b)}.pick button small{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pick button[aria-pressed=true]{border-color:var(--acc);background:rgba(255,103,0,.12)}
.pick button[aria-pressed=true] b::after{content:' ✓';color:var(--acc)}
@media(hover:hover){.pick button:hover{border-color:var(--ink2)}}

/* ---------- "Mine" placeholder until sign-up opens */
.soon{padding:28px 22px;border:1px dashed var(--line2);border-radius:var(--r);background:var(--panel)}
.soon-i{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--acc-a);color:var(--acc);margin-bottom:12px}
.soon h2{margin:0 0 8px;font-size:clamp(22px,4vw,30px);line-height:1.15}
.soon p{margin:0 0 14px;color:var(--ink2);max-width:60ch}
.soon .chips{margin:0 0 16px}

.brand .bm{width:30px;height:30px;flex:none;display:block}.brand .bw{display:inline-flex;align-items:baseline}
/* Mine: tabs (list, pick, brief) and the asset picker's search and group filter */
.me-tabs{display:flex;gap:6px;margin:0 0 6px;padding:8px 0;background:var(--bg);overflow-x:auto;scrollbar-width:none}
.me-tabs::-webkit-scrollbar{display:none}
.me-tabs button{flex:none;padding:10px 16px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--ink2);font:600 14px var(--f-b);cursor:pointer;min-height:44px}
.me-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#050506}
.me-tabs [data-me=n]:not(:empty){display:inline-block;margin-left:4px;padding:0 7px;border-radius:99px;background:var(--acc);color:#050506;font:700 12px/20px var(--f-m)}
.me-tabbed .me-p:not(.on){display:none}
.pick-tools{margin:0 0 16px}
.pick-tools input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 16px var(--f-b)}
.pick-tools input:focus{outline:none;border-color:var(--acc)}
.pick-tools .chips{margin:10px 0 6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.pf{flex:none;padding:7px 13px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--ink2);font:600 13px var(--f-b);cursor:pointer;min-height:36px}
.pf[aria-pressed=true]{border-color:var(--acc);color:var(--acc);background:var(--acc-a)}
.pick button.off,.pick-g.off{display:none}
/* Sign in / create account and the profile */
.auth-tabs{display:flex;gap:4px;padding:4px;margin:0 0 16px;border:1px solid var(--line2);border-radius:99px;background:var(--panel);max-width:420px}
.auth-tabs button{flex:1;min-height:42px;border:0;border-radius:99px;background:none;color:var(--ink2);font:700 15px var(--f-b);cursor:pointer}
.auth-tabs button[aria-selected=true]{background:var(--ink);color:#050506}
.aform{display:grid;gap:12px;max-width:420px}.aform[hidden]{display:none}
.fld{display:grid;gap:6px}.fld>span:first-child{font-size:13px;color:var(--ink2);font-weight:600}
.fld input{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 16px var(--f-b);box-sizing:border-box}
.fld input:focus{outline:none;border-color:var(--acc)}
.pwrap{position:relative;display:block}.pwrap input{padding-right:50px}
.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:0;background:none;color:var(--mute);cursor:pointer;border-radius:10px}
.pw-eye svg{width:20px;height:20px}.pw-eye[aria-pressed=true]{color:var(--acc)}
.btn.wide{width:100%;justify-content:center;min-height:50px;font-size:16px}
.amsg{margin:0;font-size:14px;min-height:1.2em;color:var(--ink2)}.amsg.ok{color:var(--gain)}.amsg.err{color:var(--loss)}
.alinks{margin:0}.lnk{border:0;background:none;padding:6px 0;color:var(--acc2);font:600 14px var(--f-b);cursor:pointer}
.aform .note{margin:0;font-size:13px}.aform .note a{color:var(--acc2)}
.prof{display:flex;align-items:center;gap:14px;margin:0 0 14px}.prof h2{margin:0 0 2px}
.ava{display:inline-grid;place-items:center;width:52px;height:52px;flex:none;border-radius:50%;background:var(--acc);color:#050506;font:800 22px var(--f-b)}
.ava.sm{width:26px;height:26px;font-size:13px}
.pwform{margin:0 0 16px}
.acct-btn svg{width:18px;height:18px}.acct-btn span:not(.ava){display:none}
.acct-btn.in{padding-left:6px}
@media(min-width:720px) and (max-width:1179px){.acct-btn span:not(.ava){display:inline}}
/* with the full menu in the header row the account button stays an icon, or the menu runs under the buttons */
/* full coin and stock lists */
.uni-tools{display:grid;gap:10px;margin-bottom:12px}
.uni-tools input{width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 16px var(--f-b)}
.uni-tools input:focus{outline:2px solid var(--acc);outline-offset:1px}
.uni-tools .chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.uni-tools .chips::-webkit-scrollbar{display:none}
.uni-tools .pf{white-space:nowrap}
.ulist-w{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}
.ulist{list-style:none;margin:0;padding:0}
.ur-h,.ur-main{display:grid;align-items:center;gap:10px;grid-template-columns:28px minmax(0,1fr) 92px 66px;padding:0 12px 0 0}
.ur-h{grid-template-columns:40px 28px minmax(0,1fr) 92px 66px;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);font:600 12px var(--f-b);color:var(--mute)}
.ur-h button{all:unset;cursor:pointer;color:var(--mute);text-align:right}.ur-h button:hover,.ur-h button[aria-pressed=true]{color:var(--ink)}
.ur-h button[data-dir=up]::after{content:" ↑"}.ur-h button[data-dir=dn]::after{content:" ↓"}
.ur-h .ur-n{text-align:left}
.ur{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);border-bottom:1px solid var(--line);transition:background .25s}
.ur:last-child{border-bottom:0}.ur:hover{background:rgba(236,234,231,.02)}
.ur.open{background:#17191d}
.ur.flash{animation:lv-urflash 2.2s ease}
@keyframes lv-urflash{0%,40%{background:rgba(255,103,0,.16)}}
.ur-star{all:unset;cursor:pointer;display:grid;place-items:center;width:40px;min-height:56px;color:var(--mute)}
.ur-star svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .3s var(--ease)}
.ur-star:hover{color:var(--ink)}.ur-star[aria-pressed=true]{color:#d7a852}.ur-star[aria-pressed=true] svg{fill:currentColor;transform:scale(1.12)}
.ur-star:focus-visible,.ur-main:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.ur-main{all:unset;box-sizing:border-box;cursor:pointer;display:grid;align-items:center;gap:10px;grid-template-columns:28px minmax(0,1fr) 92px 66px;min-height:56px;padding:6px 12px 6px 0}
.ur-n{font:500 12px var(--f-m);color:var(--mute)}
.ur-nm{display:flex;flex-direction:column;min-width:0}
.ur-nm b{font:800 15px var(--f-b);white-space:nowrap}.ur-nm small{font-size:12.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ur-own{font:600 10px var(--f-m);font-style:normal;color:var(--acc);border:1px solid rgba(255,103,0,.4);border-radius:99px;padding:1px 6px;margin-left:4px;vertical-align:2px}
.ur-px,.ur-ch,.ur-c7,.ur-mc{font:600 13.5px var(--f-m);text-align:right;white-space:nowrap}
.ur-c7,.ur-mc,.ur-sp,.ur-h .ur-c7,.ur-h .ur-mc,.ur-h .ur-sp{display:none}
.ur-none{padding:22px;color:var(--mute);text-align:center}
.ud{grid-column:1/-1;padding:4px 14px 16px 40px;animation:lv-fade .35s var(--ease)}
.ud .ud-sp{width:100%;height:70px;display:block;margin:4px 0 10px}
.ud-l{margin:6px 0 0;font:600 11.5px var(--f-b);color:var(--mute)}
.ud dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.ud dl div{padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:var(--bg,#0f1013)}
.ud dt{font:600 11.5px var(--f-b);color:var(--mute)}.ud dd{margin:2px 0 0;font:700 14.5px var(--f-m)}
.ud-b{display:flex;flex-wrap:wrap;gap:8px}.ud-b .btn{min-height:42px}
.ud-b .btn svg{width:16px;height:16px}
.ud-b [data-act=save][aria-pressed=true] svg{fill:#d7a852;stroke:#d7a852}
.ulist-w>[data-act=uni-more]{margin:0;border-radius:0;border:0;border-top:1px solid var(--line)}
.uni-all{margin-top:14px}
@media(min-width:640px){
  .ur-h,.ur-main{grid-template-columns:34px minmax(0,1fr) 104px 74px 74px}
  .ur-h{grid-template-columns:40px 34px minmax(0,1fr) 104px 74px 74px}
  .ur-c7,.ur-h .ur-c7{display:block}
  .ud dl{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:900px){
  .ur-h,.ur-main{grid-template-columns:40px minmax(0,1fr) 110px 120px 80px 80px 130px}
  .ur-h{grid-template-columns:40px 40px minmax(0,1fr) 110px 120px 80px 80px 130px}
  .ur-sp,.ur-h .ur-sp,.ur-mc,.ur-h .ur-mc{display:block}
  .ur-main .ur-sp{width:110px;height:30px}
  .ud .ud-sp{max-width:520px}
}
@media(prefers-reduced-motion:reduce){.ur.flash{animation:none}.ud{animation:none}}
@media(prefers-reduced-motion:reduce){.omap .otk{display:none}}
.om-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;padding:14px 16px;border:1px solid var(--line2);border-radius:var(--r);background:linear-gradient(120deg,rgba(204,73,74,.08),rgba(255,103,0,.06))}
.om-cta p{margin:0;flex:1 1 280px;font-size:15px}.om-cta small{flex-basis:100%;color:var(--ink2);font-size:12px}
/* Coming back: since last visit, call of the day, recently viewed */
.eng{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:18px 0 6px}.eng>*{min-width:0}.eng:empty{display:none}
.eng.on>*{animation:eng-in .6s var(--ease) both}.eng.on>*:nth-child(2){animation-delay:.08s}.eng.on>*:nth-child(3){animation-delay:.16s}
@keyframes eng-in{from{opacity:0;transform:translateY(8px)}}
.eng-since,.eng-rec{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel)}
.eng-since p,.eng-rec p{margin:0 0 8px;font-size:13px;color:var(--ink2)}.eng-since small{color:var(--mute);margin-left:4px}
.eng-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.eng-row::-webkit-scrollbar{display:none}
.eng-row a{flex:0 0 auto;display:flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:12px;background:var(--panel2);text-decoration:none;font-size:14px;transition:background .25s var(--ease-soft)}
.eng-row a:hover{background:var(--panel3)}.eng-row span{font:600 13px var(--f-m)}
.eng-game{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(140deg,rgba(255,103,0,.07),transparent 55%),var(--panel)}
.eng-game.pop{animation:eng-pop .5s var(--ease)}@keyframes eng-pop{40%{transform:scale(1.015)}}
.eng-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.eng-h>span{font:700 12px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--acc2)}
.eng-st{display:flex;gap:6px}.eng-st span{padding:4px 9px;border-radius:99px;background:var(--panel2);font:600 12.5px var(--f-m);color:var(--ink2)}
.eng-q{margin:0 0 10px;font-size:18px;line-height:1.35}.eng-q small{display:block;margin-top:2px;font:500 13px var(--f-m);color:var(--mute)}
.eng-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.eng-b button{min-height:48px;border-radius:14px;border:1px solid var(--line2);background:var(--panel2);font:700 16px var(--f-b);cursor:pointer;transition:transform .2s var(--ease),background .25s,border-color .25s}
.eng-b button[data-game=up]:hover{border-color:var(--gain);background:rgba(90,198,155,.08)}.eng-b button[data-game=down]:hover{border-color:var(--loss);background:rgba(221,110,120,.08)}
.eng-b button:active{transform:scale(.97)}
.eng-sub{margin:10px 0 0;font-size:13px;color:var(--mute)}
.eng-res{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:var(--panel2);animation:eng-in .5s var(--ease)}
.eng-res.hit{box-shadow:inset 3px 0 0 var(--gain)}.eng-res.miss{box-shadow:inset 3px 0 0 var(--mute)}
.eng-res span{font-size:13.5px;color:var(--ink2)}.eng-res a{font-size:13.5px;color:var(--acc2);display:inline-flex;align-items:center;gap:4px}
@media(min-width:900px){.eng{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.eng-game{grid-column:2;grid-row:1/span 2}.eng-game:only-child{grid-column:1/-1}}
.eng-bell{margin-top:10px;width:100%;min-height:44px;border-radius:12px;border:1px dashed var(--line2);background:transparent;color:var(--ink2);font:600 14px var(--f-b);cursor:pointer;transition:border-color .25s,color .25s}
.eng-bell:hover{border-color:var(--acc);color:var(--ink)}.eng-bell:disabled{opacity:.6}
.eng-inst{position:relative;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(140deg,rgba(119,188,223,.07),transparent 60%),var(--panel)}
.eng-inst b{display:block;font-size:16px;margin-bottom:4px}.eng-inst p{margin:0 0 10px;font-size:14px;color:var(--ink2)}
.eng-inst .x{position:absolute;top:10px;right:10px;border:0;background:var(--panel2);color:var(--ink2);width:28px;height:28px;border-radius:50%;cursor:pointer}
.eng-inst .btn[disabled]{opacity:.7;cursor:default}
/* language menu */
.lsw{position:relative}.lsw>summary{list-style:none;cursor:pointer}.lsw>summary::-webkit-details-marker{display:none}
.lsw-m{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.45);display:grid;gap:2px}
.lsw-m a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:14px}
.lsw-m a b{width:24px;font:700 11px/1 var(--mono,monospace);color:var(--mute)}
.lsw-m a:hover,.lsw-m a[aria-current]{background:var(--panel2)}.lsw-m a[aria-current] b{color:var(--acc)}
[dir=rtl] .lsw-m{right:auto;left:0}

/* ---------- light theme: tokens here; hardcoded dark colours get overrides generated by build.mjs (lightCss) */
:root[data-theme=light]{
  --bg:#f5f3ef;--panel:#fff;--panel2:#f1eee9;--panel3:#e9e5df;--line:#e3ded6;--line2:#d3ccc1;
  --ink:#1b1c1e;--ink2:#45474b;--mute:#6f6c67;
  --acc:#e05a00;--acc2:#b34700;--acc-a:rgba(224,90,0,.12);--gain:#1b8c5f;--loss:#c4424f;--amber:#a87814;--cool:#2f7fae;--acc2b:#b83d6b;
  color-scheme:light;
}
:root[data-theme=light] body::before{opacity:.55}
:root[data-theme=light] .btn.pri{color:#fff}
:root[data-theme=light] .tile,:root[data-theme=light] .card,:root[data-theme=light] .ev{box-shadow:0 1px 2px rgba(40,30,20,.05),0 8px 24px -18px rgba(40,30,20,.25)}

/* ---------- theme switch + menu button */
.thm{padding-inline:8px!important}
.thm-t{position:relative;display:inline-flex;align-items:center;gap:6px;width:52px;height:26px;padding:0 5px;border-radius:99px;background:var(--panel2);border:1px solid var(--line2)}
.thm-t i{display:grid;place-items:center;width:16px;height:16px;z-index:1;color:var(--mute);transition:color .3s}
.thm-t i .ic{width:14px;height:14px;vertical-align:0}
.thm-t b{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--acc);transition:transform .35s var(--ease)}
:root[data-theme=light] .thm-t b{transform:translateX(26px)}
:root[data-theme=light] .thm-t i:first-child{color:var(--mute)}
:root[data-theme=light] .thm-t i:last-child{color:#fff}
.thm-t i:first-child{color:#fff}
.menu-btn{padding-inline:10px!important}
@media(max-width:419px){.thm{padding-inline:4px!important}.hdr-act .acct-btn span{display:none}}

/* ---------- home: two buttons, three events, main assets. Light by design: no ticker, no section rows */
body[data-sec=home] .ticker,body[data-sec=home] .secnav,body[data-sec=home] .nav,body[data-sec=home] .hdr-act .btn.pri,body[data-sec=home] .actbar{display:none!important}
.h2b{position:relative;padding:clamp(40px,9vh,96px) 0 8px;text-align:center}
.h2b-in{max-width:720px;margin:0 auto}
.h2b-hi{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:99px;background:var(--acc-a);color:var(--acc);font:700 13px var(--f-b)}
.h2b-hi::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gain);box-shadow:0 0 0 0 var(--gain);animation:h2b-live 2.4s ease-out infinite}
@keyframes h2b-live{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.h2b h1{margin:0;font:900 clamp(36px,8.2vw,72px)/1.02 var(--f-b);letter-spacing:-.045em;text-wrap:balance}
.h2b-sub{margin:16px auto 0;max-width:46ch;color:var(--ink2);font-size:clamp(16px,2.2vw,19px);text-wrap:balance}
.h2b-btns{display:flex;flex-direction:column;gap:10px;margin:28px auto 0;max-width:420px}
.btn.big{min-height:58px;padding:14px 22px;font-size:17px;border-radius:18px}
.h2b-btns .btn.pri{animation:h2b-breathe 3.6s ease-in-out infinite}
@keyframes h2b-breathe{50%{box-shadow:0 10px 34px -10px rgba(255,103,0,.75)}}
.h2b-st{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px;min-height:30px}
.h2b-st span{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font:600 13px var(--f-b);color:var(--ink2);animation:lv-fadein .5s ease both}
.h2b-st span b{color:var(--ink);font-family:var(--f-m)}
@media(min-width:640px){.h2b-btns{flex-direction:row;max-width:none;justify-content:center}.h2b-btns .btn{min-width:260px}}

.ev-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.ev-h .sec-h{margin-bottom:12px}
.ev-prog{display:flex;align-items:center;gap:6px;margin-bottom:18px;font:600 13px var(--f-m);color:var(--mute)}
.ev-prog i{width:28px;height:6px;border-radius:99px;background:var(--panel3);transition:background .4s,transform .4s var(--ease)}
.ev-prog i.on{background:var(--gain);transform:scaleY(1.3)}
.ev-prog span{margin-left:4px}
.evs{display:grid;gap:12px}
@media(min-width:900px){.evs{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
.ev{position:relative;padding:18px 18px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);transition:border-color .3s,transform .3s var(--ease)}
.ev-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.ev-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#050506;font:800 13px var(--f-m)}
.ev-tag{font:700 12px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.ev-dot{margin-left:auto;width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--acc-a)}
.ev h3{margin:0 0 8px;font:800 21px/1.18 var(--f-b);letter-spacing:-.02em}
.ev-big{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.ev-big b{font:800 30px/1 var(--f-m);letter-spacing:-.02em}
.ev-big small{color:var(--mute);font-size:13.5px}
.ev-what{margin:0 0 14px;color:var(--ink2);font-size:15px}
.ev-q{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ev-b{min-height:46px;padding:10px 12px;border-radius:14px;border:1px solid var(--line2);background:var(--panel2);font:700 14.5px var(--f-b);cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
.ev-b:active{transform:scale(.97)}
.ev-b[aria-expanded=true]{background:var(--acc-a);border-color:var(--acc);color:var(--acc)}
.ev-a{margin-top:12px;padding:14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);font-size:15px;color:var(--ink2)}
.ev-a p{margin:0 0 10px}.ev-a p:last-child{margin-bottom:0}
.ev-a.pop{animation:ev-pop .45s var(--ease) both}
@keyframes ev-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}}
.ev-ids{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.ev-ids a{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border-radius:99px;background:var(--panel);border:1px solid var(--line);font:600 13px var(--f-m);text-decoration:none}
.ev-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ev.done{border-color:color-mix(in srgb,var(--gain) 45%,var(--line))}
.ev.done .ev-dot{background:var(--gain);box-shadow:0 0 0 4px color-mix(in srgb,var(--gain) 18%,transparent)}
.ev.done .ev-n{background:var(--gain)}
.ev.nudge{animation:ev-nudge 1.4s var(--ease)}
@keyframes ev-nudge{20%,60%{transform:translateY(-4px);border-color:var(--acc)}}
#assets .tiles{margin-top:4px}
.h-all{text-align:center;padding-bottom:24px}
.h-all .mute{margin:12px auto 0;max-width:52ch;font-size:14px}
@media(prefers-reduced-motion:reduce){.h2b-btns .btn.pri,.h2b-hi::before,.ev.nudge,.ev-a.pop{animation:none}}
html.rm .h2b-btns .btn.pri,html.rm .h2b-hi::before{animation:none}

/* ---------- starter path and all-sections sheet */
.mbox[data-kind=start],.mbox[data-kind=all]{position:relative}
.mbox[data-kind=start]>.x,.mbox[data-kind=all]>.x{position:absolute;top:14px;right:14px;width:38px;height:38px;font-size:15px}
.st-w h3,.mbox[data-kind=all] h3{margin:6px 48px 16px 0;font:800 24px/1.15 var(--f-b);letter-spacing:-.03em}
.st-dots{display:flex;gap:6px}
.st-dots i{width:22px;height:5px;border-radius:99px;background:var(--panel3);transition:background .3s}
.st-dots i.on{background:var(--acc)}
.st-os{display:grid;gap:8px;margin-bottom:14px}
.st-o{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line2);background:var(--panel);text-align:start;cursor:pointer;transition:border-color .2s,transform .15s,background .2s}
.st-o:hover{border-color:var(--acc)}
.st-o:active{transform:scale(.98)}
.st-o b{font:700 16.5px var(--f-b)}
.st-o small{color:var(--mute);font-size:13.5px}
.st-plan{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}
.st-plan li{display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:center;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line);animation:ev-pop .4s var(--ease) both}
.st-plan li:nth-child(2){animation-delay:.08s}.st-plan li:nth-child(3){animation-delay:.16s}
.st-plan li>span{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#050506;font:800 13px var(--f-m)}
.st-plan p{margin:0;font-size:15px}
.st-plan .btn{justify-self:start}
.st-n{font-size:13px;margin:0 0 10px}
.all-g{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;margin-bottom:12px;border-radius:16px;background:var(--acc-a);border:1px solid color-mix(in srgb,var(--acc) 35%,transparent)}
.all-g>.ic{color:var(--acc);width:22px;height:22px}
.all-g>div{flex:1;min-width:160px}
.all-g b{display:block;font-size:15.5px}
.all-g small{color:var(--ink2);font-size:13.5px}
.all-l{display:grid;gap:6px}
@media(min-width:560px){.all-l{grid-template-columns:1fr 1fr}}
.all-i{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);text-decoration:none;transition:border-color .2s}
.all-i:hover{border-color:var(--acc)}
.all-i b{flex:1;font-weight:700}
.all-i .ic:last-child{color:var(--mute)}

/* ---------- soft wall after three sections a day (guests only) */
html.walled body{overflow:hidden}
.wall{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to bottom,transparent,var(--bg) 42%);animation:lv-fadein .4s ease}
.wall-b{width:100%;max-width:480px;margin:0 12px calc(16px + env(safe-area-inset-bottom,0));padding:24px 20px;border-radius:24px;background:var(--panel);border:1px solid var(--line2);text-align:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);animation:lv-sheet .45s var(--ease)}
.wall-i{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--acc-a);color:var(--acc);margin-bottom:8px}
.wall-i .ic{width:24px;height:24px}
.wall-b h3{margin:0 0 8px;font:800 23px/1.15 var(--f-b);letter-spacing:-.025em}
.wall-b p{margin:0 0 16px;color:var(--ink2);font-size:15px}
.wall-b .btn+.btn{margin-top:8px}
@media(min-width:700px){.wall{align-items:center}}
.wall-b{position:relative}
.wall-b>.x{position:absolute;top:12px;right:12px}
.wall-s{margin:12px 0 0!important;font-size:13px!important;color:var(--mute)!important}
.wall-note{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0));z-index:60;display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 8px 10px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line2);box-shadow:0 20px 40px -20px rgba(0,0,0,.6);animation:lv-sheet .24s var(--ease)}
.wall-note p{flex:1;margin:0;font-size:14px;line-height:1.4;color:var(--ink2)}
.wall-note .btn{flex:none}
.wall-note .x{border:0;background:none;color:var(--mute)}
@media(max-width:419px){.wall-note{flex-wrap:wrap;padding:12px 12px 12px 16px}.wall-note p{flex-basis:calc(100% - 54px)}.wall-note .btn{order:3}}
@media(min-width:1024px){.wall-note{bottom:24px}}
.all-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.all-lang{display:flex;flex-wrap:wrap;gap:6px}
.all-lang a{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:99px;border:1px solid var(--line);font-size:13px;text-decoration:none;color:var(--ink2)}
.all-lang a b{font:700 11px var(--f-m);color:var(--mute)}
.all-lang a[aria-current]{border-color:var(--acc);color:var(--ink)}
/* phones: search and language move into the menu sheet so the theme switch and menu fit */
@media(max-width:599px){.hdr-act>[data-act=search],.hdr-act>.lsw{display:none}}
@media(min-width:1180px){.menu-btn{display:none}}
@media(max-width:419px){.thm-t{width:44px;gap:2px;padding:0 3px}:root[data-theme=light] .thm-t b{transform:translateX(18px)}.hdr-act .thm{padding-inline:3px!important}}
@media(max-width:389px){.brand{font-size:19px}}
@media(max-width:339px){.brand{font-size:14.5px}.hdr-act .btn.sm{padding-left:6px;padding-right:6px}}

/* ---------- app coming soon: two iPhones (18 Pro Max proportions) drawn in CSS */
.app-in{display:grid;gap:28px;align-items:center;padding:28px 22px 0;border:1px solid var(--line);border-radius:28px;background:radial-gradient(120% 90% at 100% 0,var(--acc-a),transparent 60%),linear-gradient(160deg,var(--panel),var(--panel2));overflow:hidden}
.app-tx h2{margin:6px 0 10px;font:900 clamp(30px,5.4vw,46px)/1.04 var(--f-b);letter-spacing:-.04em}
.app-tx p{margin:0 0 20px;color:var(--ink2);font-size:16.5px;max-width:44ch}
.app-sts{display:flex;flex-wrap:wrap;gap:10px}
.app-st{display:inline-flex;align-items:center;gap:12px;min-width:168px;padding:12px 18px;border-radius:16px;background:#17171b;color:#fff;border:1px solid #2b2b31}
.app-st svg{width:24px;height:24px;flex:none}
.app-st span{display:flex;flex-direction:column;line-height:1.15}
.app-st small{font:600 11px var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:#b8a4ff}
.app-st b{font:800 16px var(--f-b)}
.app-ph{position:relative;height:420px;display:flex;justify-content:center;align-items:flex-start}
.ph{position:absolute;top:0;width:212px;aspect-ratio:9/19.5;border-radius:44px;padding:8px;background:linear-gradient(145deg,#5d5a57,#2a2927 40%,#4a4744 70%,#1d1c1b);box-shadow:0 40px 60px -30px rgba(0,0,0,.6),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.ph1{transform:translateX(52px) rotate(4deg);z-index:2;animation:ph-float 7s ease-in-out infinite}
.ph2{transform:translateX(-78px) translateY(30px) rotate(-7deg) scale(.92);opacity:.95}
@keyframes ph-float{50%{transform:translateX(52px) translateY(-8px) rotate(3deg)}}
.ph-isl{position:absolute;top:17px;left:50%;width:62px;height:18px;margin-left:-31px;border-radius:99px;background:#000;z-index:3}
.ph-scr{height:100%;border-radius:37px;overflow:hidden;background:#0c0d0f;color:#eceae7;padding:34px 12px 12px;font-size:10px;display:flex;flex-direction:column;gap:7px}
:root[data-theme=light] .ph-scr{background:#f5f3ef;color:#1b1c1e}
.ph-sb{position:absolute;top:18px;left:28px;right:28px;display:flex;justify-content:space-between;font:700 10.5px var(--f-b)}
.ph-sb span{width:22px;height:9px;border-radius:3px;border:1.5px solid currentColor;opacity:.8}
.ph-top{display:flex;align-items:center;gap:6px;font:800 11px var(--f-b)}.ph-top .bm{width:18px;height:18px}
.ph-h{margin:2px 0 2px;font:900 15px/1.08 var(--f-b);letter-spacing:-.03em}
.ph-top small{font:600 9px var(--f-m);opacity:.55;margin-left:auto}
.ph-px{display:flex;flex-direction:column;gap:1px}.ph-px b{font:800 21px/1 var(--f-m);letter-spacing:-.02em}.ph-px em{font:700 9.5px var(--f-m);font-style:normal}
.ph-ch{display:block;width:calc(100% + 24px);margin:2px -12px 0;height:96px;flex:none}
.ph-gl{stroke:currentColor;stroke-opacity:.08;stroke-width:1;vector-effect:non-scaling-stroke}
.ph-rng{display:flex;gap:4px}.ph-rng i{flex:1;text-align:center;font:700 8.5px/1 var(--f-m);font-style:normal;padding:5px 0;border-radius:8px;background:rgba(127,127,127,.12);opacity:.75}.ph-rng i.on{background:var(--acc);color:#050506;opacity:1}
.ph-why{padding:8px 9px;border-radius:12px;background:rgba(127,127,127,.12)}.ph-why small{font:700 7.5px var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}.ph-why p{margin:2px 0 0;font:700 10px/1.25 var(--f-b)}
.ph-buy{margin-top:auto;text-align:center;padding:10px 0;border-radius:14px;background:var(--acc);color:#050506;font:800 11px var(--f-b);box-shadow:0 8px 20px -10px var(--acc)}
.ph-fg{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:rgba(127,127,127,.12)}
.ph-fg svg{width:58px;flex:none}.ph-fg path{fill:none;stroke-width:9;stroke-linecap:round}.ph-fg-t{stroke:rgba(127,127,127,.25)}.ph-fg-v{stroke:var(--amber)}
.ph-fg p{margin:0;display:flex;flex-direction:column}.ph-fg b{font:800 20px/1 var(--f-m)}.ph-fg small{font:600 8.5px var(--f-b);opacity:.7}
.ph-ev{display:flex;gap:7px;align-items:flex-start;padding:8px;border-radius:12px;background:rgba(127,127,127,.12)}
.ph-ev>span{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--acc);color:#050506;font:800 9px var(--f-m)}
.ph-ev p{margin:0;font:700 10px/1.25 var(--f-b)}.ph-ev small{display:block;font:600 7.5px var(--f-m);letter-spacing:.08em;text-transform:uppercase;opacity:.6}
.ph-hl{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ph-hl i{font-style:normal;padding:6px 8px;border-radius:10px;background:rgba(127,127,127,.12);display:flex;flex-direction:column}.ph-hl small{font:600 7.5px var(--f-b);opacity:.6}.ph-hl b{font:700 10px var(--f-m)}
.ph-call{padding:7px 8px;border-radius:12px;border:1px solid rgba(127,127,127,.25)}.ph-call small{font:700 7.5px var(--f-m);letter-spacing:.08em;text-transform:uppercase;opacity:.6}.ph-call span{display:flex;gap:6px;margin-top:5px}.ph-call i{flex:1;text-align:center;font:800 9.5px/1 var(--f-b);font-style:normal;padding:7px 0;border-radius:9px}.ph-call .up{background:rgba(34,197,94,.16);color:var(--gain)}.ph-call .dn{background:rgba(239,68,68,.14);color:var(--loss)}
.ph-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}
.ph-tiles i{position:relative;font-style:normal;display:flex;flex-direction:column;padding:8px 8px 0;border-radius:12px;background:rgba(127,127,127,.12);overflow:hidden}
.ph-tiles b{font:700 9px var(--f-m);opacity:.7}.ph-tiles span{font:700 10.5px var(--f-m)}.ph-tiles em{position:absolute;top:8px;right:8px;font:700 8.5px var(--f-m);font-style:normal}
.ph-tiles .spark{display:block;width:calc(100% + 16px);height:26px;margin:4px -8px 0}
.ph-note{position:absolute;z-index:4;bottom:16%;left:0;width:min(280px,82%);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:20px;background:rgba(36,36,40,.78);color:#fff;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 20px 40px -18px rgba(0,0,0,.6);animation:ph-note 7s var(--ease) infinite}
.ph-note .bm{width:30px;height:30px;flex:none}.ph-note p{margin:0;flex:1;min-width:0;display:flex;flex-direction:column}.ph-note b{font:800 11.5px var(--f-b)}.ph-note span{font:500 11.5px/1.3 var(--f-b);opacity:.92}.ph-note small{align-self:flex-start;font:500 10px var(--f-b);opacity:.6}
@keyframes ph-note{0%,8%{opacity:0;transform:translateY(-14px) scale(.96)}14%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.ph-note{animation:none}}html.rm .ph-note{animation:none}
@media(min-width:860px){.app-in{grid-template-columns:1.05fr 1fr;padding:44px 48px 0}.app-ph{height:460px}.ph{width:230px}}
@media(max-width:420px){.ph-ch{height:78px}.ph-scr .ph-why,.ph-hl{display:none}.ph-note{bottom:4%;padding:8px 10px;gap:8px}.ph-note .bm{width:24px;height:24px}.ph-note b,.ph-note span{font-size:10.5px}.ph{width:178px;border-radius:38px}.ph-scr{border-radius:31px}.ph1{transform:translateX(44px) rotate(4deg)}.ph2{transform:translateX(-62px) translateY(26px) rotate(-7deg) scale(.92)}@keyframes ph-float{50%{transform:translateX(44px) translateY(-8px) rotate(3deg)}}.app-ph{height:350px}}
@media(prefers-reduced-motion:reduce){.ph1{animation:none}}html.rm .ph1{animation:none}

/* ---------- reviews */
.rv-l{display:grid;gap:12px}
@media(min-width:760px){.rv-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rv{margin:0;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.rv-s{color:var(--amber);letter-spacing:2px}.rv-s span{color:var(--line2)}
.rv blockquote{margin:8px 0 12px;font-size:15.5px}
.rv figcaption b{display:block}.rv figcaption span{font-size:13px;color:var(--mute)}
.rv-0{margin:0 0 14px;color:var(--ink2)}
.rv-sum{margin:0 0 12px;color:var(--ink2)}.rv-sum b{color:var(--amber)}
.rv-tg{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.rv-tg i{font-style:normal;font-size:13px;padding:4px 10px;border-radius:99px;background:var(--panel2);border:1px solid var(--line)}
.rvs .tr-more{margin-top:12px}.rvs .tr-more .rv-l{margin-top:12px}
.rv-f{display:grid;gap:10px;margin-top:14px;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.rv-fs{display:flex;gap:4px}
.rv-fs button{width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--line2);cursor:pointer;transition:color .2s,transform .15s}
.rv-fs button.on{color:var(--amber)}.rv-fs button:active{transform:scale(.88)}
.rv-f textarea,.rv-f input[type=text]{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);font:400 16px/1.45 var(--f-b);resize:vertical}
.rv-row{display:flex;gap:8px}.rv-row input{flex:1;min-width:0}
.rv-m{margin:0;font-size:13px}.rv-m.dn{color:var(--loss)}
.rv-ok{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.rv-ok .ic{color:var(--gain)}

/* ---------- voice note of the day */
.vday{display:flex;gap:14px;align-items:center;margin:26px 0 0;padding:14px 16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line));background:linear-gradient(120deg,var(--acc-a),transparent 70%),var(--panel)}
.vd-p{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:0;background:var(--acc);color:#050506;cursor:pointer;box-shadow:0 0 0 0 var(--acc-a);transition:transform .15s}
.vd-p .ic{width:22px;height:22px;fill:currentColor;margin-left:3px}
.vd-p:active{transform:scale(.94)}
.vday:not(.on) .vd-p{animation:vd-ring 2.6s ease-out infinite}
@keyframes vd-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 45%,transparent)}80%,100%{box-shadow:0 0 0 14px transparent}}
.vd-pz{width:16px;height:18px;border-left:5px solid currentColor;border-right:5px solid currentColor}
.vd-b{flex:1;min-width:0}
.vd-t{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.vd-t b{font-size:16px}.vd-t small{font:600 12.5px var(--f-m);color:var(--mute)}
.vd-w{--p:0%;display:flex;align-items:center;gap:2px;height:28px;-webkit-mask:linear-gradient(90deg,#000 var(--p),rgba(0,0,0,.35) var(--p));mask:linear-gradient(90deg,#000 var(--p),rgba(0,0,0,.35) var(--p))}
.vd-w i{flex:1;height:var(--h);min-height:3px;border-radius:2px;background:var(--acc)}
.vday.on .vd-w i{animation:vd-bar 1.1s ease-in-out infinite alternate}.vday.on .vd-w i:nth-child(3n){animation-delay:.3s}.vday.on .vd-w i:nth-child(3n+1){animation-delay:.6s}
@keyframes vd-bar{to{transform:scaleY(.7)}}
.vd-c{margin:8px 0 0;font-size:14px;color:var(--ink2)}
@media(prefers-reduced-motion:reduce){.vday .vd-p,.vday.on .vd-w i{animation:none}}
.h-all .btn{white-space:normal;text-align:center;height:auto}
/* one-tap reviews: big stars, answer chips, optional words */
.rv-q{margin:0;font:800 19px/1.2 var(--f-b);letter-spacing:-.02em}
.rv-f .rv-fs{gap:6px}
.rv-f .rv-fs button,.rv-ask .rv-fs button{width:48px;height:48px;font-size:36px}
.rv-fs button:hover{color:color-mix(in srgb,var(--amber) 60%,var(--line2))}
.rv-fs button.on{animation:rv-pop .35s var(--ease)}
@keyframes rv-pop{40%{transform:scale(1.25)}}
.rv-more{display:grid;gap:10px;animation:ev-pop .4s var(--ease) both}
.rv-q2{margin:2px 0 0;font-weight:700;font-size:15px}
.rv-tags{display:flex;flex-wrap:wrap;gap:8px}
.rv-tags button{min-height:42px;padding:8px 14px;border-radius:99px;border:1px solid var(--line2);background:var(--panel2);font:600 14.5px var(--f-b);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.rv-tags button[aria-pressed=true]{background:var(--acc-a);border-color:var(--acc);color:var(--acc)}
.rv-tags button[aria-pressed=true]::before{content:"✓ "}
.rv-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:14px;padding:14px 16px;border-radius:var(--r);border:1px dashed color-mix(in srgb,var(--amber) 45%,var(--line2));background:var(--panel)}
.rv-ask p{margin:0;display:flex;flex-direction:column}.rv-ask small{color:var(--mute);font-size:13px}
.rv-ask.pop{animation:ev-pop .45s var(--ease) both}
@media(prefers-reduced-motion:reduce){.rv-fs button.on,.rv-more,.rv-ask.pop{animation:none}}

/* ---------- crowd gauge: «Средняя температура по больнице» (/crowd/) */
.cr-ar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;flex:none;vertical-align:middle}
.cr-ar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.cr-ar.big{width:38px;height:38px}.cr-ar.big svg{width:22px;height:22px}
.cr-ar.u{color:var(--gain);background:color-mix(in srgb,var(--gain) 16%,transparent)}.cr-ar.u svg{animation:cr-up 1.8s ease-in-out infinite}
.cr-ar.d{color:var(--loss);background:color-mix(in srgb,var(--loss) 16%,transparent)}.cr-ar.d svg{animation:cr-dn 1.8s ease-in-out infinite}
.cr-ar.f{color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent)}.cr-ar.f svg{animation:cr-sd 1.8s ease-in-out infinite}
@keyframes cr-up{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
@keyframes cr-dn{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes cr-sd{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}
.cr-tb{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.cr-tr{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(90px,150px) 70px 46px;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);text-decoration:none;color:inherit;transition:background .2s}
.cr-tr:first-child{border-top:0}a.cr-tr:hover{background:var(--panel2)}
.cr-th{font:600 11.5px var(--f-m);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:var(--panel2)}
.cr-rk{font:700 14px var(--f-m);color:var(--mute);text-align:center}
.cr-who{display:flex;align-items:center;gap:10px;min-width:0}.cr-who>span:last-child{display:flex;flex-direction:column;min-width:0}
.cr-who b,.cr-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-who small{color:var(--mute);font-size:12.5px}
.cr-wr{display:flex;flex-direction:column;gap:4px;font-family:var(--f-m)}.cr-wr .mute{font-size:12px}
.cr-bar{display:block;height:5px;border-radius:9px;background:var(--panel3);overflow:hidden}.cr-bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acc),var(--gain))}
.io .reveal:not(.in) .cr-bar>i{width:0!important}.cr-bar>i{transition:width 1.2s var(--ease) .2s}
.cr-n{font:600 13px var(--f-m);color:var(--ink2);text-align:right}.cr-now{text-align:center}
.cr-y,.cr-h{margin-bottom:14px}.cr-ys{margin:0 0 12px;font-size:16px}
.cr-yr{display:grid;grid-template-columns:minmax(0,1.4fr) 1fr 1fr 1fr;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-family:var(--f-m);font-size:14px}
.cr-yr a{display:flex;flex-direction:column;text-decoration:none;font-family:var(--f-b);min-width:0}.cr-yr a small{color:var(--mute);font-size:12px}
.cr-yr>span:nth-child(2){display:flex;align-items:center;gap:6px}
.cr-yh{border-top:0;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cr-v{display:inline-block;padding:3px 9px;border-radius:99px;font:700 12.5px var(--f-m);white-space:nowrap}
.cr-v.y{color:var(--gain);background:color-mix(in srgb,var(--gain) 14%,transparent)}.cr-v.n{color:var(--loss);background:color-mix(in srgb,var(--loss) 14%,transparent)}.cr-v.f{color:var(--mute);background:var(--panel2)}
.cr-h h3{margin:0 0 10px}.cr-hd{display:flex;align-items:flex-end;gap:6px;height:92px}
.cr-dd{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px}
.cr-dd i{display:block;width:100%;max-width:26px;border-radius:6px 6px 2px 2px;background:var(--panel3);transform-origin:bottom;animation:cr-grow .9s var(--ease) both}
.cr-dd.y i{background:var(--gain)}.cr-dd.n i{background:var(--loss)}.cr-dd small{font:600 10.5px var(--f-m);color:var(--mute)}
@keyframes cr-grow{from{transform:scaleY(0)}}
.cr-m{margin:0 0 10px;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--ink2);max-width:820px}
.cr-disc{padding:20px 22px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--acc) 40%,var(--line));background:color-mix(in srgb,var(--acc) 7%,var(--panel))}
.cr-disc b{font-size:17px}.cr-disc p{margin:8px 0 0}.cr-disc p.mute{font-size:13.5px}
.cr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.cr-list a{text-decoration:none}.cr-list small{color:var(--mute)}
.cr-lh{display:flex;gap:18px;align-items:flex-start;margin-top:10px}.cr-lh h1{margin:4px 0}.cr-lh .av{flex:none;font-size:30px}
.cr-bio{color:var(--ink2);max-width:640px}
.cr-st{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px}
.cr-st .card{display:flex;flex-direction:column;gap:4px}.cr-st small{color:var(--mute);font:600 11.5px var(--f-m);text-transform:uppercase;letter-spacing:.06em}
.cr-st b{font:800 26px var(--f-m);display:flex;align-items:center;gap:8px}.cr-st em{font-style:normal;color:var(--mute);font-size:13px}
.cr-pa{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px}
.cr-pa a{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r2);background:var(--panel);text-decoration:none}
.cr-pa span{font:700 14px var(--f-m)}.cr-pa .cr-bar{grid-column:1/-1}.cr-pa small{color:var(--mute);font-size:12px}
.cr-calls{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}
.cr-call p{margin:8px 0 0;font-size:14.5px}.cr-call p.src{font-size:12.5px}
.cr-ch{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr-ch a{text-decoration:none}
.cr-d{display:inline-flex;align-items:center;gap:4px;font:800 12px var(--f-m);letter-spacing:.05em}.cr-d.u{color:var(--gain)}.cr-d.d{color:var(--loss)}.cr-d .cr-ar{width:22px;height:22px}
.cr-ch .cr-v{margin-left:auto}
@media(max-width:600px){
  .cr-tr{grid-template-columns:24px minmax(0,1fr) 78px 40px;gap:8px;padding:10px 12px}.cr-n{display:none}
  .cr-yr{grid-template-columns:minmax(0,1.2fr) 1fr .9fr auto;gap:6px;font-size:13px}
  .cr-lh{flex-direction:column}
}
.rm .cr-ar svg,.rm .cr-dd i{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.cr-ar svg,.cr-dd i,.cr-bar>i{animation:none!important;transition:none!important}}
.cr-who .av,.cr-lh .av{position:relative;overflow:hidden;width:36px;height:36px;border-radius:50%;background:var(--panel3);display:grid;place-items:center;font-weight:800;color:var(--acc);flex:none}
.cr-who .av img,.cr-lh .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cr-live{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;font:700 11.5px var(--f-m);letter-spacing:.08em;color:var(--loss)}
.cr-live i{width:8px;height:8px;border-radius:50%;background:var(--loss);animation:cr-blink 1.6s ease-in-out infinite}
.cr-live span{color:var(--mute);letter-spacing:0;font-weight:500}
@keyframes cr-blink{50%{opacity:.25;transform:scale(.7)}}
.cr-t.cr-upd .cr-tube{animation:cr-flash 1.2s var(--ease)}
@keyframes cr-flash{0%{filter:drop-shadow(0 0 0 transparent)}30%{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--acc) 55%,transparent))}100%{filter:none}}
.cr-feed{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.cr-fi{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);min-width:0}
.cr-fi.new{animation:cr-new 1s var(--ease) both;border-color:color-mix(in srgb,var(--acc) 50%,var(--line))}
@keyframes cr-new{from{opacity:0;transform:translateY(-10px) scale(.98)}}
.cr-fw{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}.cr-fw b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-fw .av{position:relative;overflow:hidden;width:30px;height:30px;border-radius:50%;background:var(--panel3);display:grid;place-items:center;font-weight:800;color:var(--acc);flex:none}.cr-fw .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cr-ft{display:flex;flex-wrap:wrap;gap:8px}
.cr-fi p{margin:0;font-size:14px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.cr-fi a.src{font-size:12px;color:var(--mute);text-decoration:none}
.rm .cr-live i,.rm .cr-fi.new,.rm .cr-t.cr-upd{animation:none!important}
@media(prefers-reduced-motion:reduce){.cr-live i,.cr-fi.new,.cr-t.cr-upd{animation:none!important}}
@media(max-width:600px){
}
@media(max-width:600px){
  .cr-st,.cr-pa{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cr-st b{font-size:21px}
  .cr-feed li:nth-child(n+5){display:none}
}

/* «термометр»: leaders' average view above the scale, the market's own move below it */
.cr-rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden;margin-bottom:14px}
.cr-row{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:22px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.cr-row:first-child{border-top:0}a.cr-rn{text-decoration:none;color:inherit}a.cr-rn:hover b{color:var(--acc)}
.cr-rn{display:flex;flex-direction:column;min-width:0}.cr-rn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-rn small{color:var(--mute);font:600 12px var(--f-m)}
.cr-t{--hc:var(--ink2);position:relative;min-width:0}
.cr-t.mu{--hc:var(--acc)}.cr-t.md{--hc:var(--cool)}.cr-t.mf{--hc:var(--amber)}.cr-t.mn{--hc:var(--line2)}
.cr-tw{position:relative;padding-inline-start:20px;direction:ltr}
.cr-lr{position:relative;height:30px}
.cr-tl{position:absolute;inset-inline-start:var(--v);transform:translateX(calc(var(--v) * -1));white-space:nowrap;bottom:12px;font:700 13px var(--f-m);color:var(--hc);transition:inset-inline-start 1.4s cubic-bezier(.3,1.35,.5,1),transform 1.4s cubic-bezier(.3,1.35,.5,1)}
.cr-tl.mk{bottom:auto;top:12px;inset-inline-start:var(--m);transform:translateX(calc(var(--m) * -1));color:var(--ink)}
.cr-tl b{font:800 10px var(--f-m);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin-right:2px}
.cr-tl small{font:700 11px var(--f-m);color:var(--mute)}
.cr-tube{position:relative;height:14px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--cool) 30%,var(--panel3)),var(--panel3) 50%,color-mix(in srgb,var(--acc) 30%,var(--panel3)));box-shadow:inset 0 0 0 1px var(--line2)}
.cr-you{position:absolute;z-index:2;inset-inline-start:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;border:0;border-radius:50%;background:var(--k);color:#fff;font:800 10px/28px var(--f-m);text-align:center;cursor:grab;touch-action:none;box-shadow:0 0 0 3px var(--panel),0 4px 14px color-mix(in srgb,var(--k) 45%,transparent);transition:inset-inline-start .5s cubic-bezier(.3,1.35,.5,1),transform .2s;animation:cr-call 2.4s ease-in-out infinite}
.cr-you span{pointer-events:none}.cr-you:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cr-uv .cr-you{inset-inline-start:var(--u);margin-inline-start:-14px;animation:none}
.cr-drag .cr-you{cursor:grabbing;transform:scale(1.18);transition:transform .2s}
.cr-tube{touch-action:none;cursor:pointer}
@keyframes cr-call{0%,100%{box-shadow:0 0 0 3px var(--panel),0 0 0 3px color-mix(in srgb,var(--k) 0%,transparent)}50%{box-shadow:0 0 0 3px var(--panel),0 0 0 9px color-mix(in srgb,var(--k) 25%,transparent)}}
.cr-yl{margin:4px 0 0 20px;font:500 13px/1.4 var(--f-b);color:var(--mute)}.cr-yl b{color:var(--k);font-weight:700}.cr-yl a{color:var(--k)}.cr-yl .cr-ok{color:var(--gain);font-weight:600}
.cr-hg{position:absolute;top:3px;bottom:3px;inset-inline-start:var(--hl);width:var(--hw);min-width:3px;border-radius:99px;background:var(--hc);transition:inset-inline-start 1.4s cubic-bezier(.3,1.35,.5,1),width 1.4s cubic-bezier(.3,1.35,.5,1),background .8s}
.cr-z{position:absolute;inset-inline-start:50%;top:-5px;bottom:-5px;width:2px;margin-inline-start:-1px;border-radius:2px;background:var(--mute);opacity:.5}
.cr-pin{position:absolute;width:14px;margin-inline-start:-7px;transition:inset-inline-start 1.4s cubic-bezier(.3,1.35,.5,1)}
.cr-pin.ld{inset-inline-start:var(--v);top:-9px;height:9px;background:var(--hc);clip-path:polygon(0 0,100% 0,50% 100%)}
.cr-pin.mk{inset-inline-start:var(--m);bottom:-9px;height:9px;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%)}
.cr-t.mn .cr-pin.ld,.cr-t.mn .cr-hg{display:none}
.cr-sc{display:flex;justify-content:space-between;margin-top:8px;font:700 10px var(--f-m);letter-spacing:.08em;color:var(--mute)}
.cr-vd{margin:6px 0 0 20px;font:600 13px/1.35 var(--f-b);color:var(--ink2)}.cr-vd.y{color:var(--gain)}.cr-vd.n{color:var(--loss)}
.cr-t .cr-cnt{display:block;margin:4px 0 0 20px;color:var(--mute);font:500 13px var(--f-b)}
.io .reveal:not(.in) .cr-t{--v:50%!important;--m:50%!important;--hl:50%!important;--hw:0%!important}
.cr-hero{padding:22px 24px}.cr-hh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cr-hh h2{margin:0;font-size:18px}.cr-hh .cr-live{margin:0}
.cr-hero .cr-say{margin:6px 0 18px;font:800 clamp(22px,3.4vw,32px)/1.15 var(--f-b);color:var(--ink)}
.cr-t.cr-big .cr-lr{height:38px}.cr-t.cr-big .cr-tl{font-size:16px}.cr-t.cr-big .cr-tl{bottom:16px}.cr-t.cr-big .cr-tl.mk{bottom:auto;top:16px}.cr-t.cr-big .cr-tl b{font-size:11px}
.cr-t.cr-big .cr-tube{height:22px}.cr-t.cr-big .cr-hg{top:4px;bottom:4px}.cr-t.cr-big .cr-you{width:36px;height:36px;margin-top:-18px;line-height:36px;font-size:11.5px;margin-inline-start:-18px}.cr-t.cr-big.cr-uv .cr-you{inset-inline-start:var(--u);margin-inline-start:-18px}.cr-t.cr-big .cr-yl{margin-left:26px;font-size:14px}.cr-t.cr-big .cr-tw{padding-inline-start:26px}
.cr-t.cr-big .cr-pin{width:18px;margin-inline-start:-9px}.cr-t.cr-big .cr-pin.ld{top:-12px;height:12px}.cr-t.cr-big .cr-pin.mk{bottom:-12px;height:12px}
.cr-t.cr-big .cr-vd{margin-left:26px;font-size:16px}.cr-t.cr-big .cr-cnt{margin-left:26px}
.cr-how{margin:16px 0 0;color:var(--mute);font-size:13.5px;max-width:780px}
.cr-md summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--ink2)}.cr-md[open] summary{margin-bottom:6px}
.cr-t{--k:var(--acc2)}.cr-t.cr-ku{--k:var(--gain)}.cr-t.cr-kd{--k:var(--loss)}.cr-t.cr-kf{--k:var(--amber)}
.cr-lk .cr-you{cursor:default;animation:none;box-shadow:0 0 0 3px var(--panel),0 0 0 5px color-mix(in srgb,var(--k) 55%,transparent)}
.cr-fix,.cr-undo{margin:2px 0 0 6px;padding:4px 11px;border-radius:99px;font:700 12.5px var(--f-b);cursor:pointer;border:1px solid var(--k);background:var(--k);color:#fff}.cr-undo{background:transparent;color:var(--mute);border-color:var(--line)}
.cr-few{display:block;margin-top:4px;color:var(--k);font-weight:600}.cr-vote{min-height:44px;min-width:44px;margin:4px 0 0 6px;padding:0 16px;border-radius:99px;font:700 13px var(--f-b);cursor:pointer;border:1px solid var(--k);background:var(--k);color:#fff}.cr-nfa{display:block;margin-top:2px;font-size:12.5px;color:var(--mute)}
.cr-yr.cr-mh{grid-template-columns:minmax(0,1.4fr) .7fr .7fr .7fr 1fr}.cr-mh>span:first-child{display:flex;flex-direction:column;min-width:0}.cr-mh>span:first-child small{color:var(--mute);font:500 12px var(--f-b)}
.cr-mh>span:nth-child(2){color:var(--acc2);font-weight:700}
#mine .cr-st{margin-bottom:14px}
@media(max-width:620px){.cr-yr.cr-mh{grid-template-columns:minmax(0,1.2fr) .55fr .6fr minmax(0,1.1fr);gap:6px;font-size:13px}.cr-mh>span:nth-child(4){display:none}.cr-yh.cr-mh>span:last-child{white-space:normal;letter-spacing:.02em}}
.rm .cr-tl,.rm .cr-hg,.rm .cr-pin,.rm .cr-you,.rm .cr-t.cr-upd .cr-tube{transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.cr-tl,.cr-hg,.cr-pin,.cr-you,.cr-t.cr-upd .cr-tube{transition:none!important;animation:none!important}}
/* one tap «up or down today» (cqBlock): mobile first, 48px targets, text in --ink/--ink2 for contrast in both themes */
.cq{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}
.cq-h{margin:0 0 14px;font:800 19px/1.3 var(--f-b);color:var(--ink)}
.cq-bs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cq-b{min-height:48px;padding:10px 14px;border-radius:var(--r2);border:2px solid var(--line2);background:var(--panel2);color:var(--ink);font:800 16px var(--f-b);cursor:pointer;touch-action:manipulation;transition:border-color .2s,background-color .2s,transform .15s var(--ease)}
.cq-b.up>span{color:var(--gain)}.cq-b.dn>span{color:var(--loss)}
.cq-b:hover{background:var(--panel3)}.cq-b:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.cq-b.up[aria-pressed=true]{border-color:var(--gain);background:var(--panel3)}.cq-b.dn[aria-pressed=true]{border-color:var(--loss);background:var(--panel3)}
.cq-done .cq-b[aria-pressed=false]{opacity:.75}
.cq-bar{display:flex;height:10px;margin:14px 0 0;border-radius:99px;overflow:hidden;background:var(--panel3)}.cq-bar[hidden]{display:none}
.cq-bar i{display:block;height:100%;transition:width .5s var(--ease)}.cq-bar .up{background:var(--gain)}.cq-bar .dn{background:var(--loss)}
.cq-r{margin:12px 0 0;color:var(--ink2);font:600 15px/1.45 var(--f-b)}
.cq-n{margin:6px 0 0;color:var(--mute);font:500 13px/1.4 var(--f-b)}
@keyframes cq-pop{0%{transform:scale(1)}40%{transform:scale(.94)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.cq-b.cq-pop{animation:cq-pop .3s var(--ease)}}
@media(prefers-reduced-motion:reduce){.cq-b,.cq-bar i{transition:none}}
.rm .cq-b,.rm .cq-bar i{transition:none!important;animation:none!important}
@media(min-width:700px){.cq{padding:22px 24px}.cq-h{font-size:22px}.cq-bs{max-width:420px}}
@media(max-width:600px){
  .cr-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px 14px}
  .cr-tl{font-size:12px}.cr-hero{padding:16px 14px}.cr-t.cr-big .cr-tl{font-size:14px}
}
/* Exchange trust rating (/exchanges/) */
.tr-rows{display:flex;flex-direction:column;gap:10px}
.tr-row{display:grid;grid-template-columns:34px minmax(0,1fr) 76px minmax(0,2.2fr);align-items:center;gap:14px;text-decoration:none;color:inherit;padding:14px 18px}
.tr-row:hover{border-color:var(--acc)}
.tr-n{font:800 18px var(--f-m);color:var(--mute)}
.tr-nm{display:flex;align-items:center;gap:12px;min-width:0}.tr-nm>span{display:flex;flex-direction:column;min-width:0}.tr-logo{width:40px;height:40px;border-radius:12px;flex:none;background:var(--panel2)}.tr-h1{display:flex;align-items:center;gap:14px}.tr-logo.big{width:56px;height:56px;border-radius:16px}.tr-nm b{font:700 18px var(--f-b)}.tr-nm small{color:var(--mute);font-size:13px}.tr-ur{font-style:normal;color:var(--amber);font:600 12.5px var(--f-m);margin-top:2px}
.tr-gr{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;font:800 24px/1 var(--f-m);border:3px solid currentColor;--c:var(--mute);color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.tr-gr small{font:700 11px var(--f-m);margin-top:3px;letter-spacing:.06em}
.tr-gr.a{--c:var(--gain)}.tr-gr.b{--c:#8fc98a}.tr-gr.c{--c:var(--amber)}.tr-gr.d{--c:var(--loss)}
.tr-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.tr-bars span{display:flex;flex-direction:column;gap:4px;min-width:0}
.tr-bars em{display:block;height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}.tr-bars em i{display:block;height:100%;border-radius:3px;background:var(--acc2)}
.tr-bars small{font:600 10.5px var(--f-m);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-bars span.nd small{opacity:.55}
.tr-disc,.tr-src{color:var(--mute);font-size:13px;line-height:1.5;margin-top:14px}
.tr-m{padding-inline-start:20px;display:flex;flex-direction:column;gap:8px}
.tr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:28px;align-items:center}
.tr-big{display:flex;flex-direction:column;align-items:center;gap:14px}.tr-big .tr-gr{width:120px;height:120px;font-size:44px;border-width:5px}.tr-big .tr-gr small{font-size:14px}.tr-big .tr-bars{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
.tr-hero .risk{color:var(--mute);font-size:12.5px;margin-top:10px}
.tr-bh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tr-bh h2{margin:0}.tr-bh b{font:800 22px var(--f-m)}.tr-bh small{color:var(--mute);font-size:14px}
.tr-b h3{font:700 15px var(--f-b);margin:18px 0 8px}
.tr-lic,.tr-act{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}
.tr-lic li,.tr-act li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,2.4fr) auto;gap:10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.tr-lic.un li{opacity:.75}
.tr-ent{color:var(--mute);font-size:13px}
.tr-ty{font:700 12px var(--f-m);padding:2px 8px;border-radius:99px;justify-self:start;background:var(--panel2);color:var(--mute)}
.tr-ty.licence,.tr-ty.ok{color:var(--gain);background:color-mix(in srgb,var(--gain) 14%,transparent)}
.tr-ty.registration{color:var(--cool);background:color-mix(in srgb,var(--cool) 14%,transparent)}
.tr-ty.ban,.tr-ty.fine{color:var(--loss);background:color-mix(in srgb,var(--loss) 14%,transparent)}
.tr-ty.closed{color:var(--mute)}.tr-ty.warning{color:var(--amber);background:color-mix(in srgb,var(--amber) 14%,transparent)}
.tr-lic a,.tr-act a{font-size:12.5px;white-space:nowrap}
.tr-tos{display:flex;flex-wrap:wrap;gap:6px}.tr-tos span{padding:3px 9px;border-radius:99px;background:var(--panel2);font-size:12.5px}.tr-tos small{color:var(--mute)}
.tr-sm{font-size:17px!important}
.cr-st b.up{color:var(--gain)}.cr-st b.dn{color:var(--loss)}
.tr-ai{margin-top:14px}.tr-ai h3{margin-top:0}.tr-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tr-pc ul{margin:6px 0 0;padding-inline-start:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}.tr-pc b.up{color:var(--gain)}.tr-pc b.dn{color:var(--loss)}
.tr-rate{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}
.tr-rs{display:flex;flex-direction:column;gap:4px}.tr-rs b{font:800 30px var(--f-m);color:var(--amber)}.tr-rs span{color:var(--mute);font-size:13px}
.tr-form{display:flex;flex-direction:column;gap:10px}
.tr-stars{display:flex;gap:4px}.tr-stars button{border:0;background:none;padding:0 2px;font-size:30px;line-height:1;color:var(--line);cursor:pointer;transition:color .15s,transform .15s}.tr-stars button.on{color:var(--amber)}.tr-stars button:hover{transform:scale(1.12)}
.tr-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--ink);padding:10px 12px;font:inherit;resize:vertical}
.tr-form .btn{align-self:flex-start}
.tr-msg{font-size:13.5px;margin:0}.tr-msg.dn{color:var(--loss)}.tr-msg.up{color:var(--gain)}
.cr-ex{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:14px 0 0;padding:14px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2)}
.cr-exh{margin:0;font:700 15px var(--f-b);color:var(--ink)}
.cr-exr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
.cr-ex select{flex:1 1 180px;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 16px var(--f-b)}
.cr-exs{display:flex}.cr-exs button{min-width:44px;min-height:44px;border:0;background:none;padding:0;font-size:28px;line-height:1;color:var(--mute);cursor:pointer;transition:color .15s}.cr-exs button.on{color:var(--amber)}.cr-exs button:disabled{cursor:default}
.tr-rev{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin-top:12px}
.tr-st{color:var(--amber);letter-spacing:2px}.tr-st span{color:var(--line)}.tr-rv h4{font:700 14.5px var(--f-b);margin:6px 0 0}.tr-rv small a{white-space:nowrap}
.tr-rg{margin-top:8px}.tr-rg+.tr-rg{margin-top:28px}.tr-rg h3{font:700 17px var(--f-b);margin:0 0 10px}.tr-hint{color:var(--mute);font-size:13.5px;margin:0}.tr-sum{color:var(--ink2);font-size:14.5px;margin:0}
.tr-more{margin-top:10px}.tr-more summary{cursor:pointer;font-weight:700;color:var(--acc);padding:10px 0;min-height:44px;display:flex;align-items:center}.tr-more summary::marker{content:''}.tr-more summary::after{content:' ▾';margin-inline-start:6px}.tr-more[open] summary::after{content:' ▴'}.tr-rv p{margin:6px 0;font-size:14px}.tr-rv small{color:var(--mute);font-size:12px}
@media(max-width:760px){
  .tr-row{grid-template-columns:22px minmax(0,1fr) 60px;gap:10px;padding:12px 14px}.tr-row .tr-bars{grid-column:1/-1}.tr-gr{width:56px;height:56px;font-size:20px}
  .tr-hero{grid-template-columns:1fr}.tr-big{flex-direction:row;align-items:center}.tr-big .tr-gr{width:92px;height:92px;font-size:34px;flex:none}
  .tr-bars{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tr-lic li,.tr-act li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.tr-lic .tr-ent,.tr-act .tr-ent{grid-column:1/-1}
  .tr-rate{grid-template-columns:1fr}.tr-pc{grid-template-columns:1fr}
}

/* ---------- UI rulebook v1 (2026-10-21): contrast, touch targets, reading size, motion timing */
/* contrast: dark text on orange in both themes; light-theme text tokens that pass 4.5:1 on white and panels */
:root[data-theme=light]{--gain:#137a52;--loss:#b03844;--amber:#866000}
:root[data-theme=light] .lnk:not(.ftr-legal .lnk){color:#b34700}
:root[data-theme=light] .btn.pri,:root[data-theme=light] .nav a[aria-current=page],:root[data-theme=light] .secnav a[aria-current=page],:root[data-theme=light] .seg button[aria-pressed=true],:root[data-theme=light] .seg a[aria-current]{color:#101014}
:root[data-theme=light] .eyebrow,:root[data-theme=light] .h2b-hi,:root[data-theme=light] .an-h,:root[data-theme=light] .av,:root[data-theme=light] .s15c .n,:root[data-theme=light] .chip.acc,:root[data-theme=light] .hc-crypto,:root[data-theme=light] .cr-tl.ld{color:#b34700}
:root[data-theme=light] .hc-commod{color:#8a5a00}
:root[data-theme=light] .hc-geo{color:#a8323f}
.cr-you{color:#101014}
:root[data-theme=light] .cr-you{color:#fff}
.tw-v{background:#2f6f9c;color:#fff}
.rv-fs button{color:var(--mute)}
/* touch targets: the visible size stays, the tappable area grows to 44px */
button.i{position:relative}
button.i::after,.cr-you::after{content:"";position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}
@media(max-width:1023px),(pointer:coarse){
  .btn.sm{min-height:44px}
  .hdr-act .btn.sm{min-width:44px}
  .secnav a{min-height:44px;display:inline-flex;align-items:center}
  .seg button,.seg a{min-height:44px}
}
@media(max-width:419px){.hdr-act .btn.sm{min-height:44px}}
/* reading size: explanations are reading text (16px), secondary notes 15px, metadata no smaller than 13px */
.an-bd p,.why-b p,.anr-deep li,.ev-a p,.ev-what,.s15c p{font-size:16px}
.tw-why,.note,.mc-w,.grid a.card>p,.cr-feed .cr-fi p{font-size:15px}
.cr-yl,.cr-vd,.ft em,.depth-note span,.eng-sub,.rv-m,.risk{font-size:14px}
.src,.au small,.crumbs{font-size:13px}
/* motion: blocks never start invisible; entrances and chart draws stay within 240-450ms; no decorative loops */
.io .reveal:not(.in){opacity:.4;transform:translateY(8px)}
.io .reveal{transition:opacity .24s var(--ease-soft),transform .24s var(--ease)}
.io .reveal .spark .ln{transition-duration:.3s;transition-delay:0s}
.io .reveal .chart .ln{transition-duration:.45s;transition-delay:0s}
::view-transition-new(root){animation-duration:.26s}
body::before,.h2b-btns .btn.pri,.ph1{animation:none}
.btn:active{transition-duration:.1s}
/* the price ticker stops moving on touch screens and scrolls by finger instead */
@media(pointer:coarse),(hover:none){.ticker{overflow-x:auto;scrollbar-width:none;mask-image:none}.ticker::-webkit-scrollbar{display:none}.tk-in{animation:none}.tk-dup{display:none}}

/* Cloudflare Turnstile: takes room only when it asks for a tap */
.fk-ts:empty{display:none}.fk-ts{margin:6px 0;min-height:0}

/* ---------- Promoted: paid project cards (home) and the /promote/ page. Always labelled, kept apart from editorial blocks. */
.pm-l{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,84%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;min-width:0;scrollbar-width:thin}
@media(min-width:760px){.pm-l{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));overflow:visible}}
.pm{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);scroll-snap-align:start}
.pm-ad{align-self:flex-start;margin:0;padding:3px 9px;border-radius:99px;border:1px solid var(--line2);font:700 11.5px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.pm-top{display:flex;align-items:center;gap:12px;min-width:0}.pm-top>div:last-child{min-width:0}
.pm-logo{flex:none;width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--panel3);display:grid;place-items:center;font:800 19px var(--f-b);color:var(--ink)}
.pm-logo img{width:100%;height:100%;object-fit:contain}
.pm h3{margin:0;font:700 17px/1.25 var(--f-b);overflow-wrap:anywhere}
.pm-top small{display:block;font-size:13px;color:var(--mute);overflow-wrap:anywhere}
.pm-t{margin:0;font-weight:600;color:var(--ink)}
.pm-d{margin:0;font-size:15px;color:var(--ink2)}
.pm .btn{margin-top:auto;align-self:flex-start;white-space:normal;text-align:left}
.pm-0{border-style:dashed;background:transparent}
.pm-note{margin:12px 0 0;font-size:14px;color:var(--mute)}.pm-note a{color:var(--ink2)}
.pm-demo{max-width:380px;grid-auto-flow:row;grid-template-columns:1fr;overflow:visible}
.pm-f{display:grid;gap:14px;margin-top:6px;padding:18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.fld textarea,.fld select{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);color:var(--ink);font:500 16px var(--f-b);box-sizing:border-box}
.fld textarea{resize:vertical;min-height:110px}
.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--acc)}
.pm-f .btn{justify-self:start}
.pm-m{margin:0}.pm-m.ok{color:var(--gain)}.pm-m.err{color:var(--loss)}
/* /crowd/: trust column, group chips, legal check on leader pages */
.cr-tr{grid-template-columns:34px minmax(0,1fr) minmax(90px,150px) 70px 120px 46px}
.cr-tb + .fchips,.fchips + .cr-tb{margin-top:12px}
.cr-tr[hidden]{display:none}
.cr-trust{display:inline-block;font:700 12px/1.2 var(--f-m);padding:4px 8px;border-radius:6px;border:1px solid var(--line);color:var(--ink2);white-space:nowrap}
.cr-trust.ok{color:var(--gain);border-color:currentColor}
.cr-trust.caution{color:var(--amber);border-color:currentColor}
.cr-trust.avoid{color:#050506;background:var(--loss);border-color:var(--loss)}
.cr-lg ul{margin:10px 0;padding-left:18px;display:grid;gap:10px}
.cr-lg li{line-height:1.5}
@media (max-width:720px){.cr-tr{grid-template-columns:24px minmax(0,1fr) 64px 92px;gap:8px}.cr-n,.cr-now{display:none}.cr-trust{font-size:11px;padding:3px 6px;white-space:normal;text-align:center}}
/* ---------- phones: five tabs at the bottom (2026-10-22) instead of the scrolling section row; asset pages keep one trade button above them */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:41;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:4px max(4px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:rgba(12,13,15,.97);border-top:1px solid var(--line)}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:4px 2px;border:0;border-radius:12px;background:none;color:var(--mute);font:600 12px/1.1 var(--f-b);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tabbar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabbar .ic{width:22px;height:22px}
.tabbar [aria-current]{color:var(--acc)}
.tabbar a:active,.tabbar button:active{background:var(--panel2);transition-duration:.1s}
.actbar{bottom:calc(61px + env(safe-area-inset-bottom,0px));padding-bottom:8px;border-top:0;background:linear-gradient(rgba(12,13,15,0),rgba(12,13,15,.97) 35%)}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
body:has(.actbar){padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
.toast,.wall-note{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
body:has(.actbar) .toast,body:has(.actbar) .wall-note{bottom:calc(142px + env(safe-area-inset-bottom,0px))}
@media(max-width:1023px){.secnav{display:none}}
@media(min-width:1024px){.tabbar{display:none}body,body:has(.actbar){padding-bottom:0}.toast,body:has(.actbar) .toast{bottom:28px}.wall-note,body:has(.actbar) .wall-note{bottom:24px}}
/* Crowd trust (readers' votes) on leader pages and in the /crowd/ table */
.cr-ti{display:block;font:600 11.5px/1.2 var(--f-m);color:var(--ink2);margin-top:4px;font-style:normal;white-space:nowrap}.cr-ti:empty{display:none}.cr-ti.up{color:var(--gain)}.cr-ti.dn{color:var(--loss)}
.cr-ct{display:grid;gap:12px}.cr-cti{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cr-cti b{font:800 34px/1 var(--f-m)}
.cr-ctb{display:block;height:8px}.cr-ctv{display:flex;gap:10px;flex-wrap:wrap}
.cr-ctv button[aria-pressed=true]{border-color:var(--acc);background:var(--acc-a);color:var(--ink)}
/* Returning readers (html[data-ret], set before paint): a one-line greeting, then «What changed on your topics» (UI rulebook p. 12).
   Every row has a fixed height, so filling it in moves nothing. The big app teaser is for first visits only. */
.ret,.h2b-r{display:none}
html[data-ret] .h2b-r{display:inline}html[data-ret] .h2b-n{display:none}
html[data-ret] .h2b{padding:18px 0 0}
html[data-ret] .h2b h1{font-size:clamp(24px,5.4vw,40px)}
html[data-ret] .h2b-sub,html[data-ret] .h2b-btns,html[data-ret] #app{display:none}
html[data-ret] .h2b-st{margin-top:12px}
html[data-ret] .ret{display:block;margin:18px 0 4px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.ret-hd{margin-bottom:12px}
.ret-hd h2{margin:0;font:800 18px/1.25 var(--f-b);letter-spacing:-.01em}
.ret-hd small{display:block;height:20px;margin-top:2px;color:var(--mute);font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ret-px{display:flex;gap:8px;height:60px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.ret-px::-webkit-scrollbar{display:none}
.ret-px a,.ret-px i{flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:88px;height:60px;padding:0 12px;box-sizing:border-box;border-radius:var(--r2);background:var(--panel2);border:1px solid var(--line);color:var(--ink);text-decoration:none}
.ret-px b{font:600 13px/1.2 var(--f-b);color:var(--ink2);white-space:nowrap}.ret-px span{font:700 15px/1.2 var(--f-m)}
.ret-ln{display:flex;align-items:center;gap:10px;height:56px;margin-top:8px;padding:0 14px;box-sizing:border-box;border-radius:var(--r2);background:var(--panel2);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:15px}
.ret-ln span{flex:1;min-width:0;overflow:hidden;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ret-ln em{flex:none;font:700 12px var(--f-b);font-style:normal;color:var(--mute);white-space:nowrap}
.ret-ln[data-k=news] em,.ret-ln[data-k=upd] em{color:var(--acc)}
.ret-ln::after{content:"→";flex:none;color:var(--mute)}
.ret-px a:hover,.ret-ln:hover{border-color:var(--line2)}
:root[data-theme=light] .ret-ln[data-k=news] em,:root[data-theme=light] .ret-ln[data-k=upd] em{color:#b34700}
/* Headline feed: repeats folded into one row (+N sources), a dot on what is new since the last look */
.fd{position:relative}
.fd.nw::before{content:"";position:absolute;left:5px;top:18px;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.fd small .fd-n{font-weight:700;color:var(--ink2)}
/* Below-the-fold weight (Web Vitals): the browser skips style, layout and paint of these until they come near the screen.
   They are boxed on their own (no overflow out of them), and the remembered size keeps the scrollbar steady. */
.ftr,.an-grid>.an-card{content-visibility:auto}
.ftr{contain-intrinsic-size:auto 1100px}.an-grid>.an-card{contain-intrinsic-size:auto 440px}

/* Newsroom */
.an-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.an-bar button{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:7px 14px;font:600 13px var(--f-b);color:var(--ink2);cursor:pointer}
.an-bar button[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#050506}
.an-h{font:700 13px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:6px 0 10px}
.an-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.an-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.an-card:hover{border-color:#48484a;transform:translateY(-2px)}
.an-card>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}
.an-card>a:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;border-radius:18px}
.an-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.an-bd h3{margin:0;font:700 18px/1.3 var(--f-b);color:var(--ink)}
.an-bd p{margin:0;color:var(--ink2);font-size:15px;line-height:1.5}
.an-meta{margin-top:auto;font:500 12px var(--f-m);color:var(--mute);display:flex;gap:8px;flex-wrap:wrap}
.an-chips{display:flex;gap:6px;flex-wrap:wrap}
.an-chip{font:700 11px var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}
.an-chip.st{color:var(--amber);border-color:rgba(215,168,82,.35)}
.an-chip.dr{color:#050506;background:var(--amber);border-color:var(--amber)}
.an-chip.up{color:#050506;background:var(--gain);border-color:var(--gain)}
.an-save{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(236,234,231,.18);background:rgba(5,5,6,.55);color:#eceae7;font-size:17px;cursor:pointer;display:grid;place-items:center}
.an-save[aria-pressed=true]{color:var(--acc);border-color:var(--acc)}
.an-cv{position:relative;aspect-ratio:16/9;background:radial-gradient(120% 90% at 85% 30%,#21252a 0,#14171a 55%,#0e0f11 100%);overflow:hidden;container-type:inline-size;color:#eceae7}
.an-cv svg{position:absolute;right:-2%;top:6%;height:88%;width:auto}
.an-cv-top{position:absolute;left:5%;top:7%;display:flex;gap:6px;align-items:center;font:800 max(9px,2.6cqw)/1 var(--f-b);letter-spacing:.04em}
.an-cv-top i{font-style:normal;color:var(--acc)}
.an-cv-rub{background:var(--acc);color:#050506;padding:.35em .6em;border-radius:.3em;font:800 max(8px,2.2cqw)/1 var(--f-b);letter-spacing:.06em}
.an-cv-ph{position:absolute;left:5%;bottom:17%;display:flex;flex-direction:column;font:900 max(16px,7.4cqw)/.95 var(--f-b);letter-spacing:-.01em;text-transform:uppercase;max-width:72%}
.an-cv-ph b{font-weight:900}.an-cv-ph b:last-child{color:var(--acc)}
.an-cv-c{position:absolute;left:5%;bottom:7%;font:600 max(9px,2.3cqw)/1.2 var(--f-m);color:#cfc9bf}
.an-cv-l{position:absolute;right:4%;bottom:6%;font:600 max(8px,1.9cqw)/1 var(--f-m);color:#8e8a84}
.an-empty{background:var(--panel);border:1px dashed var(--line);border-radius:18px;padding:22px;color:var(--ink2)}
.an-pv{background:rgba(215,168,82,.1);border:1px solid rgba(215,168,82,.4);color:var(--amber);border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.anr{position:fixed;inset:0;z-index:80;background:rgba(5,5,6,.72);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) 12px 40px}
.anr-bx{width:100%;max-width:760px;background:#0f1113;border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media(prefers-reduced-motion:no-preference){.anr-bx{animation:anIn .28s ease-out}.an-grid .an-card{animation:anUp .4s ease-out both}}
@keyframes anIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes anUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.anr-top{position:sticky;top:0;z-index:3;display:flex;gap:8px;align-items:center;padding:10px 12px;background:rgba(15,17,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.anr-top .sp{flex:1}
.anr-top button,.anr-act button,.anr-act a{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:8px 13px;font:600 13px var(--f-b);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.anr-top button[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}
.anr-in{padding:18px 18px 26px}
@media(min-width:700px){.anr-in{padding:24px 30px 32px}}
.anr-in h2{font:800 clamp(24px,4.4vw,34px)/1.15 var(--f-b);margin:12px 0 10px;letter-spacing:-.01em}
.anr-tz{color:var(--ink2);font-size:17px;margin:0 0 14px}
.anr-dt{font:500 12.5px/1.7 var(--f-m);color:var(--mute);margin:0 0 16px}
.anr-dt b{color:var(--ink2);font-weight:600}
.anr-chg{border-left:3px solid var(--gain);background:rgba(91,207,159,.07);padding:10px 14px;border-radius:0 10px 10px 0;margin:0 0 16px;font-size:15px}
.anr-blk{margin:0 0 14px}
.anr-blk h4{margin:0 0 4px;font:700 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.anr-blk p{margin:0;font-size:16.5px;line-height:1.6}
.anr-act{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.anr-act .pri{background:var(--acc);color:#050506;border-color:var(--acc)}
.anr-deep{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}
.anr-deep p{font-size:16px;line-height:1.65;color:var(--ink2);margin:0 0 12px}
.anr-deep h4{margin:18px 0 8px;font:700 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.anr-deep ul{margin:0;padding-left:18px;color:var(--ink2);font-size:15px;line-height:1.55}
.anr-deep li{margin:0 0 6px}
.anr-deep sup a{color:var(--acc);text-decoration:none;font-weight:700}
.anr-imp{display:inline-block;font:700 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:5px;margin-right:6px;vertical-align:1px}
.anr-imp.c{background:rgba(91,207,159,.14);color:var(--gain)}.anr-imp.i{background:rgba(215,168,82,.14);color:var(--amber)}
.anr-src li a{color:var(--ink);word-break:break-word}
.anr-q{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px;color:var(--ink2);font-size:14px}
.anr-q button{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:6px 14px;color:var(--ink);cursor:pointer;font:600 13px var(--f-b)}
.anr-note{font-size:12.5px;color:var(--mute);margin-top:14px}
.an-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:#050506;padding:10px 16px;border-radius:99px;font:600 14px var(--f-b);z-index:90}
/* paid stories: label, logos on the cover, disclosure, advertised exchanges with our trust score */
.an-chip.ad{color:#050506;background:var(--acc);border-color:var(--acc)}
.an-cv-lg{position:absolute;left:5%;top:19%;display:flex;gap:1.4cqw}
.an-cv-lg img{width:max(22px,6.4cqw);height:max(22px,6.4cqw);border-radius:22%;background:#fff;object-fit:contain}
.anr-ad{border:1px solid var(--acc);background:rgba(255,103,0,.08);padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:15px;line-height:1.5}
.anr-pt{margin:20px 0}
.anr-pt ol{list-style:none;margin:8px 0 10px;padding:0;display:grid;gap:8px}
.anr-pt li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.anr-pt li>img{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:contain;flex:none}
.anr-pt-n{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.anr-pt-n a,.anr-pt-n small{font-size:14px;color:var(--ink2)}
.anr-pt-n a{text-decoration:underline;text-underline-offset:3px}
.anr-pt li .btn{flex:none;min-height:44px}

/* Styles of the ported blocks (War Room, liquidations, ETF, whales, on-chain, sessions, trades), scoped to .lg */
@keyframes glow{to{transform:translate(10vmax,8vmax) scale(1.15)}}
@keyframes tk{to{transform:translateX(-50%)}}
@keyframes markp{50%{transform:rotate(90deg) scale(.82)}}
@keyframes pulse{50%{transform:scale(1.8);opacity:.3}}
@keyframes chin{from{opacity:0;transform:translateY(.6em) rotate(6deg);filter:blur(14px)}}
@keyframes sheen{to{background-position:-200% 0}}
.lg .card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0;overflow:hidden;transition:border-color .2s,transform .25s}
.lg .card::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,103,0,.16),transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}
.lg .card:hover{border-color:#3a3a3c}
.lg .card:hover::before{opacity:1}
.lg .card h3{margin:0 0 6px;font:600 14px var(--f-b);color:var(--ink2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lg .big{font:800 clamp(34px,6vw,56px)/1 var(--f-b);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 4px}
.lg .big small{font-size:.38em;font-weight:600;color:var(--mute);letter-spacing:0}
.lg .note{margin:0;font-size:14px;color:var(--mute)}
.lg .up{color:var(--gain)}
.lg .dn{color:var(--loss)}
.lg .acc{color:var(--acc)}
.lg .amber{color:var(--amber)}
.lg .cool{color:var(--cool)}
.lg .mono{font-family:var(--f-m)}
@keyframes rev{from{opacity:.001;transform:translateY(28px);clip-path:inset(0 0 25% 0)}}
.lg .grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.lg .grid.w3{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
@keyframes dr{from{stroke-dashoffset:1}}
.lg .mv{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.lg .mv li{display:flex;align-items:center;gap:10px;font:600 14px var(--f-m)}
.lg .mv .bar2{flex:1;height:8px;border-radius:5px;background:var(--panel2);overflow:hidden}
.lg .mv .bar2 i{display:block;height:100%;border-radius:5px;animation:grow 1.2s cubic-bezier(.2,1,.3,1) both;transform-origin:left}
@keyframes grow{from{transform:scaleX(0)}}
@keyframes gauge{from{stroke-dasharray:0 100}}
.lg .eq{width:100%;height:auto;display:block}
.lg .eq .ln{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:dr 2s ease-out both}
.lg .stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin-top:12px}
.lg .stats div{background:var(--panel2);border-radius:12px;padding:12px}
.lg .stats small{display:flex;align-items:center;gap:6px;font:500 11px var(--f-m);color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.lg .stats b{display:block;font:800 26px var(--f-b);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}
.lg table.tr{width:100%;border-collapse:collapse;font:500 13.5px var(--f-m)}
.lg table.tr th{font-weight:500;color:var(--mute);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 6px}
.lg table.tr td{padding:9px 6px;border-top:1px solid var(--line)}
.lg table.tr td:last-child,.lg table.tr th:last-child{text-align:right}
.lg .empty{display:grid;place-items:center;text-align:center;gap:10px;padding:34px 16px;border:1.5px dashed #3a3a3c;border-radius:18px;color:var(--ink2)}
.lg .empty b{font:800 20px var(--f-b);color:var(--ink)}
.lg .empty .rad{width:54px;height:54px;border-radius:50%;border:2px solid var(--acc);position:relative}
.lg .empty .rad::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--acc);animation:ring 2s ease-out infinite}
@keyframes ring{from{transform:scale(1);opacity:.9}to{transform:scale(2);opacity:0}}
.lg .feed{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lg .feed li{display:flex;gap:12px;font-size:14px;padding:9px 12px;background:var(--panel2);border-radius:10px;border-left:3px solid var(--acc);animation:slide .6s both}
@keyframes slide{from{opacity:0;transform:translateX(-16px)}}
.lg .feed time{font:500 11.5px var(--f-m);color:var(--mute);white-space:nowrap;padding-top:2px}
.lg .hb{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 54px;gap:12px;align-items:center;padding:6px 0;font-size:14px}
@media(max-width:520px){.lg .hb{grid-template-columns:minmax(0,92px) minmax(0,1fr) 50px}}
.lg .hb .trc{height:16px;background:var(--panel2);border-radius:6px;overflow:hidden}
.lg .hb .trc i{display:block;height:100%;background:var(--cool);border-radius:6px;transform-origin:left;animation:grow 1.2s cubic-bezier(.2,1,.3,1) both}
.lg .hb.hl .trc i{background:var(--acc)}
.lg .hb b{font:500 13px var(--f-m);text-align:right}
.lg .warn{border:1px solid var(--amber);background:rgba(215,168,82,.07);border-radius:16px;padding:14px 16px;margin-top:14px;font-size:15px}
@keyframes scene{from{opacity:0;transform:scale(.97) translateY(20px);filter:blur(8px)}}
.lg .promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;padding:22px;border-radius:20px;border:1px solid rgba(194,166,66,.55);background:linear-gradient(115deg,rgba(194,166,66,.18),#090a0c 62%);overflow:hidden;margin:0 0 16px}
.lg .promo::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(236,234,231,.07) 50%,transparent 65%);transform:translateX(-120%);animation:promo 5s ease-in-out infinite;pointer-events:none}
@keyframes promo{60%,100%{transform:translateX(120%)}}
.lg .promo .wm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.lg .promo .wm img{display:block;height:clamp(44px,8vw,64px);width:auto}
.lg .promo .ad{font:600 10.5px var(--f-m);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--mute);padding:3px 9px;border-radius:99px}
.lg .promo h3{margin:0 0 6px;font:800 clamp(18px,3vw,24px)/1.15 var(--f-b);letter-spacing:-.02em;color:var(--ink);display:block}
.lg .promo p{margin:0;color:var(--ink2);max-width:58ch;font-size:15px}
.lg .promo .risk{margin-top:10px;font:500 11.5px var(--f-m);color:var(--mute)}
.lg .promo .cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;background:#c2a642;color:#050506;text-decoration:none;font:800 16px var(--f-b);padding:14px 26px;border-radius:14px;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.lg .promo .cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(194,166,66,.4)}
@media(max-width:620px){.lg .promo{grid-template-columns:minmax(0,1fr)}.lg .promo .cta{justify-content:center}}
.lg .bkh{font:700 14px var(--f-b);color:var(--mute);margin:0 0 10px}
.lg .sess{position:relative;height:150px;margin-top:8px}
.lg .fxcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
@media(max-width:700px){.lg .fxcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lg .fxc{background:#181b1f;border:1px solid var(--line);border-left:3px solid #3a3a3c;border-radius:12px;padding:10px 12px}
.lg .fxc.on{border-left-color:var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),#181b1f 70%)}
.lg .fxc-h{display:flex;justify-content:space-between;align-items:center;gap:2px 6px;font-size:14px;flex-wrap:wrap}
.lg .fxc-h b{white-space:nowrap}
.lg #fxs-b .sess .lb{color:var(--ink);text-shadow:0 1px 3px #050506}
.lg .fxc-st{font:700 10px var(--f-m);text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.lg .fxc.on .fxc-st{color:var(--c)}
.lg .fxc-t{font:700 22px var(--f-m);margin:4px 0 2px;font-variant-numeric:tabular-nums}
.lg .fxc-n{font-size:13px;color:var(--ink2)}
.lg .fxc-n b{color:var(--ink)}
.lg .fxc-l{font:500 11.5px var(--f-m);color:var(--mute);margin-top:3px}
.lg .sess .row{position:absolute;left:0;right:0;height:22px;background:#1e2227;border-radius:6px}
.lg .sess .row i{position:absolute;top:0;bottom:0;border-radius:6px;opacity:.85}
.lg .sess .lb{position:absolute;left:4px;top:3px;font:600 11px var(--f-m);color:#050506;z-index:1;white-space:nowrap}
.lg .sess .now{position:absolute;top:-4px;bottom:14px;width:2px;background:#eceae7;box-shadow:0 0 10px #eceae7;z-index:2}
.lg .sess .hr{position:absolute;bottom:0;font:10px var(--f-m);color:var(--mute);transform:translateX(-50%)}
.lg #etf .big,.lg #liq .big,.lg #whales .big{font-size:clamp(26px,4.4vw,40px)}
.lg .seg2{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;margin:0 0 14px}
.lg .seg2 button{background:none;border:0;padding:7px 16px;font:600 12px var(--f-m);color:var(--mute);cursor:pointer}
.lg .seg2 button[aria-pressed=true]{background:var(--acc);color:#050506}
.lg .cht{width:100%;height:auto;display:block}
.lg .mpi-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lg .mpi-row .big small{font-size:.4em;color:var(--mute);margin-left:2px}
.lg .wvs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 8px}
.lg .wvs div{background:var(--panel2);border-radius:12px;padding:10px}
.lg .wvs small{display:block;color:var(--mute);font-size:12px}
.lg .wvs b{font:800 24px var(--f-b);font-variant-numeric:tabular-nums}
.lg .wc-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 10px;align-items:end}
.lg .wc-f label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mute)}
.lg .wc-f input{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:500 15px var(--f-m);padding:8px 10px;min-width:0;width:100%}
.lg .wc-r{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.lg .wc-r b{font:600 14px var(--f-m);text-align:right}
.lg .wtbl{display:flex;flex-direction:column}
.lg .rpl{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr) 92px 58px 48px;gap:10px;align-items:center;padding:6px 0;font-size:14px}
.lg .rpl .trc{height:14px;background:var(--panel2);border-radius:6px;overflow:hidden}
.lg .rpl .trc i{display:block;height:100%;background:var(--cool);border-radius:6px;transform-origin:left;animation:grow 1.2s cubic-bezier(.2,1,.3,1) both}
.lg .rpl b,.lg .rpl>span:not(.s){font:500 13px var(--f-m);text-align:right}
.lg .rpl .bp{height:8px;background:var(--loss);border-radius:99px;overflow:hidden;display:block}
.lg .rpl .bp i{display:block;height:100%;background:var(--gain)}
@media(max-width:560px){.lg .rpl{grid-template-columns:minmax(0,84px) minmax(0,1fr) 84px 52px}.lg .rpl .bp{display:none}}
.lg .rpp{display:grid;grid-template-columns:70px minmax(0,1fr) 64px minmax(0,1fr) 92px minmax(0,1.2fr);gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
@media(max-width:560px){.lg .rpp{grid-template-columns:60px minmax(0,1fr) 60px minmax(0,1.2fr)}.lg .rpp>:nth-child(4),.lg .rpp>:nth-child(5){display:none}}
.lg .story-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.lg .wtr{display:grid;grid-template-columns:96px 52px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
@media(max-width:560px){.lg .wtr{grid-template-columns:88px 44px minmax(0,1fr) minmax(0,1fr)}.lg .wtr>:nth-child(5),.lg .wtr>small{display:none}}
.lg .cht .bar{transform-box:fill-box;transform-origin:50% 100%;animation:barg .9s cubic-bezier(.2,1,.3,1) both}
.lg .cht .bar.dnb{transform-origin:50% 0}
@keyframes barg{from{transform:scaleY(0)}}
.lg .cht text{font:500 11px var(--f-m);fill:#a1a1a6}
@keyframes tilein{from{opacity:0;transform:scale(.86)}}
.lg .skew{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--panel2);margin:8px 0 4px}
.lg .skew i{display:block;height:100%;transform-origin:left;animation:grow 1.2s cubic-bezier(.2,1,.3,1) both}
.lg .skew .s{background:var(--gain)}
.lg .skew .l{background:var(--loss)}
.lg .wmap{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#191c20 0%,#0d0e10 70%)}
.lg .wmap canvas{display:block;width:100%;height:clamp(340px,62vw,560px)}
.lg .wmap .wl{position:absolute;left:14px;bottom:12px;display:flex;gap:14px;flex-wrap:wrap;font:500 11.5px var(--f-m);color:var(--ink2);background:rgba(5,5,6,.55);padding:6px 10px;border-radius:10px}
.lg .wmap .wl i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.lg .wtx{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lg .wtx li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font:500 12.5px var(--f-m);padding:8px 10px;background:var(--panel2);border-radius:10px;border-left:3px solid var(--line)}
.lg .wtx li.in{border-left-color:var(--loss)}
.lg .wtx li.out{border-left-color:var(--gain)}
.lg .wtx b{font-weight:600}
.lg .wtx small{color:var(--mute)}
@media(max-width:640px){.lg #smBtn,.lg #smBtn+.i{display:none}.lg #coinGrid{grid-template-columns:1fr 1fr;gap:8px}.lg #coinGrid .coin{padding:11px;will-change:auto}.lg #coinGrid .coin .px{font-size:19px}.lg #coinGrid .coin .chip{display:none}.lg #coinGrid .coin .chg{font-size:11.5px;gap:6px;flex-wrap:wrap}.lg #coinGrid .coin svg{height:38px}.lg #coinGrid .coin .note{display:none}.lg .grid{gap:10px}.lg .card{padding:14px;border-radius:16px}.lg .big{font-size:clamp(26px,9vw,34px)}.lg .promo{padding:16px}.lg .wmap canvas{height:clamp(300px,92vw,420px)}.lg .seg2 button{min-height:36px}}
@media(hover:none){.lg .card::before{display:none}.lg .card:hover{transform:none}}
.lg .an-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.lg .an-bar button{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:7px 14px;font:600 13px var(--f-b);color:var(--ink2);cursor:pointer}
.lg .an-bar button[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#050506}
.lg .an-h{font:700 13px var(--f-m);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin:6px 0 10px}
.lg .an-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.lg .an-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.lg .an-card:hover{border-color:#48484a;transform:translateY(-2px)}
.lg .an-card>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;flex:1}
.lg .an-card>a:focus-visible{outline:2px solid var(--acc);outline-offset:-2px;border-radius:18px}
.lg .an-bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.lg .an-bd h3{margin:0;font:700 18px/1.3 var(--f-b);color:var(--ink)}
.lg .an-bd p{margin:0;color:var(--ink2);font-size:15px;line-height:1.5}
.lg .an-meta{margin-top:auto;font:500 12px var(--f-m);color:var(--mute);display:flex;gap:8px;flex-wrap:wrap}
.lg .an-chips{display:flex;gap:6px;flex-wrap:wrap}
.lg .an-chip{font:700 11px var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--panel2);color:var(--ink2);border:1px solid var(--line)}
.lg .an-chip.st{color:var(--amber);border-color:rgba(215,168,82,.35)}
.lg .an-chip.dr{color:#050506;background:var(--amber);border-color:var(--amber)}
.lg .an-chip.up{color:#050506;background:var(--gain);border-color:var(--gain)}
.lg .an-save{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid rgba(236,234,231,.18);background:rgba(5,5,6,.55);color:#eceae7;font-size:17px;cursor:pointer;display:grid;place-items:center}
.lg .an-save[aria-pressed=true]{color:var(--acc);border-color:var(--acc)}
.lg .an-cv{position:relative;aspect-ratio:16/9;background:radial-gradient(120% 90% at 85% 30%,#21252a 0,#14171a 55%,#0e0f11 100%);overflow:hidden;container-type:inline-size;color:#eceae7}
.lg .an-cv svg{position:absolute;right:-2%;top:6%;height:88%;width:auto}
.lg .an-cv-top{position:absolute;left:5%;top:7%;display:flex;gap:6px;align-items:center;font:800 max(9px,2.6cqw)/1 var(--f-b);letter-spacing:.04em}
.lg .an-cv-top i{font-style:normal;color:var(--acc)}
.lg .an-cv-rub{background:var(--acc);color:#050506;padding:.35em .6em;border-radius:.3em;font:800 max(8px,2.2cqw)/1 var(--f-b);letter-spacing:.06em}
.lg .an-cv-ph{position:absolute;left:5%;bottom:17%;display:flex;flex-direction:column;font:900 max(16px,7.4cqw)/.95 var(--f-b);letter-spacing:-.01em;text-transform:uppercase;max-width:72%}
.lg .an-cv-ph b{font-weight:900}
.lg .an-cv-ph b:last-child{color:var(--acc)}
.lg .an-cv-c{position:absolute;left:5%;bottom:7%;font:600 max(9px,2.3cqw)/1.2 var(--f-m);color:#cfc9bf}
.lg .an-cv-l{position:absolute;right:4%;bottom:6%;font:600 max(8px,1.9cqw)/1 var(--f-m);color:#8e8a84}
.lg .an-empty{background:var(--panel);border:1px dashed var(--line);border-radius:18px;padding:22px;color:var(--ink2)}
.lg .an-pv{background:rgba(215,168,82,.1);border:1px solid rgba(215,168,82,.4);color:var(--amber);border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.lg .anr{position:fixed;inset:0;z-index:200;background:rgba(5,5,6,.72);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:max(12px,env(safe-area-inset-top)) 12px 40px}
.lg .anr-bx{width:100%;max-width:760px;background:#0f1113;border:1px solid var(--line);border-radius:22px;overflow:hidden}
@media(prefers-reduced-motion:no-preference){.lg .anr-bx{animation:anIn .28s ease-out}.lg .an-grid .an-card{animation:anUp .4s ease-out both}}
@keyframes anIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes anUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lg .anr-top{position:sticky;top:0;z-index:3;display:flex;gap:8px;align-items:center;padding:10px 12px;background:rgba(15,17,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.lg .anr-top .sp{flex:1}
.lg .anr-top button{white-space:nowrap}
@media(max-width:420px){.lg .anr-top button{padding:8px 11px}.lg .anr-top .anr-lb{display:none}}
.lg .anr-top button,.lg .anr-act button,.lg .anr-act a{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:8px 13px;font:600 13px var(--f-b);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.lg .anr-top button[aria-pressed=true]{border-color:var(--acc);color:var(--acc)}
.lg .anr-in{padding:18px 18px 26px}
@media(min-width:700px){.lg .anr-in{padding:24px 30px 32px}}
.lg .anr-in h2{font:800 clamp(24px,4.4vw,34px)/1.15 var(--f-b);margin:12px 0 10px;letter-spacing:-.01em}
.lg .anr-tz{color:var(--ink2);font-size:17px;margin:0 0 14px}
.lg .anr-dt{font:500 12.5px/1.7 var(--f-m);color:var(--mute);margin:0 0 16px}
.lg .anr-dt b{color:var(--ink2);font-weight:600}
.lg .anr-chg{border-left:3px solid var(--gain);background:rgba(91,207,159,.07);padding:10px 14px;border-radius:0 10px 10px 0;margin:0 0 16px;font-size:15px}
.lg .anr-blk{margin:0 0 14px}
.lg .anr-blk h4{margin:0 0 4px;font:700 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.lg .anr-blk p{margin:0;font-size:16.5px;line-height:1.6}
.lg .anr-act{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.lg .anr-act .pri{background:var(--acc);color:#050506;border-color:var(--acc)}
.lg .anr-deep{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}
.lg .anr-deep p{font-size:16px;line-height:1.65;color:var(--ink2);margin:0 0 12px}
.lg .anr-deep h4{margin:18px 0 8px;font:700 12px var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2)}
.lg .anr-deep ul{margin:0;padding-left:18px;color:var(--ink2);font-size:15px;line-height:1.55}
.lg .anr-deep li{margin:0 0 6px}
.lg .anr-deep sup a{color:var(--acc);text-decoration:none;font-weight:700}
.lg .anr-imp{display:inline-block;font:700 10.5px var(--f-m);text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:5px;margin-right:6px;vertical-align:1px}
.lg .anr-imp.c{background:rgba(91,207,159,.14);color:var(--gain)}
.lg .anr-imp.i{background:rgba(215,168,82,.14);color:var(--amber)}
.lg .anr-src li a{color:var(--ink);word-break:break-word}
.lg .anr-q{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px;color:var(--ink2);font-size:14px}
.lg .anr-q button{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:6px 14px;color:var(--ink);cursor:pointer;font:600 13px var(--f-b)}
.lg .anr-note{font-size:12.5px;color:var(--mute);margin-top:14px}
.lg .an-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:#050506;padding:10px 16px;border-radius:99px;font:600 14px var(--f-b);z-index:260}
.lg <style id="v2css">
.vd{display:inline-block;font:700 11px var(--f-m);letter-spacing:.04em;padding:3px 10px;border-radius:99px;border:1px solid var(--line);margin:2px 0 6px}
.lg .vd.up{color:var(--gain);border-color:var(--gain)}
.lg .vd.dn{color:var(--loss);border-color:var(--loss)}
.lg .vd.mid{color:var(--amber);border-color:var(--amber)}
.lg .oc .big{font-size:clamp(26px,4.2vw,38px)}
.lg .oc .spark{height:44px;margin-top:6px}
.lg .mute{color:var(--mute);font:500 10.5px var(--f-m)}
.lg .hb.sm2{padding:4px 0}
.lg .meter2{position:relative;height:12px;background:var(--panel2);border-radius:99px;margin:12px 0 10px;overflow:visible}
.lg .meter2 i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cool),var(--acc));transform-origin:left;animation:grow 1.4s cubic-bezier(.2,1,.3,1) both}
.lg .meter2 b{position:absolute;top:-4px;width:2px;height:20px;background:var(--ink)}
.lg .fdl{display:grid;gap:2px}
.lg .fd{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline;padding:10px 4px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);animation:slide .6s both;transition:background .15s}
.lg .fd:first-child{border-top:0}
.lg .fd:hover{background:var(--panel2)}
.lg .fd .fdt{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.lg .fd small{grid-column:2;font:500 11.5px var(--f-m);color:var(--mute)}
.lg .liqx .lxsvg{width:100%;height:auto;display:block;margin:6px 0}
.lg .liqx .lxp{stroke-dasharray:1;animation:lxd 10s ease-in-out infinite}
@keyframes lxd{0%{stroke-dashoffset:1}55%,100%{stroke-dashoffset:0}}
.lg .liqx .lxb{transform-box:fill-box;transform-origin:center;animation:lxb 10s ease-out infinite;opacity:0}
@keyframes lxb{0%,30%{opacity:0;transform:scale(.2)}38%{opacity:1;transform:scale(1.6)}48%,100%{opacity:1;transform:scale(1)}}
.lg .liqx .lxs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:8px}
.lg .liqx .lxst{display:flex;gap:10px;align-items:flex-start;background:var(--panel2);border-radius:12px;padding:10px;border:1px solid transparent;animation:lxh 10s ease-in-out infinite}
@keyframes lxh{0%,22%,100%{border-color:transparent}6%,16%{border-color:var(--acc);box-shadow:0 0 18px rgba(255,103,0,.25)}}
.lg .liqx .lxst b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#050506;display:grid;place-items:center;font:800 13px var(--f-b)}
.lg .liqx .lxst strong{display:block;font-size:14px}
.lg .liqx .lxst span{display:block;font-size:13px;color:var(--ink2);line-height:1.4}
@media(prefers-reduced-motion:reduce){.lg .liqx .lxb{opacity:1}.lg .liqx .lxp{stroke-dashoffset:0}}
/* futures fee calculator */
.lg .fc{display:grid;gap:12px}
.lg .fc-ex{display:flex;flex-wrap:wrap;gap:6px}
.lg .fc-ex button{background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:8px 14px;min-height:38px;font:600 13px var(--f-m);color:var(--ink2);cursor:pointer}
.lg .fc-ex button[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#050506}
.lg .fc-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.lg .fc-row .seg2{margin:0}
.lg .fc-l{font-size:12px;color:var(--mute)}
.lg .fc-f{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.lg .fc-out{display:grid;gap:10px;min-width:0}
.lg .fc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.lg .fc .wc-r span{min-width:0}
.lg .fc .wc-r small{display:block;font-size:11.5px;margin-top:2px}
.lg .fc .wc-r b{white-space:nowrap}
.lg .fc-tot{font-size:15px}
.lg .fc-tot b{color:var(--acc)}
.lg .fc .warn{color:var(--amber,#d7a852);font-size:13px;margin:0}
.lg .fc-h{margin:8px 0 0;font:700 14px var(--f-b)}
.lg .fc-tbl{display:grid;font-size:13.5px}
.lg .fc-tr{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-bottom:1px solid var(--line)}
.lg .fc-tr.on{background:var(--panel2);border-radius:10px}
.lg .fc-th{font-size:11.5px;color:var(--mute);padding-top:0}
.lg .fc-tr .lnk{padding:0;color:var(--ink);font:600 13.5px var(--f-b);text-decoration:none}
.lg .fc-tr b{font-family:var(--f-m)}
.lg .fc-best{color:var(--gain);font-size:11px;white-space:nowrap}
.lg .fc-tr .btn.sm{min-height:34px;padding:5px 12px}
.lg .fc-src a{color:var(--ink2)}
@media(max-width:860px){.lg .fc-cols{grid-template-columns:minmax(0,1fr)}.lg .fc-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lg .fc-tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;row-gap:2px}.lg .fc-tr>span:nth-child(2){display:none}.lg .fc-tr>span:nth-child(4){grid-column:1/3;grid-row:2;font-size:12px;color:var(--mute)}.lg .fc-tr>span:nth-child(5){grid-row:1/3;grid-column:3}.lg .fc-th>span:nth-child(4){display:none}}

/* generated light overrides */
:root[data-theme=light] .ticker{background:#f3f3f4}
:root[data-theme=light] .hdr{background:rgba(247,247,248,0.82)}
:root[data-theme=light] .btn:hover{border-color:#b4b4b4}
:root[data-theme=light] .card:hover{border-color:#aeaeae}
:root[data-theme=light] .tile:hover{background:#fafbfb;box-shadow:0 14px 30px -22px rgba(0,0,0,0.21)}
:root[data-theme=light] .fchips a[aria-current],:root[data-theme=light] .fchips button[aria-pressed=true]{color:var(--bg)}
:root[data-theme=light] .chain{background:linear-gradient(180deg,#fafafa,#f8f8f9)}
:root[data-theme=light] .st-tabs button[aria-selected=true]{color:var(--bg)}
:root[data-theme=light] .world{background:linear-gradient(160deg,#fbfbfb,#f8f9f9)}
:root[data-theme=light] .popc:hover,:root[data-theme=light] .popc:focus-visible{box-shadow:0 18px 40px -24px rgba(5,5,6,0.315),0 0 0 1px rgba(255,103,0,.25)}
:root[data-theme=light] .popc .pop-ic{background:var(--panel2,#fcfcfc)}
:root[data-theme=light] .window{background:linear-gradient(180deg,#fafafb,#f8f9f9)}
:root[data-theme=light] .fcard{background:linear-gradient(180deg,#fafbfb,#f8f9f9)}
:root[data-theme=light] .ctip{background:#f3f3f4}
:root[data-theme=light] .idea-img{background:#f8f8f9}
:root[data-theme=light] .idea-play{background:rgba(247,247,248,0.82);color:#23201c}
:root[data-theme=light] .idea-img:hover .idea-play,:root[data-theme=light] .idea-img:focus-visible .idea-play{color:#f8f8f9}
:root[data-theme=light] .idea-emb{background:#f8f8f9}
:root[data-theme=light] input[type=number],:root[data-theme=light] input[type=email],:root[data-theme=light] input[type=text]{background:#f8f8f9}
:root[data-theme=light] .calc select{background:#f8f8f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center}
:root[data-theme=light] .om-wrap{background:radial-gradient(ellipse at 60% 40%,#fbfcfc,#f8f8f9)}
:root[data-theme=light] .omap .sea{fill:#dee1e6}
:root[data-theme=light] .omap .cn{fill:#bfc3ca;stroke:#a0a7af}
:root[data-theme=light] .omap .cn:hover{fill:#abb1ba}
:root[data-theme=light] .omap .cn.on{fill:#c9c2b7}
:root[data-theme=light] .omap[data-layer=prod] .cn.on,:root[data-theme=light] .omap[data-layer=res] .cn.on{stroke:#23201c}
:root[data-theme=light] .omap[data-layer=res] .cn[data-r="1"]{fill:#c8ced6}
:root[data-theme=light] .omap .cp-dot{stroke:#eeeff0}
:root[data-theme=light] .omap .cp text{stroke:#eaecef}
:root[data-theme=light] .om-leg i{background:#fefefe}
:root[data-theme=light] .om-leg-res .b1{background:#fdfdfd}
:root[data-theme=light] .oc-k{background:rgba(35,32,28,0.03)}
:root[data-theme=light] .trade{background:linear-gradient(135deg,#fbfbfb,#f8f8f9)}
:root[data-theme=light] .pbadge{background:#f8f8f9}
:root[data-theme=light] .pbadge img,:root[data-theme=light] .pbadge>b{background:#f3f3f4}
:root[data-theme=light] .kcard::after{background:linear-gradient(115deg,transparent 35%,rgba(35,32,28,0.14) 50%,transparent 65%)}
:root[data-theme=light] .modal{background:rgba(40,34,28,0.297)}
:root[data-theme=light] .mbox{background:#f9f9fa}
:root[data-theme=light] .toast{color:var(--bg)}
:root[data-theme=light] .srch{background:rgba(40,34,28,0.315)}
:root[data-theme=light] .srch-b{background:#f9f9fa}
:root[data-theme=light] .gsheet{background:#f9f9fa;box-shadow:0 -20px 60px rgba(5,5,6,0.21)}
:root[data-theme=light] .scrim{background:rgba(40,34,28,0.203)}
:root[data-theme=light] .actbar{background:rgba(247,247,248,0.92)}
:root[data-theme=light] .ftr{background:#f3f3f4}
:root[data-theme=light] .tw-x{background:#f3f3f4;color:#23201c}
:root[data-theme=light] .tw-v{color:#23201c}
:root[data-theme=light] .tw-a{background:var(--panel2,#fcfcfc)}
@media(max-width:1023px){:root[data-theme=light] .hdr{background:rgba(247,247,248,0.97)}
:root[data-theme=light] .actbar{background:rgba(247,247,248,0.97)}
}
:root[data-theme=light] .tgl{background:#fefefe}
:root[data-theme=light] .tgl[aria-checked=true] i{background:#f3f3f4}
:root[data-theme=light] .onb-sw[aria-checked=true] .tgl i{background:#f3f3f4}
:root[data-theme=light] .btn.oa{background:#23201c;color:#f9fafa;border:1px solid #23201c}
:root[data-theme=light] .btn.oa[data-oauth=apple]{background:#f3f3f4;color:#23201c}
:root[data-theme=light] .me-tabs button[aria-selected=true]{color:var(--bg)}
:root[data-theme=light] .auth-tabs button[aria-selected=true]{color:var(--bg)}
:root[data-theme=light] .ur:hover{background:rgba(35,32,28,0.02)}
:root[data-theme=light] .ur.open{background:#fafbfb}
:root[data-theme=light] .ud dl div{background:var(--bg,#f8f8f9)}
:root[data-theme=light] .lsw-m{box-shadow:0 12px 32px rgba(0,0,0,0.158)}
:root[data-theme=light] .thm-t i:first-child{color:#1a1a1a}
:root[data-theme=light] .wall-b{box-shadow:0 30px 60px -30px rgba(0,0,0,0.175)}
:root[data-theme=light] .wall-note{box-shadow:0 20px 40px -20px rgba(0,0,0,0.21)}
:root[data-theme=light] .cr-you{color:#1a1a1a}
:root[data-theme=light] .cr-fix,:root[data-theme=light] .cr-undo{color:#1a1a1a}
:root[data-theme=light] .cr-vote{color:#1a1a1a}
:root[data-theme=light] .cr-you{color:#f8f8f9}
:root[data-theme=light] .tw-v{color:#1a1a1a}
:root[data-theme=light] .tabbar{background:rgba(247,247,248,0.97)}
:root[data-theme=light] .actbar{background:linear-gradient(rgba(40,34,28,0),rgba(247,247,248,0.97) 35%)}
:root[data-theme=light] .an-cv{background:radial-gradient(120% 90% at 85% 30%,#fdfefe 0,#fafafa 55%,#f8f8f8 100%);color:#23201c}
:root[data-theme=light] .an-cv-c{color:#4c4539}
:root[data-theme=light] .an-cv-l{color:#86817b}
:root[data-theme=light] .anr{background:rgba(40,34,28,0.324)}
:root[data-theme=light] .anr-bx{background:#f8f8f9}
:root[data-theme=light] .anr-top{background:rgba(248,248,249,0.92)}
:root[data-theme=light] .an-toast{color:var(--bg)}
:root[data-theme=light] .an-cv-lg img{background:#1a1a1a}
:root[data-theme=light] .anr-pt li>img{background:#1a1a1a}
:root[data-theme=light] .lg .card:hover{border-color:#a9a9aa}
:root[data-theme=light] .lg .empty{border:1.5px dashed #a9a9aa}
:root[data-theme=light] .lg .promo{background:linear-gradient(115deg,rgba(194,166,66,.18),#f3f3f4 62%)}
:root[data-theme=light] .lg .promo::after{background:linear-gradient(110deg,transparent 35%,rgba(35,32,28,0.07) 50%,transparent 65%)}
:root[data-theme=light] .lg .fxc{background:#fbfbfb;border-left:3px solid #a9a9aa}
:root[data-theme=light] .lg .fxc.on{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),#fbfbfb 70%)}
:root[data-theme=light] .lg #fxs-b .sess .lb{text-shadow:0 1px 3px rgba(5,5,6,0.35)}
:root[data-theme=light] .lg .sess .row{background:#fdfdfd}
:root[data-theme=light] .lg .sess .now{background:#23201c}
:root[data-theme=light] .lg .cht text{fill:#636368}
:root[data-theme=light] .lg .wmap{background:radial-gradient(ellipse at 50% 50%,#fbfbfc 0%,#f7f8f8 70%)}
:root[data-theme=light] .lg .wmap .wl{background:rgba(40,34,28,0.248)}
:root[data-theme=light] .lg .an-cv{background:radial-gradient(120% 90% at 85% 30%,#fdfefe 0,#fafafa 55%,#f8f8f8 100%);color:#23201c}
:root[data-theme=light] .lg .an-cv-c{color:#4c4539}
:root[data-theme=light] .lg .an-cv-l{color:#86817b}
:root[data-theme=light] .lg .anr{background:rgba(40,34,28,0.324)}
:root[data-theme=light] .lg .anr-bx{background:#f8f8f9}
:root[data-theme=light] .lg .anr-top{background:rgba(248,248,249,0.92)}
:root[data-theme=light] .lg .an-toast{color:var(--bg)}