/* ══════════ from app/index.html line 97 ══════════ */
@view-transition{navigation:auto;}/* smooth crossfade between page navigations on supported browsers (progressive enhancement) */
:root{--bg:#0a0b0d;--bg-grain:#0d0f12;--panel:#111419;--panel-2:#161a21;--line:#232932;--line-bright:#2f3742;--ink:#e9e7df;--ink-dim:#9aa3ad;--ink-faint:#5c656f;--lime:#ffffff;--lime-deep:#cfd3d8;--up:#2ebd85;--red:#ff6258;--amber:#ffb347;--r:14px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:74px;touch-action:manipulation;background:#0a0b0d;}
body{background:var(--bg);color:var(--ink);font-family:'Familjen Grotesk',sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden;}
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.aurora::before,.aurora::after{content:'';position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);opacity:.05;}
.aurora::before{background:var(--lime);top:-12vw;left:-8vw;animation:drift1 24s ease-in-out infinite;}
.aurora::after{background:#ffffff;bottom:-16vw;right:-10vw;animation:drift2 30s ease-in-out infinite;}
@keyframes drift1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(12vw,7vw) scale(1.15);}}
@keyframes drift2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-10vw,-6vw) scale(1.1);}}
/* live animated candlestick background */
.bgchart{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 32%,#000 100%);}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 0%,transparent 70%);opacity:.30;pointer-events:none;z-index:0;}
.wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:0 24px;}
/* installed PWA (home-screen app): keep content clear of the iOS status bar / notch */
/* notch handling lives ONLY on the sticky header (below) — adding it to the body too double-counted the inset and made the header look oversized in the installed PWA */
/* ---- install (add to home screen) prompt ---- */
.pwa-banner{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;gap:12px;background:rgba(17,20,25,.94);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--line-bright);border-radius:16px;padding:12px 14px;box-shadow:0 16px 50px rgba(0,0,0,.6);animation:pwaUp .4s cubic-bezier(.2,.7,.2,1);}
@keyframes pwaUp{from{transform:translateY(24px);opacity:0;}to{transform:none;opacity:1;}}
@media (max-width:720px){ .pwa-banner{ bottom:calc(72px + env(safe-area-inset-bottom)); } }
.pwa-banner[hidden],.pwa-sheet[hidden]{display:none;}
.pwa-ic{width:46px;height:46px;border-radius:11px;flex-shrink:0;}
.pwa-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}
.pwa-txt strong{font-size:15px;color:var(--ink);}
.pwa-txt span{font-size:12.5px;color:var(--ink-dim);line-height:1.35;}
.pwa-act{flex-shrink:0;background:#fff;color:#0a0b0d;font-family:'Space Mono',monospace;font-weight:700;font-size:13px;border:none;padding:10px 15px;border-radius:10px;cursor:pointer;}
.pwa-x{flex-shrink:0;background:none;border:none;color:var(--ink-faint);font-size:15px;cursor:pointer;padding:4px 6px;line-height:1;}
.pwa-x:hover{color:#fff;}
.pwa-sheet{position:fixed;inset:0;z-index:95;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;}
.pwa-sheet-card{position:relative;background:linear-gradient(180deg,#161a21,#0d0f12);border:1px solid var(--line-bright);border-radius:22px 22px 0 0;padding:28px 24px calc(34px + env(safe-area-inset-bottom));width:100%;max-width:460px;animation:pwaUp .35s cubic-bezier(.2,.7,.2,1);}
.pwa-ic-lg{width:62px;height:62px;border-radius:15px;display:block;margin-bottom:14px;}
.pwa-sheet-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:21px;font-weight:600;margin-bottom:18px;color:var(--ink);}
.pwa-sheet-card .pwa-x{position:absolute;top:16px;right:16px;font-size:17px;}
.pwa-steps{list-style:none;display:flex;flex-direction:column;gap:15px;counter-reset:s;padding:0;margin:0;}
.pwa-steps li{counter-increment:s;display:flex;align-items:center;gap:13px;font-size:14.5px;color:var(--ink-dim);line-height:1.4;}
.pwa-steps li::before{content:counter(s);flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--up);color:#04150d;font-family:'Space Mono',monospace;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;}
.pwa-steps strong{color:var(--ink);}
.pwa-steps svg{vertical-align:middle;margin:0 2px;}
header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:26px 0 20px;border-bottom:1px solid var(--line);animation:fade .7s ease both;flex-wrap:wrap;}
.brand{display:flex;align-items:baseline;gap:10px;}
.brand .mark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.04em;transition:letter-spacing .25s ease;cursor:pointer;color:var(--ink);text-decoration:none;}
.brand .mark:hover{letter-spacing:-.02em;}
.brand .mark b{color:#c2f64a;}
.brand .tag{font-family:'Space Mono',monospace;font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.18em;}
.hnav{display:flex;align-items:center;gap:3px;}
.hlink{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);text-decoration:none;background:transparent;border:none;cursor:pointer;padding:7px 9px;border-radius:9px;transition:.15s;}
.hlink:hover{color:#fff;background:rgba(255,255,255,.07);}
.hlink svg{flex-shrink:0;}
.hbot{color:#7cc4ff;}
.hbot:hover{color:#bfe0ff;background:rgba(124,196,255,.12);}
.hrwd{color:#c2f64a;}
.hrwd:hover{color:#d4f87a;background:rgba(194,246,74,.12);}
.hchat{color:var(--up);}
.hchat:hover{color:#62e6a8;background:rgba(46,189,133,.13);}
.lang{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--ink-dim);background:var(--bg);border:1px solid var(--line-bright);border-radius:8px;padding:7px 9px;cursor:pointer;outline:none;transition:.15s;max-width:140px;}
.lang:hover{border-color:var(--ink-faint);color:var(--ink);}
.pill{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--lime-deep);border:1px solid var(--line-bright);padding:6px 12px;border-radius:100px;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease;}
.pill:hover{transform:translateY(-1px);border-color:var(--lime-deep);}
.pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;vertical-align:middle;animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.5);}50%{opacity:.5;box-shadow:0 0 0 5px rgba(255,255,255,0);}}
.hero{padding:58px 0 36px;}
.hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.045em;line-height:.98;font-size:clamp(36px,6.6vw,72px);animation:rise .8s cubic-bezier(.2,.7,.2,1) .05s both;}
.hero h1 em{font-style:normal;color:var(--lime);background:linear-gradient(100deg,var(--lime) 25%,#b9c1ca 50%,var(--lime) 75%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4.5s linear infinite;}
@keyframes shimmer{to{background-position:-220% center;}}
.hero .sub{margin-top:20px;max-width:600px;color:var(--ink-dim);font-size:18px;animation:rise .8s cubic-bezier(.2,.7,.2,1) .15s both;}
.hero .meta{display:none;}/* removed per request — was the real-time/calculators/free/isolated pills */
.hero .meta>span{display:inline-flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:20px;padding:7px 14px;transition:border-color .18s;}
.hero .meta>span:hover{border-color:var(--ink-faint);}
.hero .meta b{color:#c2f64a;font-weight:700;}
/* ---- 3 main products switcher ---- */
.prodnav{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:9px;margin:20px 0 0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .25s both;}
.prod{display:flex;align-items:center;gap:11px;text-align:left;background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:14px;padding:14px 15px;cursor:pointer;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s;color:var(--ink);text-decoration:none;line-height:1.2;}
.prod-rekt .pi{color:#ff7b72;}
.prod-soon{opacity:.5;cursor:not-allowed;}
.prod-soon:hover{transform:none;border-color:var(--line-bright);box-shadow:none;}
.pnew-soon{background:#2a313b!important;color:#9aa3ad!important;animation:none!important;box-shadow:none!important;}
.pnew-live{background:#ff6258!important;color:#fff!important;animation:none!important;box-shadow:none!important;}
.prod:hover{border-color:var(--ink-faint);transform:translateY(-2px);}
.prod.active{border-color:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 16px 44px -20px rgba(255,255,255,.45);}
.prod .pi{line-height:1;flex-shrink:0;color:var(--ink-dim);display:flex;}
.prod .pi svg{width:22px;height:22px;display:block;}
.prod.active .pi{color:#fff;}
.prod .pt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.prod .pt b{font-family:'Bricolage Grotesque',sans-serif;font-size:14.5px;font-weight:600;white-space:nowrap;}
.prod .pt small{color:var(--ink-faint);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prod .pnew{position:absolute;top:-7px;right:12px;background:#c2f64a;color:#0a0b0d;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 6px;border-radius:6px;letter-spacing:.05em;}
@media (max-width:680px){
.prodnav{gap:6px;grid-template-columns:repeat(2,1fr);}
.prod-soon{display:none!important;}
.prod{flex-direction:column;align-items:center;text-align:center;gap:5px;padding:11px 5px;border-radius:11px;}
.prod .pt b{font-size:10.5px;white-space:normal;line-height:1.15;}
.prod .pt small{display:none;}
.prod .pi svg{width:18px;height:18px;}
.prod .pnew{right:5px;top:-6px;font-size:8px;padding:1px 4px;}
}
/* ---- liquidation heatmap ---- */
.heatwrap{margin-top:17px;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-grain) 100%);border:1px solid var(--line-bright);border-radius:var(--r);padding:18px;animation:panelIn .45s cubic-bezier(.2,.7,.2,1) both;}
.heat-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.heat-src{display:flex;align-items:center;gap:9px;margin:-4px 0 14px;padding:9px 13px;border:1px solid rgba(46,189,133,.28);background:linear-gradient(180deg,rgba(46,189,133,.08),rgba(46,189,133,.02));border-radius:11px;font-family:'Familjen Grotesk',sans-serif;font-size:13px;color:var(--ink-dim);line-height:1.4;}
.heat-src b{color:#34d99a;font-weight:700;}
.heat-src-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#2ebd85;box-shadow:0 0 0 0 rgba(46,189,133,.6);animation:pulse 1.8s ease-in-out infinite;}
@media(max-width:560px){.heat-src{font-size:11.5px;padding:8px 11px;}}
.heat-coin{background:var(--bg);border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:15px;font-weight:700;padding:9px 12px;border-radius:10px;cursor:pointer;outline:none;}
.heat-coin option{background:var(--panel);color:var(--ink);}
.heat-px{font-family:'Space Mono',monospace;font-size:18px;color:var(--ink);}
.heat-px small{color:var(--ink-faint);font-size:12px;}
.heat-act{margin-left:auto;display:flex;gap:8px;}
.heat-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:13px;padding:9px 14px;border-radius:10px;cursor:pointer;transition:.15s;}
.heat-btn:hover{background:rgba(255,255,255,.14);border-color:var(--ink-faint);}
.heat-stage{position:relative;width:100%;margin:0 auto;}
#heatChart{width:100%;height:clamp(400px,60vh,580px);}
.heat-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(320px,46vh,440px);padding:30px 24px;gap:6px;}
.heat-soon-i{color:#ff7b72;opacity:.9;margin-bottom:6px;}
.heat-soon h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:21px;margin:0;color:var(--ink);}
.heat-soon p{color:var(--ink-dim);font-size:14px;max-width:440px;margin:6px 0 0;line-height:1.55;}
.heat-soon a{color:var(--lime);}
.heat-err{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ink-faint);font-family:'Space Mono',monospace;font-size:14px;}
/* ---- live liquidation layer ---- */
.heat-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px;flex-wrap:wrap;}
.heat-wins{display:inline-flex;gap:3px;background:var(--bg);border:1px solid var(--line-bright);border-radius:10px;padding:3px;}
.heat-win{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink-dim);background:none;border:none;border-radius:7px;padding:6px 13px;cursor:pointer;transition:.12s;}
.heat-win:hover{color:var(--ink);}
.heat-win.active{background:rgba(255,255,255,.12);color:#fff;}
.heat-toggle{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);background:var(--bg);border:1px solid var(--line-bright);border-radius:9px;padding:7px 13px;cursor:pointer;transition:.12s;}
.heat-toggle:hover{color:var(--ink-dim);border-color:var(--ink-faint);}
.heat-toggle.active{color:#c2f64a;border-color:rgba(194,246,74,.5);}
.heat-layers{display:inline-flex;gap:3px;background:var(--bg);border:1px solid var(--line-bright);border-radius:10px;padding:3px;}
.heat-lyr{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.03em;color:var(--ink-faint);background:none;border:none;border-radius:7px;padding:6px 11px;cursor:pointer;transition:.12s;white-space:nowrap;}
.heat-lyr:hover{color:var(--ink-dim);}
.heat-lyr.active{background:rgba(255,255,255,.1);color:#fff;}
.heat-ctrl2{margin-top:9px;}
.heat-levlbl{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);white-space:nowrap;}
.heat-side.active[data-side="long"]{background:rgba(255,92,92,.22);color:#ff8f8f;}
.heat-side.active[data-side="short"]{background:rgba(46,211,154,.22);color:#7cecc0;}
.heat-lev.active{background:rgba(194,246,74,.15);color:#d6f78a;}
.heat-disc{font-size:11.5px;color:var(--ink-faint);line-height:1.55;margin:9px 0 0;}
.heat-disc b{color:var(--ink-dim);font-weight:700;}
.heat-stats{flex:1;text-align:center;font-family:'Space Mono',monospace;font-size:12.5px;color:var(--ink-dim);letter-spacing:.02em;white-space:nowrap;}
.heat-stats b{color:#fff;font-weight:700;}
.heat-stats .hs-quiet{color:var(--ink-faint);}
/* ---- global floating live-liquidation feed (left side, semi-transparent B&W) ---- */
.lqfeed{position:fixed;left:18px;bottom:58px;z-index:85;display:flex;flex-direction:column;gap:7px;pointer-events:none;width:212px;}
.lqf-card{background:rgba(8,9,11,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.13);border-radius:11px;padding:9px 12px;font-family:'Space Mono',monospace;color:#e9e7df;opacity:0;transform:translateX(-16px);transition:opacity .5s ease,transform .5s ease;box-shadow:0 10px 26px -14px rgba(0,0,0,.8);}
.lqf-card.in{opacity:.9;transform:none;}
.lqf-card.out{opacity:0;transform:translateX(-16px);}
.lqf-r{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.lqf-s{font-size:9.5px;letter-spacing:.12em;font-weight:700;color:#aab0b8;}
.lqf-a{font-size:15px;font-weight:700;color:#fff;}
.lqf-m{font-size:10.5px;color:#7a828c;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(prefers-reduced-motion:reduce){.lqf-card{transition:opacity .3s;}}
body:not([data-prod="heat"]) .lqfeed{display:none!important;}
@media(max-width:760px){.lqfeed{display:none;}}
@media(max-width:680px){.heat-stats{order:3;flex-basis:100%;text-align:left;margin-top:2px;}}
@media(max-width:560px){.heat-lyr{padding:6px 8px;font-size:10px;}}
.heat-ovl{position:absolute;inset:0;pointer-events:none;z-index:2;}
.heat-tip{position:absolute;z-index:6;pointer-events:none;display:none;background:#0d1117;border:1px solid var(--line-bright);border-radius:9px;padding:8px 11px;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink);box-shadow:0 12px 30px -12px rgba(0,0,0,.85);max-width:210px;}
.heat-legend{position:absolute;top:7px;left:10px;z-index:5;display:flex;gap:13px;font-family:'Space Mono',monospace;font-size:10px;color:var(--ink-faint);pointer-events:none;opacity:.92;}
.heat-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:middle;margin-right:5px;}
.heat-legend .lg-s{background:rgba(46,211,154,.72);}
.heat-legend .lg-l{background:rgba(255,92,92,.72);}
@media(max-width:560px){.heat-legend{font-size:9px;gap:9px;}}
.heat-tip b{display:block;font-size:10.5px;color:var(--ink-dim);margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em;}
.heat-tip small{display:block;color:var(--ink-faint);font-size:10.5px;margin-top:3px;}
.heat-fallback{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:8px;background:rgba(13,17,23,.92);border:1px solid var(--line-bright);border-radius:20px;padding:8px 16px;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);text-align:center;max-width:90%;}
.heat-ticker{margin-top:10px;height:34px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--bg);display:flex;align-items:center;position:relative;}
.heat-ticker:empty{display:none;}
.tk-track{display:inline-flex;gap:26px;white-space:nowrap;padding-left:14px;animation:tkscroll 42s linear infinite;}
.heat-ticker:hover .tk-track{animation-play-state:paused;}
@keyframes tkscroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tk-i{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);}
.tk-l{color:#ff7a7a;}.tk-s{color:#34d39a;}
.tk-empty{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-faint);padding-left:14px;}
@media(prefers-reduced-motion:reduce){.tk-track{animation:none;}}
@media(max-width:560px){.heat-ticker{height:30px;}.heat-win{padding:6px 10px;}}
.heat-stage canvas{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 20px 60px -30px rgba(0,0,0,.8);}
.heat-note{font-size:12px;color:var(--ink-faint);line-height:1.5;margin:13px auto 0;text-align:center;max-width:540px;}
/* ---- crypto swap (ChangeNOW, non-custodial) ---- */
.swapwrap{margin-top:14px;padding:6px 0 0;animation:panelIn .45s cubic-bezier(.2,.7,.2,1) both;}
.swap-intro{font-size:13.5px;color:var(--ink-dim);line-height:1.5;text-align:center;margin:0 auto 14px;max-width:520px;}
.swap-frame{position:relative;width:100%;max-width:464px;margin:0 auto;border-radius:14px;overflow:hidden;}
.swap-frame iframe{display:block;width:100%;height:430px;border:0;background:transparent;opacity:.97;}
.swap-load{position:absolute;left:0;right:0;top:0;height:430px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-family:'Space Mono',monospace;font-size:13px;pointer-events:none;}
.swap-note{font-size:12px;color:var(--ink-faint);line-height:1.5;margin:14px auto 0;text-align:center;max-width:480px;}
@media (max-width:680px){.heat-act{margin-left:0;width:100%;}.heat-btn{flex:1;justify-content:center;}}
.tabs{display:flex;gap:5px;margin:17px 0 0;flex-wrap:wrap;animation:rise .8s cubic-bezier(.2,.7,.2,1) .3s both;}
.tab{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--ink-dim);background:transparent;border:1px solid var(--line);border-bottom:none;padding:10px 12px;border-radius:11px 11px 0 0;cursor:pointer;transition:.18s;position:relative;top:1px;will-change:transform;}
.tab:hover{color:var(--ink);border-color:var(--line-bright);transform:translateY(-2px);}
.tab[aria-selected="true"]{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.5);font-weight:700;}
/* mobile: pack the 7 tabs into exactly 2 tidy rows via a 4-column grid (4 + 3) */
@media (max-width:600px){
.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:14px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:1px;}
.tabs::-webkit-scrollbar{display:none;}
.tab{flex:0 0 auto;min-width:0;font-size:10.5px;letter-spacing:0;padding:8px 13px;min-height:0;border-radius:999px;border:1px solid var(--line);top:0;white-space:nowrap;line-height:1;}
.tab:hover{transform:none;}
.card{border-radius:14px;}
}
.card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-grain) 100%);border:1px solid var(--line-bright);border-radius:0 var(--r) var(--r) var(--r);padding:30px;margin-bottom:38px;box-shadow:0 30px 80px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.02);animation:rise .8s cubic-bezier(.2,.7,.2,1) .35s both;}
.card::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.08),rgba(255,255,255,.05) 35%,transparent 60%);}
.card:hover::after{opacity:1;}
.card>section{position:relative;z-index:1;}
.panel{display:none;}
.panel.active{display:grid;grid-template-columns:1fr 1fr;gap:36px;animation:panelIn .45s cubic-bezier(.2,.7,.2,1) both;}
/* dedicated-tool routes: hide the landing instantly (class set in before first paint) so there's no homepage flash */
html.route-paper .wrap>*:not(header):not(footer):not(.card),
html.route-charts .wrap>*:not(header):not(footer):not(#chartspace),
html.route-calc .wrap>*:not(header):not(footer):not(.tabs):not(.card),
html.route-screener .wrap>*:not(header):not(footer):not(#screener){display:none!important;}
html.route-paper .card,html.route-calc .card,html.route-calc .tabs{display:block!important;}
html.route-charts #chartspace{display:block!important;}
html.route-screener #screener{display:block!important;}
/* MOBILE: on any tool page/state, drop the big site footer so the view is clean and the user doesn't have to scroll past it. Landing (no tool open) keeps its footer. */
@media(max-width:720px){
html.route-paper footer,html.route-charts footer,html.route-calc footer,html.route-screener footer,
body.paper-page footer,body.charts-page footer,body.calc-page footer,body.route-screener footer,
body[data-prod="plan"] footer,body[data-prod="heat"] footer,body[data-prod="swap"] footer,body[data-prod="charts"] footer{display:none!important;}
}
@keyframes panelIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media (max-width:720px){.panel.active{grid-template-columns:1fr;gap:28px;}}
.panel h2{grid-column:1/-1;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.02em;margin-bottom:4px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.panel h2 small{color:var(--ink-faint);font-weight:400;font-size:13.5px;font-family:'Familjen Grotesk';}
.field{margin-bottom:16px;}
.field label{display:block;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff;margin-bottom:7px;}
.input-line{position:relative;display:flex;align-items:center;}
.input-line .unit{position:absolute;right:14px;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-faint);pointer-events:none;}
input[type="number"]{width:100%;background:linear-gradient(180deg,var(--panel-2),var(--bg));border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:16px;padding:13px 15px;border-radius:11px;transition:border-color .15s,box-shadow .15s,background .15s;outline:none;}
input[type="number"]:hover{border-color:var(--ink-faint);}
input[type="number"]:focus{border-color:#c2f64a;box-shadow:0 0 0 3px rgba(194,246,74,.16),0 8px 22px -12px rgba(194,246,74,.45);background:linear-gradient(180deg,var(--panel-2),var(--panel));}
/* calculator polish — same theme, just more alive */
.input-line input[type="number"]:hover{border-color:rgba(194,246,74,.42);}
#liqEx,#planEx{width:100%;background:linear-gradient(180deg,var(--panel-2),var(--bg));border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:15px;padding:13px 38px 13px 15px;border-radius:11px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right 13px center;}
#planEx{font-size:13px;padding:9px 34px 9px 12px;border-radius:9px;}
#liqEx:hover,#planEx:hover{border-color:rgba(194,246,74,.42);}
#liqEx:focus,#planEx:focus{border-color:#c2f64a;box-shadow:0 0 0 3px rgba(194,246,74,.16);}
#liqEx option,#planEx option{background:var(--panel);color:var(--ink);}
.seg button:hover{border-color:var(--line-bright);color:var(--ink);transform:translateY(-1px);}
.seg button.on[data-side="long"]{box-shadow:inset 0 0 0 1px var(--lime),0 8px 20px -8px rgba(194,246,74,.5);}
.seg button.on[data-side="short"]{box-shadow:inset 0 0 0 1px var(--red),0 8px 20px -8px rgba(255,98,88,.5);}
.tab.on{color:var(--lime);border-color:var(--line-bright);background:linear-gradient(180deg,rgba(194,246,74,.12),transparent);box-shadow:inset 0 1px 0 rgba(194,246,74,.25);}
.copybtn:active{transform:scale(.92);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.input-line.has-stepper input{padding-right:54px;}
.input-line.has-stepper .unit{right:36px;}
.stepper{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;max-height:calc(100% - 8px);justify-content:center;}
.stepper button{width:26px;height:14px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--line-bright);border-radius:4px;color:var(--ink-dim);font-size:7px;line-height:1;cursor:pointer;padding:0;transition:.12s;}
.stepper button:hover{color:#c2f64a;border-color:#c2f64a;background:rgba(194,246,74,.1);}
.stepper button:active{transform:scale(.88);}
[dir="rtl"] .stepper{right:auto;left:7px;}
[dir="rtl"] .input-line.has-stepper input{padding-right:15px;padding-left:58px;}
[dir="rtl"] .input-line.has-stepper .unit{right:auto;left:37px;}
input[type=number]{-moz-appearance:textfield;}
#planSym{background:var(--panel);border:1px solid var(--line-bright);color:#fff;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;padding:6px 27px 6px 11px;border-radius:9px;transition:.15s;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right 9px center;}
#planSym:hover{border-color:var(--ink-faint);}
#planSym:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(255,255,255,.12);}
#planSym option{background:var(--panel);color:var(--ink);}
/* ---- Paper Trade panel (redesigned) ---- */
#plan.panel.active{display:block;} /* the terminal (.ptt) manages its own 2-col layout — don't put it in the panel's calculator grid */
.pt2-head{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:20px;margin-bottom:18px;}
.pt2-head small{font-family:'Familjen Grotesk',sans-serif;font-weight:400;font-size:13px;color:var(--ink-faint);}
.pt2-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px;}
.pt2-sym{background:var(--bg);border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:17px;font-weight:700;padding:11px 14px;border-radius:11px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;}
.pt2-px{text-align:left;min-width:0;}
.pt2-px-lbl{font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.16em;color:var(--up);margin-bottom:2px;}
.pt2-px-v{font-family:'Space Mono',monospace;font-size:33px;font-weight:800;line-height:1.02;letter-spacing:-1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.pt2-px-chg{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;margin-top:2px;}
.pt2-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.pt2-side button{font-family:'Space Mono',monospace;font-size:15px;font-weight:700;padding:14px 0;border-radius:12px;cursor:pointer;border:1.5px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);transition:.14s;letter-spacing:.03em;}
.pt2-side button[data-side="long"].on{background:rgba(46,189,133,.16);border-color:#2ebd85;color:#34d99a;}
.pt2-side button[data-side="short"].on{background:rgba(255,98,88,.16);border-color:#ff6258;color:#ff7b72;}
.pt2-fields{display:grid;grid-template-columns:1fr 1.25fr;gap:14px;margin-bottom:15px;}
@media(max-width:520px){.pt2-fields{grid-template-columns:1fr;}.pt2-px-v{font-size:27px;}}
.pt2-amt label,.pt2-lev label{display:block;font-family:'Space Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:8px;}
.pt2-levs{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;}
.pt2-levs button{font-family:'Space Mono',monospace;font-size:12.5px;font-weight:700;padding:11px 0;border-radius:9px;cursor:pointer;border:1px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);transition:.12s;}
.pt2-levs button.on{background:rgba(194,246,74,.16);border-color:#c2f64a;color:#d6f78a;}
.pt2-stats{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-faint);margin-bottom:14px;}
.pt2-stats b{color:var(--ink);font-weight:700;}
.pt2-open{width:100%;font-family:'Space Mono',monospace;font-size:16px;font-weight:800;padding:16px 0;border-radius:13px;cursor:pointer;border:none;color:#04150d;background:#2ebd85;transition:.14s;letter-spacing:.02em;margin-top:14px;box-shadow:0 8px 26px -8px rgba(46,189,133,.55);}
.pt2-open.short{background:#ff6258;color:#240707;box-shadow:0 8px 26px -8px rgba(255,98,88,.55);}
.pt2-open:hover{filter:brightness(1.08);}
.pt2-open:active{transform:translateY(1px);}
.pt2-note{font-size:11.5px;color:var(--ink-faint);line-height:1.5;margin:11px 0 0;text-align:center;}
/* ---- Paper Trade terminal (chart + side panel) ---- */
.ptt{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch;}
@media(max-width:880px){.ptt{grid-template-columns:1fr;}}
.ptt-chart{position:relative;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:440px;}
#ptChart{position:relative;}
.ptt-drag{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}
.ptt-dl{position:absolute;left:0;right:0;height:14px;margin-top:-7px;pointer-events:none;}
.ptt-dl[hidden]{display:none;}
.ptt-dl::before{content:'';position:absolute;left:0;right:78px;top:6px;border-top:1px dashed currentColor;opacity:.85;}
.ptt-dl-sl{color:#ff6258;}
.ptt-dl-tp{color:#2ebd85;}
.ptt-dl-tag{position:absolute;right:6px;top:0;height:14px;display:flex;align-items:center;gap:4px;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:currentColor;background:#0a0d11;border:1px solid currentColor;border-radius:5px;padding:0 7px;white-space:nowrap;}
.ptt-dl-tag b{font-weight:700;}
/* chart-top now FLOATS over the chart (no own row) — symbol chip + a clickable timeframe pill that opens a dropdown */
.ptt-chart-top{position:absolute;top:8px;left:8px;z-index:6;display:flex;align-items:center;gap:7px;padding:0;border-bottom:none;pointer-events:none;}
.ptt-chart-top>*{pointer-events:auto;}
.ptt-tfwrap{position:relative;}
.ptt-tf-btn{display:inline-flex;align-items:center;gap:4px;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:var(--ink);background:none;border:none;border-radius:6px;padding:4px 2px;cursor:pointer;transition:.12s;white-space:nowrap;text-shadow:0 1px 5px rgba(0,0,0,.85);}
.ptt-tf-btn:hover{color:#fff;}
.ptt-tf-btn svg{opacity:.7;transition:transform .15s;}
.ptt-tf-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.ptt-tf{position:absolute;top:calc(100% + 5px);left:0;z-index:20;display:flex;flex-direction:column;gap:2px;background:rgba(13,16,20,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-bright);border-radius:10px;padding:5px;box-shadow:0 14px 38px -16px rgba(0,0,0,.85);min-width:74px;}
.ptt-tf[hidden]{display:none;}
.ptt-tf button{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;text-align:left;color:var(--ink-dim);background:none;border:none;border-radius:7px;padding:8px 11px;cursor:pointer;transition:.12s;}
.ptt-tf button:hover{color:var(--ink);background:rgba(255,255,255,.07);}
.ptt-tf button.on{background:rgba(255,255,255,.13);color:#fff;}
/* compact floating symbol chip */
.ptt-chart-top .pt2-sym{font-size:11.5px;font-weight:700;padding:5px 23px 5px 9px;border-radius:8px;background-color:rgba(13,16,20,.82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-position:right 8px center;background-size:9px;}
/* symbol + timeframe are PLAIN TEXT + chevron (owner request) — same dropdown on every width, no box */
.ptt-chart-top .csel-trigger{background:none;border:none;border-radius:6px;padding:4px 2px;font-size:13.5px;gap:5px;box-shadow:none;text-shadow:0 1px 5px rgba(0,0,0,.85);}
.ptt-chart-top .csel-trigger:hover{color:#fff;}
.ptt-chart-top .csel-trigger.open{box-shadow:none;color:#c2f64a;}
.ptt-chart-top .csel-trigger .csel-chev{width:13px;height:13px;opacity:.7;}
.ptt-top-l{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap;}
.ptt-sig{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line-bright);border-radius:9px;padding:6px 11px;cursor:pointer;transition:.13s;white-space:nowrap;}
.ptt-sig:hover{color:var(--ink);border-color:var(--ink-faint);}
.ptt-sig.on{color:#04150d;background:#c2f64a;border-color:#c2f64a;}
.ptt-ind-n{font-family:'Space Mono',monospace;font-size:10px;font-weight:800;min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;background:rgba(0,0,0,.25);}
.ptt-sig.on .ptt-ind-n{background:rgba(4,21,13,.22);}
.ptt-ind-n:empty{display:none;}
.ptt-ind-menu{position:fixed;z-index:1000;width:212px;background:#0d1014;border:1px solid #2b323b;border-radius:12px;padding:6px;box-shadow:0 26px 70px -22px rgba(0,0,0,.92);}
.ptt-ind-menu[hidden]{display:none;}
.ptt-ind-h{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7f8893;padding:5px 8px 7px;}
.ptt-ind-item{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;color:#cdd3da;font-family:inherit;font-size:13px;font-weight:600;text-align:left;padding:9px 9px;border-radius:8px;cursor:pointer;}
.ptt-ind-item:hover{background:rgba(255,255,255,.04);}
.ptt-ind-ck{width:16px;height:16px;border-radius:5px;border:1.5px solid #3a434f;flex-shrink:0;position:relative;transition:.12s;}
.ptt-ind-item.on .ptt-ind-ck{background:#c2f64a;border-color:#c2f64a;}
.ptt-ind-item.on .ptt-ind-ck::after{content:'';position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid #04150d;border-width:0 2px 2px 0;transform:rotate(45deg);}
.ptt-ind-item.on{color:#f2f0e9;}
.ptt-cpx{font-family:'Space Mono',monospace;font-size:12.5px;color:var(--ink-dim);white-space:nowrap;}
.ptt-cpx b{color:#fff;}
.ptt-live{color:var(--up);font-size:9.5px;letter-spacing:.05em;}
#ptChart{flex:1;min-height:390px;}
.ptt-side{display:flex;flex-direction:column;gap:14px;min-width:0;}
.ptt-form{background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:14px;padding:15px 16px;}
.ptt-form .pt2-px-v{font-size:23px;}
.ptt-form .pt2-fields{grid-template-columns:1fr;}
.ptt-pos{background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:14px;padding:13px 14px;}
.ptt-pos-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.ptt-pos-h>span{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);}
.ptt-pos-tabs{display:inline-flex;gap:3px;background:var(--bg);border:1px solid var(--line-bright);border-radius:8px;padding:2px;}
.ptt-pos-tabs button{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:var(--ink-dim);background:none;border:none;border-radius:6px;padding:5px 11px;cursor:pointer;}
.ptt-pos-tabs button.on{background:rgba(255,255,255,.1);color:#fff;}
.pp{position:relative;background:#0c0f13;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:10px;}
.pp.pf{border-left:3px solid #10b981;}.pp.ls{border-left:3px solid #ef4444;}.pp.be{border-left:3px solid #6b7280;}
.pp-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:2;}
.pp-ic{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);border-radius:8px;cursor:pointer;transition:.12s;padding:0;}
.pp-ic:hover{color:#fff;border-color:var(--ink-faint);}
.mp-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);background:#11151b;border:1px solid var(--line-bright);color:#fff;font-size:13px;font-weight:600;padding:11px 18px;border-radius:11px;box-shadow:0 14px 40px rgba(0,0,0,.55);z-index:90;opacity:0;pointer-events:none;transition:.22s;}
.mp-toast.on{opacity:1;transform:translateX(-50%) translateY(0);}
.pp-h{display:flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:13px;margin-bottom:9px;flex-wrap:wrap;padding-right:70px;}
.pp-sym{font-weight:700;}
.pp-dir{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.04em;}
.pp-dir.long{color:#34d99a;background:rgba(46,189,133,.15);}.pp-dir.short{color:#ff7b72;background:rgba(255,98,88,.15);}
.pp-live{margin-left:auto;font-size:11px;color:var(--ink-dim);}
.pp-pnl{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:9px;}
.pp-pnl .big{font-family:'Space Mono',monospace;font-size:18px;font-weight:800;}
.pp.pf .big,.pp.pf .roe{color:#34d99a;}.pp.ls .big,.pp.ls .roe{color:#ff7b72;}.pp.be .big{color:#aab2bd;}
.pp-pnl .roe{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;}
.pp-meta{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--ink-dim);line-height:1.7;margin-bottom:9px;}
.pp-meta b{color:var(--ink);}
.pp-btns{display:flex;gap:6px;}
.pp-btns button{flex:1;font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;padding:7px 0;border-radius:7px;cursor:pointer;border:1px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);transition:.12s;}
.pp-btns button:hover{color:#fff;}
.pp-btns .cl{color:#ff6258;border-color:rgba(255,98,88,.42);}
.pp-btns .cl:hover{color:#ff8079;border-color:#ff6258;background:rgba(255,98,88,.1);}
.pp-btns .ch{color:#34d99a;border-color:rgba(46,189,133,.4);}
.pp-btns .ch:hover{color:#5fe7b6;border-color:#34d99a;background:rgba(46,189,133,.1);}
.pp-empty{color:var(--ink-faint);font-size:13px;text-align:center;padding:22px 10px;}
/* roomier terminal (Moon-style) — bigger right panel, more whitespace */
.ptt{grid-template-columns:1.22fr 1fr;gap:18px;}
.ptt-side{gap:20px;}
.ptt-form{padding:24px;}
.ptt-form .pt2-top{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line);}
.ptt-form .pt2-px-v{font-size:40px;transition:color .18s;}
.ptt-form .pt2-px-v.up{color:#2ebd85;}
.ptt-form .pt2-px-v.down{color:#ff6258;}
.ptt-form .pt2-side{margin-bottom:18px;gap:12px;}
.ptt-form .pt2-side button{padding:15px 0;font-size:15px;}
.ptt-form .pt2-fields{gap:18px;margin-bottom:18px;}
.ptt-form .pt2-amt label,.ptt-form .pt2-lev label{font-size:11px;margin-bottom:9px;}
.ptt-form .input-line input{font-size:16px;padding:13px 14px;}
.ptt-form .pt2-levs{grid-template-columns:repeat(6,1fr);gap:6px;}
.ptt-form .pt2-levs button{padding:13px 0;font-size:13px;}
.ptt-form .adv-toggle{margin-top:4px;}
.ptt-form .pt2-open{padding:18px 0;font-size:17px;margin-top:18px;}
.ptt-stats{margin-bottom:18px;}
.ptt-stats>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid rgba(35,41,50,.55);font-family:'Space Mono',monospace;font-size:13px;}
.ptt-stats>div:last-child{border-bottom:none;}
.ptt-stats span{color:var(--ink-faint);}
.ptt-stats b{color:#fff;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;}
.ptt-pos{padding:22px;}
.ptt-pos-h{margin-bottom:16px;}
.pp{padding:16px;margin-bottom:14px;border-color:var(--line-bright);}
.pp-h{font-size:14px;margin-bottom:12px;}
.pp-pnl{margin-bottom:12px;}
.pp-pnl .big{font-size:21px;}
.pp-meta{font-size:11.5px;line-height:1.95;margin-bottom:13px;}
.pp-btns button{padding:9px 0;font-size:11.5px;}
@media(max-width:880px){.ptt{grid-template-columns:1fr;}.ptt-form,.ptt-pos{padding:18px;}}
/* Paper Trade is a terminal — ONLY this product's card widens, as a bordered box centred in the viewport,
hugging its content with ~0.5cm padding (no full-bleed). margin-centred (not transform) so the rise animation
doesn't override the centring. 50% = half the .wrap content box; min(47vw,740px) = half the card width. */
body[data-prod="plan"] .card{width:min(94vw,1480px);margin-left:calc(50% - min(47vw,740px));margin-top:17px;padding:19px;border-radius:16px;}
.ptt{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:18px;} /* chart flexes wide; order form fixed; positions now live in the My Trades drawer */
body[data-prod="plan"] .ptt-chart{height:min(76vh,880px);min-height:480px;}
#ptChart{flex:1;min-height:0;position:relative;}
.pt-leg{position:absolute;top:7px;left:10px;z-index:4;display:flex;gap:13px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:11px;line-height:1.3;color:#9aa3ad;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.7);}
.pt-leg b{font-weight:700;}
.ptt-zones{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;border-radius:0 0 14px 14px;}
.ptt-zones .zone{position:absolute;left:0;right:0;background:rgba(255,59,59,.14);-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);box-shadow:inset 0 0 40px rgba(255,59,59,.12);}
/* edge markers: when an entry/liq/tp/sl line is off the visible price range (common on 1m/5m, where a far liq sits outside the tight candle range) show a small pill pinned to the top/bottom edge with the price + an arrow */
.ptt-edges{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4;}
.ptt-edge{position:absolute;display:inline-flex;align-items:center;gap:5px;font:700 10.5px/1.1 'Space Mono',monospace;padding:3px 7px;border-radius:7px;background:rgba(10,13,18,.9);border:1px solid currentColor;white-space:nowrap;box-shadow:0 1px 6px rgba(0,0,0,.45);}
.ptt-form .pt2-fields{grid-template-columns:1fr 1fr;} /* Amount + Leverage side by side */
.ptt-mytrades{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;padding:15px 0;border-radius:13px;cursor:pointer;border:1px solid var(--line-bright);background:linear-gradient(180deg,var(--panel),var(--bg-grain));color:var(--ink);transition:.14s;}
.ptt-mytrades:hover{border-color:var(--ink-faint);color:#fff;}
.ptt-mt-count{font-size:11px;font-weight:700;color:#04150d;background:#2ebd85;border-radius:20px;padding:2px 8px;min-width:20px;text-align:center;}
.ptt-mt-count:empty{display:none;}
/* standard, web-app font for the whole Paper Trade terminal (no monospace) */
#plan *{font-family:'Familjen Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;}
@media(max-width:980px){body[data-prod="plan"] .card{width:auto;margin-left:0;border-radius:0 var(--r) var(--r) var(--r);padding:20px;}}
@media(max-width:880px){.ptt{grid-template-columns:1fr;}body[data-prod="plan"] .ptt-chart{height:350px;min-height:350px;}}
.ptt-mytrades svg{flex:0 0 auto;}
/* dedicated /paper-trade page (desktop ≥881px): FIT-SCREEN like /charts — a huge chart fills the viewport, the trade-open panel sits on the right. No page scroll, no footer. (Mobile /paper-trade is untouched.) */
@media(min-width:881px){
body.paper-page{overflow:hidden;}
body.paper-page .wrap{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:0;max-width:none;}
body.paper-page footer{display:none!important;}
body.paper-page .card{width:auto!important;margin:6px 0 0!important;flex:1 1 auto;min-height:0;display:flex!important;flex-direction:column!important;border-radius:14px;padding:12px!important;}
body.paper-page #plan{flex:1 1 auto;min-height:0;display:flex!important;flex-direction:column!important;}
body.paper-page .ptt{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) 356px!important;grid-template-rows:minmax(0,1fr)!important;gap:12px;align-items:stretch!important;}
body.paper-page .ptt-chart{height:auto!important;min-height:0!important;}
body.paper-page .ptt-side{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:2px;}
}
/* "last trade" torn ticket — sits between the order form and My Trades */
.pt-tickets{display:flex;flex-direction:column;gap:8px;margin:2px 0;}
.pt-tickets[hidden]{display:none;}
.pt-last{position:relative;margin:0;padding:13px 16px;border:1px solid var(--line-bright);border-left:3px solid #6b7280;border-radius:12px;background:linear-gradient(180deg,#13171d,#0c0f13);font-family:'Familjen Grotesk',sans-serif;animation:panelIn .4s cubic-bezier(.2,.7,.2,1);
-webkit-mask:radial-gradient(circle 5px at 5px 0,#0000 5px,#000 5.5px) 0 0/12px 100% repeat-x,radial-gradient(circle 5px at 5px 100%,#0000 5px,#000 5.5px) 0 100%/12px 100% repeat-x;-webkit-mask-composite:source-in;
mask:radial-gradient(circle 5px at 5px 0,#0000 5px,#000 5.5px) 0 0/12px 100% repeat-x,radial-gradient(circle 5px at 5px 100%,#0000 5px,#000 5.5px) 0 100%/12px 100% repeat-x;mask-composite:intersect;}
.pt-last[hidden]{display:none;}
/* mini "ticket landed" effect when a demo trade opens */
@keyframes ptOpenPop{0%{transform:scale(.9);opacity:.25}55%{transform:scale(1.03)}100%{transform:scale(1);opacity:1}}
@keyframes ptOpenGlow{0%{filter:drop-shadow(0 0 0 rgba(46,189,133,0))}30%{filter:drop-shadow(0 0 11px rgba(46,189,133,.9))}100%{filter:drop-shadow(0 0 0 rgba(46,189,133,0))}}
.pt-last.justopened{animation:ptOpenPop .36s cubic-bezier(.2,.85,.25,1),ptOpenGlow .95s ease-out;}
@media(prefers-reduced-motion:reduce){.pt-last.justopened{animation:none;}}
.pt-last.pf{border-left-color:#2ebd85;}.pt-last.ls{border-left-color:#ff6258;}.pt-last.be{border-left-color:#6b7280;}
.ptl-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:'Space Mono',monospace;font-size:11px;margin-bottom:6px;}
.ptl-tag{font-size:8.5px;font-weight:700;letter-spacing:.1em;color:#0a0b0d;background:#c2f64a;padding:2px 7px;border-radius:5px;}
.ptl-sym{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;}
.ptl-dir{font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em;}
.ptl-dir.long{color:#34d99a;background:rgba(46,189,133,.15);}.ptl-dir.short{color:#ff7b72;background:rgba(255,98,88,.15);}
.ptl-lev{color:var(--ink-faint);}
.ptl-live{margin-left:auto;color:var(--ink-dim);}
.ptl-pnl{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0;}
.ptl-pnl .big{font-family:'Space Mono',monospace;font-weight:800;font-size:19px;}
.pt-last.pf .big,.pt-last.pf .roe{color:#34d99a;}.pt-last.ls .big,.pt-last.ls .roe{color:#ff7b72;}.pt-last.be .big{color:#aab2bd;}
.ptl-pnl .roe{font-family:'Space Mono',monospace;font-weight:700;font-size:12px;}
.ptl-meta{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--ink-dim);margin-top:5px;}
.ptl-meta b{color:var(--ink);}
.ptl-close{margin-left:auto;align-self:center;font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg);border:1px solid var(--line-bright);border-radius:8px;padding:6px 12px;cursor:pointer;transition:color .13s,border-color .13s,transform .13s;}
.ptl-close:hover{color:#ff6258;border-color:#ff6258;}
.ptl-close:active{transform:translateY(1px);}
.ptl-mt{color:#c2f64a;border-color:rgba(194,246,74,.5);text-decoration:none;}
.ptl-mt:hover{color:#d4f87a;border-color:#c2f64a;}
/* black & white marketing balloon — sits just above-right of the Paper Trade tab (in the empty hero space)
with a hand-drawn arrow pointing down at it. Position is set by JS relative to the tab. */
.prodnav{position:relative;}
.pp-btns .pp-share{flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;}
.pp-btns .pp-share:hover{color:#fff;border-color:var(--ink-faint);}
.adv-toggle{display:flex;align-items:center;gap:10px;margin-top:6px;padding:11px 14px;border:1px dashed var(--line-bright);border-radius:10px;cursor:pointer;color:var(--ink-dim);font-size:13px;user-select:none;transition:.15s;}
.adv-toggle:hover{border-color:var(--ink-faint);color:var(--ink);}
.adv-toggle input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1.5px solid #2b323b;border-radius:6px;background:#06080a;cursor:pointer;flex-shrink:0;position:relative;transition:.14s;}
.adv-toggle input:checked{background:#0a0d11;border-color:#c2f64a;box-shadow:0 0 12px -2px rgba(194,246,74,.7),inset 0 0 0 1px rgba(194,246,74,.22);}
.adv-toggle input:checked::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:9px;border:solid #c2f64a;border-width:0 2.2px 2.2px 0;transform:rotate(45deg);}
.adv-toggle:hover input{border-color:#3a434f;}
.adv-toggle input:checked ~ span{color:#c2f64a;}
.adv-toggle:has(input:checked){border-color:rgba(194,246,74,.55);border-style:solid;background:rgba(194,246,74,.05);}
.plan-adv[hidden],.plan-adv-out[hidden]{display:none;}
.morelinks{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);}
.morelinks h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:17px;margin:0 0 14px;color:var(--ink);}
.ml-group{margin-bottom:8px;font-size:13.5px;line-height:1.85;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;}
.ml-h{min-width:92px;color:var(--ink-faint);font-family:'Space Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;}
.ml-group a{color:var(--ink-dim);text-decoration:none;}
.ml-group a:hover{color:#fff;}
.ml-sep{color:var(--ink-faint);}
.jr-save{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:rgba(255,255,255,.06);border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:11px 16px;border-radius:10px;cursor:pointer;transition:.15s;}
.jr-save:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.jr-save.saved{color:var(--up);border-color:var(--up);}
#journal{display:none;}
#journal.active{display:block;grid-template-columns:1fr;}
.jr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;}
@media(max-width:560px){.jr-stats{grid-template-columns:repeat(2,1fr);}}
.jr-stat{background:var(--panel-2);border:1px solid var(--line-bright);border-radius:12px;padding:15px;}
.jr-stat .v{font-size:23px;font-weight:800;color:var(--lime);line-height:1;font-family:'Bricolage Grotesque',sans-serif;}
.jr-stat .l{color:var(--ink-faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-top:7px;}
.jr-list{display:flex;flex-direction:column;gap:10px;}
.jr-item{background:var(--panel-2);border:1px solid var(--line-bright);border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;}
.jr-item .sym{font-family:'Space Mono',monospace;font-weight:700;font-size:15px;}
.jr-side{font-size:11px;text-transform:uppercase;padding:3px 8px;border-radius:6px;font-family:'Space Mono',monospace;}
.jr-side.long{color:var(--up);background:rgba(46,189,133,.12);}
.jr-side.short{color:var(--red);background:rgba(255,98,88,.12);}
.jr-meta{color:var(--ink-dim);font-size:12.5px;font-family:'Space Mono',monospace;}
.jr-actions{margin-left:auto;display:flex;gap:6px;align-items:center;}
.jr-btn{border:1px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;font-family:'Space Mono',monospace;transition:.15s;}
.jr-btn.win:hover{color:var(--up);border-color:var(--up);}
.jr-btn.loss:hover{color:var(--red);border-color:var(--red);}
.jr-btn.del:hover{color:var(--red);border-color:var(--red);}
.jr-result{font-family:'Space Mono',monospace;font-weight:700;font-size:14px;}
.jr-result.pos{color:var(--up);}.jr-result.neg{color:var(--red);}
.jr-empty{color:var(--ink-faint);text-align:center;padding:34px 0;font-size:14px;}
/* ---- journal drawer (side panel) ---- */
.jr-backdrop{position:fixed;inset:0;background:transparent;z-index:60;pointer-events:none;} /* desktop: let clicks/scroll pass through to the page behind — only the drawer panel itself captures input. Mobile re-enables it below. */
/* PC: keep the header "My Trades" button above the backdrop so re-clicking it closes the drawer (X also closes; outside-click does not) */
html.jr-open #jrOpen{position:relative;z-index:62;}
.jr-drawer{position:fixed;top:0;right:0;height:100%;width:404px;max-width:92vw;background:linear-gradient(180deg,#0d0f12,#0a0b0d);border-left:1px solid var(--line-bright);z-index:61;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top)) 20px 30px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:-24px 0 70px rgba(0,0,0,.6);animation:jrIn .28s cubic-bezier(.2,.7,.2,1);}
/* Mobile: fully lock the page behind the drawer with the position:fixed technique (bulletproof on iOS) so
finger-scrolling the drawer — even an empty one — never moves the site. On PC the page stays scrollable;
the drawer keeps its own scroll via overscroll-behavior:contain + a wheel guard, so the site only scrolls
when the pointer is NOT over the drawer. */
html.jr-lock,html.jr-lock body{height:100%;overflow:hidden;}
html.jr-lock body{position:fixed;left:0;right:0;width:100%;}
@keyframes jrIn{from{transform:translateX(40px);opacity:0;}to{transform:none;opacity:1;}}
.jr-backdrop[hidden],.jr-drawer[hidden]{display:none;}
.jr-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.jr-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:19px;}
.jr-x{background:none;border:none;color:#c2f64a;font-size:20px;font-weight:700;cursor:pointer;padding:4px 8px;line-height:1;transition:color .14s,transform .14s;}
.jr-x:hover{color:#d6f78a;transform:scale(1.12);}
.jr-grab{display:none;}
@media(max-width:720px){
.jr-backdrop{background:rgba(5,6,8,.96);pointer-events:auto;} /* mobile: full-screen drawer — keep the backdrop blocking + tap-to-close */
.jr-drawer{width:100%;max-width:none;border-left:none;box-shadow:none;padding-bottom:calc(14px + env(safe-area-inset-bottom));}
@keyframes jrIn{from{transform:translateY(26px);opacity:0;}to{transform:none;opacity:1;}}
.jr-grab{display:none!important;} /* no Back bar — a green ✕ in the corner closes it */
.jr-x{display:block;font-size:25px;line-height:1;color:#34d99a;padding:3px 7px;border-radius:9px;}
.jr-x:active{background:rgba(46,189,133,.14);}
}
.jr-drawer .jr-stats{grid-template-columns:1fr 1fr;}
.jr-tabs{display:inline-flex;gap:3px;background:#0a0c0f;border:1px solid var(--line-bright);border-radius:9px;padding:3px;margin:4px 0 14px;}
.jr-tabs button{font-size:12px;font-weight:700;color:var(--ink-dim);background:none;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:.12s;}
.jr-tabs button.on{background:rgba(255,255,255,.1);color:#fff;}
.jr-list .pp-btns button{padding:8px 0;font-size:11px;}
/* ---- tear-off tickets ---- */
.jr-list{display:flex;flex-direction:column;gap:14px;}
.ticket{display:flex;background:linear-gradient(135deg,#161a20,#0f1216);border:1px solid var(--line-bright);border-radius:12px;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.35);}
.ticket.long{box-shadow:0 6px 18px rgba(0,0,0,.35),inset 3px 0 0 0 rgba(46,189,133,.6);}
.ticket.short{box-shadow:0 6px 18px rgba(0,0,0,.35),inset 3px 0 0 0 rgba(255,98,88,.6);}
.tk-main{flex:1;padding:14px 16px;min-width:0;}
.tk-top{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.tk-sym{font-family:'Space Mono',monospace;font-weight:700;font-size:17px;}
.tk-side{font-size:10px;text-transform:uppercase;padding:3px 8px;border-radius:5px;font-family:'Space Mono',monospace;letter-spacing:.05em;}
.tk-side.long{color:var(--up);background:rgba(46,189,133,.13);}
.tk-side.short{color:var(--red);background:rgba(255,98,88,.13);}
.tk-rows{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;}
.tk-rows div{display:flex;justify-content:space-between;gap:8px;font-family:'Space Mono',monospace;font-size:12.5px;}
.tk-rows span{color:var(--ink-faint);}
.tk-rows b{color:var(--ink);font-weight:600;}
.tk-stub{width:80px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;position:relative;border-left:2px dashed var(--line-bright);}
.tk-stub::before,.tk-stub::after{content:"";position:absolute;left:-8px;width:14px;height:14px;border-radius:50%;background:#0a0b0d;border:1px solid var(--line-bright);}
.tk-stub::before{top:-8px;}.tk-stub::after{bottom:-8px;}
.tk-result{font-family:'Space Mono',monospace;font-weight:700;font-size:14px;text-align:center;line-height:1.2;}
.tk-result.pos{color:var(--up);}.tk-result.neg{color:var(--red);}
.tk-tag{font-family:'Space Mono',monospace;font-size:8.5px;text-transform:uppercase;color:var(--ink-faint);letter-spacing:.08em;}
.tk-btn{border:1px solid var(--line-bright);background:var(--bg);color:var(--ink-dim);border-radius:7px;padding:6px 0;font-size:11px;cursor:pointer;font-family:'Space Mono',monospace;width:100%;transition:.12s;}
.tk-btn.win:hover{color:var(--up);border-color:var(--up);}
.tk-btn.loss:hover{color:var(--red);border-color:var(--red);}
.tk-del{position:absolute;top:5px;right:7px;background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:11px;padding:2px;line-height:1;z-index:1;}
.tk-del:hover{color:var(--red);}
/* ---- mobile bottom nav (glassy, icon-only) ---- */
.mobnav{display:none;}
/* ---- clickable hint popover ---- */
#hintPop{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);max-width:330px;width:calc(100% - 32px);background:#f4f4ef;color:#0a0b0d;padding:13px 16px;border-radius:13px;font-size:13.5px;line-height:1.5;font-family:'Familjen Grotesk',sans-serif;box-shadow:0 14px 44px rgba(0,0,0,.55);z-index:210;}
#hintPop::after{content:"tap anywhere to dismiss";display:block;margin-top:7px;font-size:9.5px;color:#9098a2;text-transform:uppercase;letter-spacing:.08em;font-family:'Space Mono',monospace;}
.hint{cursor:pointer;}
@media (max-width:720px){
.mobnav{position:fixed;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 9px);z-index:55;display:flex;justify-content:space-around;align-items:center;padding:9px 6px;border-radius:20px;background:rgba(9,13,10,.6);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(56,189,248,.28);box-shadow:0 10px 34px -12px rgba(0,0,0,.75),0 0 20px -8px rgba(56,189,248,.35);}
.mobnav button,.mobnav a{flex:1;background:none;border:none;color:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:3px 0;transition:transform .12s,color .12s;text-decoration:none;}
.mobnav button:active,.mobnav a:active{color:#38bdf8;transform:scale(.86);}
body{padding-bottom:calc(84px + env(safe-area-inset-bottom));}
/* mobile top header = logo + Blog + Rewards + language; everything else lives in the bottom nav or footer */
.hnav .hlink{display:none;}
.hnav .hblog,.hnav .hrwd,.hnav .hauth{display:inline-flex;}
.hnav .hauth span{display:none;}/* icon-only on mobile to fit the one-row header */
.hint{width:19px;height:19px;font-size:11px;}
}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.seg{display:flex;gap:6px;}
.seg button{flex:1;font-family:'Space Mono',monospace;font-size:13px;letter-spacing:.05em;text-transform:uppercase;padding:11px;cursor:pointer;border-radius:10px;background:var(--bg);border:1px solid var(--line-bright);color:var(--ink-dim);transition:.15s;}
.seg button.on[data-side="long"]{background:rgba(255,255,255,.12);border-color:var(--lime);color:var(--lime);}
.seg button.on[data-side="short"]{background:rgba(255,98,88,.12);border-color:var(--red);color:var(--red);}
.results{border-left:1px solid var(--line);padding-left:36px;}
@media (max-width:720px){.results{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:26px;}}
.result-main{margin-bottom:24px;position:relative;}
.copybtn{position:absolute;top:0;right:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line-bright);border-radius:8px;color:var(--ink-faint);cursor:pointer;transition:.15s ease;padding:0;}
.copybtn:hover{color:var(--lime);border-color:var(--lime);}
.copybtn svg{width:14px;height:14px;}
.copybtn .ic-done{display:none;}
.copybtn.copied{color:var(--lime);border-color:var(--lime);}
.copybtn.copied .ic-copy{display:none;}
.copybtn.copied .ic-done{display:block;}
[dir="rtl"] .copybtn{right:auto;left:0;}
.sharebtn{position:absolute;top:0;right:37px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line-bright);border-radius:8px;color:var(--ink-faint);cursor:pointer;transition:.15s ease;padding:0;}
.sharebtn:hover{color:#7cc4ff;border-color:#7cc4ff;}
.sharebtn svg{width:14px;height:14px;}
[dir="rtl"] .sharebtn{right:auto;left:37px;}
.hint{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;border-radius:50%;border:1px solid var(--line-bright);color:var(--ink-faint);font-size:10px;font-weight:700;cursor:help;vertical-align:middle;font-family:'Space Mono',monospace;line-height:1;}
.hint:hover{color:var(--ink);border-color:var(--ink-dim);}
.result-main .rlabel{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);margin-bottom:10px;}
.result-main .rvalue{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:clamp(32px,5.5vw,50px);letter-spacing:-.03em;line-height:1;color:var(--lime);transition:color .2s ease,transform .25s cubic-bezier(.2,.7,.2,1),text-shadow .25s ease;overflow-wrap:anywhere;cursor:default;}
.result-main:hover .rvalue{transform:scale(1.03);text-shadow:0 0 26px rgba(255,255,255,.25);}
.result-main .rvalue.neg{color:var(--red);}
.result-main .rvalue.pos{color:var(--up);}
.result-main .rvalue.muted{color:var(--ink-faint);}
.rrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);border-radius:7px;transition:background .18s ease,padding .18s ease,border-color .18s ease;}
.rrow:hover{background:rgba(255,255,255,.04);padding-left:9px;padding-right:5px;border-bottom-color:var(--line-bright);}
.rrow .k{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;}
.rrow .v{font-family:'Space Mono',monospace;font-size:15px;color:var(--ink);text-align:right;}
.rrow .v.pos{color:var(--up);}.rrow .v.neg{color:var(--red);}
.note{margin-top:20px;font-size:12.5px;color:var(--ink-faint);line-height:1.55;}
.ladder{width:100%;border-collapse:collapse;margin-top:4px;}
.ladder th,.ladder td{text-align:right;padding:10px 6px;font-family:'Space Mono',monospace;font-size:13px;border-bottom:1px dashed var(--line);}
.ladder th{color:var(--ink-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:400;}
.ladder td:first-child,.ladder th:first-child{text-align:left;color:var(--lime);}
.ladder td .p{color:var(--ink);}.ladder td .g{color:var(--up);}
.ladder tr{transition:background .15s ease;}
.ladder tbody tr:hover td{background:rgba(255,255,255,.04);}
.affil{grid-column:1/-1;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel-2);border:1px solid var(--line-bright);border-radius:12px;padding:15px 18px;flex-wrap:wrap;}
.affil p{font-size:14px;color:var(--ink-dim);flex:1 1 200px;}
.affil .btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.trade-on{font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);}
.ex{display:inline-flex;align-items:center;gap:7px;font-family:'Familjen Grotesk',sans-serif;font-weight:600;font-size:13.5px;text-decoration:none;padding:9px 12px;border-radius:9px;transition:.15s ease;white-space:nowrap;will-change:transform;}
.ex svg{width:16px;height:16px;display:block;flex:none;}
.ex .mono-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;font-weight:800;font-size:11px;flex:none;}
.ex:hover{transform:translateY(-1px);}
.ex-bybit{background:#17181c;color:#f4f4f5;border:1px solid #34363c;}
.ex-bybit:hover{border-color:#f7a600;}
.ex-binance{background:#f0b90b;color:#181a20;border:1px solid #f0b90b;}
.ex-binance:hover{background:#fcd535;border-color:#fcd535;}
.ex-kucoin{background:#0e3d33;color:#eafff7;border:1px solid #1c6b59;}
.ex-kucoin:hover{border-color:#23af91;}
.ex-kucoin .mono-mark{background:#23af91;color:#06231d;}
.ex-gate{background:#14213d;color:#eaf0ff;border:1px solid #28427a;}
.ex-gate:hover{border-color:#3361ff;}
.ex-gate .mono-mark{background:#3361ff;color:#fff;}
.ex-kraken{background:#1d1640;color:#ece8ff;border:1px solid #3a2f72;}
.ex-kraken:hover{border-color:#7b5cff;}
.ex-kraken .mono-mark{background:#7b5cff;color:#fff;}
.ex-okx{background:#0d0e10;color:#fff;border:1px solid #353b40;}
.ex-okx:hover{border-color:#9aa3ad;}
.ex-okx .mono-mark{background:#fff;color:#0d0e10;}
.content{padding:12px 0 80px;}
.content h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:30px;letter-spacing:-.03em;margin:34px 0 6px;}
.content h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:19px;margin:26px 0 8px;color:var(--ink);}
.content p{color:var(--ink-dim);margin-bottom:12px;max-width:720px;}
.content code{font-family:'Space Mono',monospace;font-size:13px;color:var(--lime);background:var(--panel);padding:2px 7px;border-radius:6px;border:1px solid var(--line);}
.divider{height:1px;background:var(--line);margin:8px 0;}
/* ---- footer (clean) ---- */
.site-foot{position:relative;z-index:1;margin-top:42px;border-top:1px solid var(--line);padding:40px 0 26px;}
.foot-top{display:flex;flex-wrap:wrap;gap:30px 44px;justify-content:space-between;margin-bottom:30px;}
.foot-brand{flex:1 1 240px;min-width:200px;}
.foot-brand .mark{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:23px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;}
.foot-brand .mark b{color:#c2f64a;text-shadow:0 0 16px rgba(194,246,74,.5);}
.foot-blurb{color:var(--ink-dim);font-size:13px;line-height:1.55;margin:13px 0 15px;max-width:270px;}
.foot-social{display:flex;gap:9px;}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;border:1px solid var(--line-bright);color:var(--ink-dim);transition:.16s;}
.foot-social a:hover{border-color:#c2f64a;color:#c2f64a;transform:translateY(-2px);box-shadow:0 0 18px -6px rgba(194,246,74,.65);}
.foot-col{display:flex;flex-direction:column;gap:10px;flex:0 0 auto;}
.foot-col h4{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-faint);margin:0 0 4px;}
.foot-col a{font-family:'Familjen Grotesk',sans-serif;font-size:13.5px;color:var(--ink-dim);text-decoration:none;transition:color .13s;width:fit-content;}
.foot-col a:hover{color:#c2f64a;}
.foot-rwd{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;align-self:flex-start;background:transparent;border:1.5px solid rgba(194,246,74,.5);border-radius:14px;padding:14px 17px;text-decoration:none;transition:.16s;box-shadow:0 0 26px -12px rgba(194,246,74,.55);}
.foot-rwd:hover{border-color:#c2f64a;background:rgba(194,246,74,.06);box-shadow:0 0 32px -6px rgba(194,246,74,.5);transform:translateY(-2px);}
.foot-rwd>svg{color:#c2f64a;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(194,246,74,.55));}
.foot-rwd span{display:flex;flex-direction:column;line-height:1.3;}
.foot-rwd b{color:#d4f87a;font-family:'Bricolage Grotesque',sans-serif;font-size:14.5px;font-weight:800;}
.foot-rwd small{color:var(--ink-dim);font-size:11px;font-family:'Space Mono',monospace;letter-spacing:.04em;}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--line);font-family:'Space Mono',monospace;font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em;flex-wrap:wrap;}
@media(max-width:640px){.foot-top{gap:26px 30px;}.foot-brand{flex-basis:100%;}.foot-rwd{flex-basis:100%;}}
/* ---- section heading accent (editorial rhythm) ---- */
.sec-head h2,.exchanges h2,.content2>h2,.content>h2{position:relative;padding-left:17px;}
.sec-head h2::before,.exchanges h2::before,.content2>h2::before,.content>h2::before{content:'';position:absolute;left:0;top:.17em;bottom:.17em;width:4px;border-radius:3px;background:linear-gradient(180deg,#c2f64a,rgba(194,246,74,.25));}
/* ---- unified card hover lift ---- */
.excard:hover,.toolcard:hover,.hp-card:hover{box-shadow:0 18px 40px -24px rgba(0,0,0,.7);}
footer a{color:var(--ink-dim);text-decoration:none;}footer a:hover{color:var(--lime);}
/* exchanges comparison menu */
.exchanges{margin:0 0 40px;animation:rise .8s cubic-bezier(.2,.7,.2,1) .4s both;}
/* Market Pulse — live Coinglass widget (mobile-first) */
.mpulse{margin:6px 0 18px;animation:panelIn .45s cubic-bezier(.2,.7,.2,1) both;}
.mp-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;}
.mp-dot{width:8px;height:8px;border-radius:50%;background:#2ebd85;box-shadow:0 0 7px #2ebd85;animation:mpDot 1.8s ease-in-out infinite;flex:0 0 auto;}
@keyframes mpDot{0%,100%{opacity:1}50%{opacity:.3}}
.mp-head b{font-family:'Bricolage Grotesque',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.01em;}
.mp-livetag{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;color:#06231d;background:#2ebd85;padding:2px 6px;border-radius:5px;}
.mp-upd{margin-left:auto;font-family:'Space Mono',monospace;font-size:10px;color:var(--ink-faint);}
.mp-grid{display:grid;grid-template-columns:1fr;gap:10px;min-height:150px;}
@media(min-width:760px){.mp-grid{grid-template-columns:1fr 1fr 1.25fr;min-height:120px;}}
.mp-card{background:var(--panel);border:1px solid var(--line-bright);border-radius:14px;padding:13px 15px;}
.mp-k{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:700;margin-bottom:9px;}
.mp-fg-row{display:flex;align-items:center;gap:13px;}
.mp-gauge{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.mp-gauge span{width:50px;height:50px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-weight:800;font-size:19px;color:var(--ink);}
.mp-fg-info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.mp-fg-lbl{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;line-height:1.1;}
.mp-fg-prev{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--ink-faint);}
.mp-fg-scale{position:relative;height:7px;border-radius:4px;margin:13px 0 5px;background:linear-gradient(90deg,#ff5a4d,#ff9f43,#cfd3d8,#2ebd85,#19d98a);}
.mp-fg-scale i{position:absolute;top:-3px;width:3px;height:13px;border-radius:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 5px rgba(0,0,0,.7);}
.mp-fg-ticks{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:9px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;}
.mp-liq-v{font-family:'Space Mono',monospace;font-weight:800;font-size:24px;letter-spacing:-.5px;}
.mp-ls{display:flex;height:8px;border-radius:5px;overflow:hidden;margin:9px 0 6px;background:var(--line);}
.mp-ls .l{background:var(--up);}.mp-ls .s{background:var(--red);}
.mp-ls-l{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;}
.mp-ls-l .up{color:var(--up);}.mp-ls-l .dn{color:var(--red);}
.mp-top-r{display:flex;align-items:center;gap:9px;margin-top:8px;}
.mp-top-s{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;width:56px;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mp-top-bar{flex:1;display:flex;height:6px;border-radius:4px;overflow:hidden;background:var(--line);}
.mp-top-bar .l{background:var(--up);}.mp-top-bar .s{background:var(--red);}
.mp-top-v{font-family:'Space Mono',monospace;font-size:11.5px;color:var(--ink-dim);font-weight:700;width:56px;text-align:right;flex:0 0 auto;}
.mp-load{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-faint);padding:16px;text-align:center;}
/* Derivatives board — live Coinglass coin cards (mobile-first) */
.derivsec{margin:30px 0 38px;animation:rise .8s cubic-bezier(.2,.7,.2,1) both;}
.db-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.db-head h2{margin:0;}
.db-live{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;color:#06231d;background:#2ebd85;padding:2px 6px;border-radius:5px;}
.db-sub{color:var(--ink-dim);font-size:14px;margin:6px 0 16px;max-width:620px;}
.db-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media(min-width:680px){.db-grid{grid-template-columns:repeat(4,1fr);}}
.db-card{display:block;background:var(--panel);border:1px solid var(--line-bright);border-radius:13px;padding:13px;text-decoration:none;color:var(--ink);transition:transform .14s,border-color .14s;}
.db-card:hover{border-color:#2ebd85;transform:translateY(-2px);}
.db-top{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.db-sym{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.db-chg{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;flex:0 0 auto;font-variant-numeric:tabular-nums;}
.db-chg.up{color:var(--up);}.db-chg.dn{color:var(--red);}
.db-px{font-family:'Space Mono',monospace;font-size:13.5px;font-weight:700;margin:4px 0 9px;color:var(--ink);}
.db-ls{display:flex;height:6px;border-radius:4px;overflow:hidden;background:var(--line);margin-bottom:7px;}
.db-ls .l{background:var(--up);}.db-ls .s{background:var(--red);}
.db-meta{display:flex;justify-content:space-between;gap:6px;font-family:'Space Mono',monospace;font-size:10px;color:var(--ink-dim);font-weight:700;}
.db-meta .up{color:var(--up);}.db-meta .dn{color:var(--red);}
.db-load{grid-column:1/-1;text-align:center;padding:18px;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-faint);}
.exchanges h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;letter-spacing:-.03em;margin-bottom:5px;}
.exsub{color:var(--ink-dim);font-size:15px;margin-bottom:20px;max-width:620px;}
.exgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:760px){.exgrid{grid-template-columns:1fr;}}
.excard{display:flex;flex-direction:column;gap:9px;text-decoration:none;background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:14px;padding:18px 20px 16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden;}
.excard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--exc,#fff);}
.excard:hover{transform:translateY(-3px);border-color:var(--exc,#fff);box-shadow:0 16px 40px -22px var(--exc,#000);}
.exh{display:flex;align-items:center;gap:10px;}
.exmark{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;flex:none;}
.exname{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:18px;color:var(--ink);}
.exlev{display:flex;align-items:baseline;gap:7px;margin-top:2px;}
.exlev b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:25px;color:var(--exc,var(--lime));letter-spacing:-.02em;}
.exlev span{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);}
.extag{font-size:13px;color:var(--ink-dim);flex:1;line-height:1.4;}
.exgo{font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--exc,var(--lime));font-weight:700;margin-top:3px;transition:letter-spacing .18s ease;}
.excard:hover .exgo{letter-spacing:.14em;}
.exbadge{position:absolute;top:13px;right:13px;display:inline-flex;align-items:center;gap:3px;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#fff;background:linear-gradient(135deg,#ff8a1e,#ff3d3d);padding:4px 9px;border-radius:20px;box-shadow:0 2px 12px -2px rgba(255,61,61,.65);animation:hotpulse 1.8s ease-in-out infinite;}
@keyframes hotpulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}
[dir="rtl"] .exbadge{right:auto;left:13px;}
.exnote{margin-top:14px;font-size:11.5px;color:var(--ink-faint);line-height:1.5;}
[dir="rtl"] .excard::before{left:auto;right:0;}
/* section heads (shared) */
.sec-head{display:block;margin-bottom:6px;}
.sec-head h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:27px;letter-spacing:-.03em;}
.sec-head .flame{font-size:22px;line-height:1;}
.sec-sub{color:var(--ink-dim);font-size:15px;margin-bottom:18px;max-width:640px;}
/* ticker */
.tickerwrap{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0 0;background:var(--panel-2);min-height:46px;}
/* hot pairs */
.hotpairs{margin:0 0 38px;animation:rise .8s cubic-bezier(.2,.7,.2,1) .4s both;}
.hp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;grid-auto-rows:1fr;min-height:138px;}/* reserve space so the page doesn't jump when cards load */
@media(max-width:860px){.hp-grid{grid-template-columns:repeat(2,1fr);min-height:268px;}}
.hp-card{background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:12px;padding:13px 14px;display:flex;flex-direction:column;gap:8px;transition:transform .18s ease,border-color .18s ease;position:relative;overflow:hidden;min-width:0;}
.hp-sym{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hp-card:hover{border-color:var(--lime);transform:translateY(-2px);}
.hp-card.hot{border-color:#ff7a18;overflow:visible;}
.hp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.hp-sym{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:16px;}
.hp-star{background:none;border:none;color:#3a434f;cursor:pointer;padding:0;margin-right:5px;vertical-align:-2px;line-height:0;transition:color .13s,transform .1s;}
.hp-star:hover{color:#9aa3ad;}
.hp-star.on{color:#ffd75a;}
.hp-star:active{transform:scale(.82);}
.hp-card.starred{border-color:rgba(255,215,90,.35);}
.hp-sym small{color:var(--ink-faint);font-weight:400;font-size:11px;}
.hp-chg{font-family:'Space Mono',monospace;font-size:11.5px;padding:3px 8px;border-radius:20px;white-space:nowrap;}
.hp-chg.up{color:var(--up);background:rgba(46,189,133,.14);}
.hp-chg.down{color:var(--red);background:rgba(255,98,88,.12);}
.hp-price{font-family:'Space Mono',monospace;font-size:18px;color:var(--ink);}
.hp-price.up{color:var(--up);}.hp-price.down{color:var(--red);}
.hp-trade{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);padding:9px;border-radius:8px;transition:.15s;}
.hp-trade:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);transform:translateY(-1px);}
.hp-fire{position:absolute;top:-8px;left:-8px;}
@media(max-width:520px){
.hp-grid{gap:7px;}
.hp-card{padding:10px 11px;gap:5px;border-radius:11px;}
.hp-sym{font-size:13.5px;}
.hp-sym small{font-size:9px;}
.hp-chg{font-size:9.5px;padding:2px 6px;}
.hp-price{font-size:14.5px;}
.hp-trade{padding:6px;font-size:10px;gap:3px;}
.hp-fire{top:-7px;left:-7px;}
}
/* live animated flame (replaces the static flame emoji) */
.liveflame{position:relative;display:inline-block;width:13px;height:13px;vertical-align:-2px;background:linear-gradient(45deg,#ff2d2d,#ff8a1e 55%,#ffcf2e);border-radius:0 50% 50% 50%;transform:rotate(45deg);box-shadow:0 0 7px rgba(255,90,20,.7);animation:flameFlick .85s ease-in-out infinite alternate;}
.liveflame::before{content:"";position:absolute;inset:32% 30% 14% 14%;background:linear-gradient(45deg,#ffd23e,#fff6c4);border-radius:0 50% 50% 50%;animation:flameCore .7s ease-in-out infinite alternate;}
@keyframes flameFlick{0%{transform:rotate(45deg) scale(1);box-shadow:0 0 5px rgba(255,90,20,.55);}50%{transform:rotate(45deg) scale(1.14,.9);}100%{transform:rotate(45deg) scale(.92,1.12);box-shadow:0 0 12px rgba(255,150,30,.92);}}
@keyframes flameCore{0%{opacity:.72;transform:scale(.82);}100%{opacity:1;transform:scale(1.14);}}
/* tradingview chart + signals */
.tvsec{margin:0 0 40px;animation:rise .8s cubic-bezier(.2,.7,.2,1) .4s both;}
.tvgrid{display:block;}
.tvbox{background:var(--panel);border:1px solid var(--line-bright);border-radius:14px;overflow:hidden;height:540px;}
@media(max-width:560px){.tvbox{height:420px;}}
.tvbox .tradingview-widget-container,.tvbox .tradingview-widget-container__widget{height:100%;width:100%;}
/* self-promo "advert" for our own Charts workspace — replaces the old TradingView embed, same 540px footprint */
.chads{position:relative;display:block;height:540px;border-radius:14px;overflow:hidden;border:1px solid rgba(63,216,230,.32);background:radial-gradient(130% 95% at 82% 4%,#11262d,#0b0e12 58%);text-decoration:none;color:var(--ink);box-shadow:0 24px 60px -30px rgba(0,0,0,.8);transition:transform .18s,box-shadow .18s,border-color .18s;}
.chads:hover{transform:translateY(-2px);border-color:rgba(63,216,230,.6);box-shadow:0 30px 72px -28px rgba(0,0,0,.85),0 0 44px -18px rgba(63,216,230,.55);}
.chads-bg{position:absolute;inset:0;opacity:.6;background-image:linear-gradient(rgba(63,216,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(63,216,230,.05) 1px,transparent 1px);background-size:36px 36px;}
.chads-art{position:absolute;right:0;bottom:0;width:60%;height:72%;opacity:.5;z-index:1;}
.chads-in{position:relative;z-index:2;padding:40px 42px;max-width:560px;}
.chads-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3fd8e6;border:1px solid rgba(63,216,230,.4);border-radius:99px;padding:6px 13px;margin-bottom:20px;}
.chads-in h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:34px;line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;color:#fff;}
.chads-feat{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:11px;}
.chads-feat li{position:relative;padding-left:27px;font-size:15px;color:var(--ink-dim);font-family:'Familjen Grotesk',sans-serif;}
.chads-feat li::before{content:'';position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,#3fd8e6,#c2f64a);}
.chads-cta{display:inline-flex;align-items:center;gap:8px;background:#c2f64a;color:#0a0b0d;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:16px;padding:14px 26px;border-radius:12px;box-shadow:0 10px 30px -8px rgba(194,246,74,.55);}
@media(max-width:560px){.chads{height:auto;min-height:430px;}.chads-in{padding:28px 24px;max-width:none;}.chads-in h3{font-size:26px;}.chads-art{width:80%;opacity:.35;}}
/* recommended tools */
.tools{margin:0 0 40px;animation:rise .8s cubic-bezier(.2,.7,.2,1) .4s both;}
/* smoothness: skip rendering/layout of the far below-fold sections until they're scrolled near (auto = remembers real size, no re-jump) */
.tools,.league,.content2,footer{content-visibility:auto;contain-intrinsic-size:auto 520px;}
/* extend the same off-screen render-skip to the mid below-fold sections (Market Pulse, exchanges, deriv board, heatmap teaser) — big layout/paint saving on weak phones */
.mpulse,.exchanges,.derivsec,.mteaser{content-visibility:auto;contain-intrinsic-size:auto 420px;}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
@media(max-width:720px){.tools-grid{grid-template-columns:1fr;}}
.toolcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:linear-gradient(180deg,var(--panel),var(--bg-grain));border:1px solid var(--line-bright);border-radius:14px;padding:18px 20px;transition:transform .18s ease,border-color .18s ease;position:relative;overflow:hidden;}
.toolcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--exc,#fff);}
.toolcard:hover{transform:translateY(-3px);border-color:var(--exc,#fff);}
.tc-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;color:var(--ink);}
.tc-desc{font-size:13.5px;color:var(--ink-dim);flex:1;line-height:1.4;}
.tc-go{font-family:'Space Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--exc,#fff);font-weight:700;margin-top:3px;}
[dir="rtl"] .toolcard::before{left:auto;right:0;}
/* content (redesigned) */
.league{margin:0 0 42px;}
.league-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#16130b,#0d0f12);border:1px solid var(--line-bright);border-radius:18px;padding:34px 32px;text-align:center;}
.league-card::before{content:"";position:absolute;inset:0;background:radial-gradient(440px 200px at 50% -10%,rgba(255,179,71,.16),transparent);pointer-events:none;}
.league-badge{display:inline-block;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffb347;border:1px solid rgba(255,179,71,.4);border-radius:999px;padding:5px 13px;margin-bottom:14px;position:relative;}
.league-card h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:27px;letter-spacing:-.02em;margin:0 0 8px;position:relative;}
.lg-board{margin:20px auto 0;max-width:440px;text-align:left;position:relative;}
.lg-gate{position:relative;font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-dim);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin:0 0 14px;line-height:1.5;}
.lg-gate.locked{border-color:rgba(255,179,71,.4);background:rgba(255,179,71,.06);color:#ffce9a;}
.lg-gate.ok{border-color:rgba(46,189,133,.35);background:rgba(46,189,133,.06);color:#9fe7c8;}
.lg-gate b{color:#c2f64a;}.lg-gate a{color:#c2f64a;}
.lg-signin{display:inline-block;margin-top:7px;background:#c2f64a;color:#0a0b0d;border:none;border-radius:9px;padding:8px 16px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12.5px;cursor:pointer;}
.lg-board-h{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9aa3ad;margin:0 0 8px;display:flex;align-items:center;gap:8px;justify-content:center;}
.lg-ends{font-family:'Space Mono',monospace;font-size:11px;color:#9aa3ad;text-align:center;margin-top:11px;}
.lg-ends b{color:#ffb347;}
.lg-live{color:#2ebd85;font-size:8px;border:1px solid rgba(46,189,133,.4);border-radius:999px;padding:1px 7px;letter-spacing:.06em;}
.lg-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);}
.lg-row:last-child{border-bottom:none;}
.lg-rank{flex-shrink:0;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;background:#1a1f27;color:#9aa3ad;}
.lg-r1{background:#ffd75a;color:#2a2200;}.lg-r2{background:#c8d2dc;color:#1a2026;}.lg-r3{background:#d69e6e;color:#241400;}
.lg-who{flex:1;font-family:'Space Mono',monospace;font-size:12.5px;color:#cdd3da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.lg-tr{font-family:'Space Mono',monospace;font-size:10px;color:#7f8893;text-transform:uppercase;}
.lg-roe{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;}
.lg-roe.up{color:#2ebd85;}.lg-roe.dn{color:#ff6258;}
.lg-prize{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:#ffd75a;width:30px;text-align:right;}
.lg-empty{color:#9aa3ad;font-size:13px;line-height:1.5;padding:14px 10px;text-align:center;}
.lg-you{margin:18px auto 0;max-width:440px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;}
.lg-you-h{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9aa3ad;margin:0 0 8px;}
.lg-you-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:13px;color:#9aa3ad;margin-bottom:10px;}
.lg-you-row b{color:#e9e7df;font-family:'Space Mono',monospace;}
.lg-you-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.lg-yc{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;}
.lg-yv{font-family:'Space Mono',monospace;font-weight:700;font-size:18px;color:#e9e7df;line-height:1.1;}
.lg-yc.win .lg-yv{color:#2ebd85;}
.lg-yl{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:#8a93a0;margin-top:4px;}
@media(max-width:460px){.lg-you-grid{grid-template-columns:repeat(2,1fr);}}
.lg-sub{color:var(--ink-dim);font-size:15px;max-width:580px;margin:0 auto 22px;line-height:1.6;position:relative;}
.lg-steps{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;position:relative;}
.lg-step{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line-bright);border-radius:12px;padding:11px 16px;font-size:14px;color:var(--ink);}
.lg-step b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffb347;color:#2a1a00;font-size:12px;flex-shrink:0;}
.lg-cta{display:inline-flex;align-items:center;gap:8px;background:#ffb347;color:#2a1a00;font-weight:700;font-family:'Space Mono',monospace;font-size:13px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:13px 22px;border-radius:10px;transition:.15s;position:relative;margin-top:18px;}
.lg-cta:hover{transform:translateY(-1px);background:#ffc266;}
/* live chat */
#chatFab[hidden],#chatBox[hidden],.ct-gate[hidden],.ct-msgs[hidden],.ct-form[hidden]{display:none!important;}
#chatFab{position:fixed;bottom:72px;right:20px;z-index:50;display:inline-flex;align-items:center;gap:7px;background:#fff;color:#0a0b0d;border:none;border-radius:999px;padding:12px 18px;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .15s;}
/* desktop My Trades — black pill sitting above the chat bubble (moved out of the header) */
#jrFab{display:none;position:fixed;bottom:20px;right:20px;z-index:50;align-items:center;gap:7px;background:#0a0b0d;color:#fff;border:1px solid var(--line-bright);border-radius:999px;padding:12px 18px;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.45);transition:transform .15s;}
#jrFab:hover{transform:translateY(-2px);border-color:var(--lime,#c2f64a);}
@media(min-width:721px){#jrFab{display:inline-flex;}.brand .hjr{display:none!important;}}
#chatFab:hover{transform:translateY(-2px);}
#chatBox{position:fixed;bottom:20px;right:20px;z-index:51;width:340px;max-width:calc(100vw - 32px);height:460px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-bright);border-radius:16px;overflow:hidden;box-shadow:0 14px 44px rgba(0,0,0,.55);}
.ct-head{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--line);}
.ct-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:15px;}
.ct-online{font-size:11px;color:var(--up);font-family:'Space Mono',monospace;}
.ct-x{margin-left:auto;background:none;border:none;color:var(--ink-faint);font-size:16px;cursor:pointer;padding:2px 6px;line-height:1;}
.ct-x:hover{color:var(--ink);}
.ct-gate{padding:24px 18px;text-align:center;display:flex;flex-direction:column;gap:12px;}
.ct-gate p{color:var(--ink-dim);font-size:14px;margin:0;line-height:1.5;}
.ct-gate input,.ct-form input{background:var(--bg);border:1px solid var(--line-bright);border-radius:10px;padding:11px 13px;color:var(--ink);font-size:16px;font-family:inherit;width:100%;box-sizing:border-box;}
.ct-gate button{background:#fff;color:#0a0b0d;border:none;border-radius:10px;padding:11px;font-weight:700;font-family:'Space Mono',monospace;font-size:13px;cursor:pointer;}
.ct-msgs{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;}
.ct-msg{font-size:13.5px;line-height:1.45;color:var(--ink);word-break:break-word;}
.ct-msg b{font-weight:700;margin-right:5px;}
.ct-form{display:flex;gap:8px;padding:11px 12px;border-top:1px solid var(--line);}
.ct-form button{background:#fff;color:#0a0b0d;border:none;border-radius:10px;width:42px;flex-shrink:0;font-size:15px;cursor:pointer;}
.ct-sys{background:rgba(194,246,74,.07);border:1px solid rgba(194,246,74,.2);border-radius:9px;padding:8px 10px;margin:5px 0;font-size:13px;line-height:1.55;color:#cdd3da;}
[dir="rtl"] #chatFab,[dir="rtl"] #chatBox{right:auto;left:20px;}
/* mobile: make chat a panel that sits ABOVE the bottom nav so the input isn't hidden behind it */
@media (max-width:720px){
#chatBox{top:60px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;left:14px!important;right:14px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;}
#chatFab{display:none!important;}
}
.content2{position:relative;z-index:1;background:linear-gradient(180deg,var(--panel) 0%,var(--bg-grain) 100%);border:1px solid var(--line-bright);border-radius:18px;padding:38px 36px;margin:0 0 42px;}
@media(max-width:640px){.content2{padding:26px 20px;}}
.content2 h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:29px;letter-spacing:-.03em;margin-bottom:6px;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 34px;}
@media(max-width:720px){.feature-grid{grid-template-columns:1fr;}}
.feat{display:block;text-decoration:none;background:var(--bg);border:1px solid var(--line-bright);border-radius:12px;padding:18px;transition:transform .18s ease,border-color .18s ease;}
.feat:hover{border-color:var(--lime);transform:translateY(-2px);}
.feat .fi{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--lime);margin-bottom:11px;}
.feat .fi svg{width:18px;height:18px;}
.feat h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:17px;color:var(--ink);margin-bottom:4px;}
.feat p{color:var(--ink-dim);font-size:13.5px;line-height:1.45;}
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:18px 2px;font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:18px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';color:var(--lime);font-size:24px;font-weight:400;line-height:1;transition:transform .2s ease;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details .a{color:var(--ink-dim);padding:0 2px 18px;max-width:780px;}
.faq details .a code{font-family:'Space Mono',monospace;font-size:13px;color:var(--lime);background:var(--bg);padding:2px 7px;border-radius:6px;border:1px solid var(--line);}
.disc{font-size:12.5px;color:var(--ink-faint);line-height:1.55;margin-top:26px;}
.botnote{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-faint);line-height:1.6;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}
.botnote svg{flex-shrink:0;color:#7cc4ff;margin-top:3px;}
.botnote b{color:var(--ink-dim);font-weight:600;}
.botnote a{color:#7cc4ff;text-decoration:none;white-space:nowrap;}
.botnote a:hover{text-decoration:underline;}
/* China: red = up/gain, green = down/loss (inverted), with a blue accent */
/* East Asian convention (China, Taiwan, Japan, Korea): red = up/gain, green = down/loss */
:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .rvalue.pos,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .rrow .v.pos,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-price.up,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-chg.up,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .ladder td .g{color:var(--red)!important;}
:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-chg.up{background:rgba(255,98,88,.12)!important;}
:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .rvalue.neg,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .rrow .v.neg,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-price.down,:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-chg.down{color:var(--up)!important;}
:is(html[lang="zh"],html[lang="ja"],html[lang="ko"]) .hp-chg.down{background:rgba(46,189,133,.14)!important;}
/* South Korea: down/loss is BLUE (not green); up/gain stays red */
html[lang="ko"] .rvalue.neg,html[lang="ko"] .rrow .v.neg,html[lang="ko"] .hp-price.down,html[lang="ko"] .hp-chg.down{color:#3d8bff!important;}
html[lang="ko"] .hp-chg.down{background:rgba(61,139,255,.14)!important;}
html[lang="zh"] .tab[aria-selected="true"]{background:rgba(56,114,222,.18)!important;border-color:rgba(120,170,255,.55)!important;color:#dce8ff!important;}
html[lang="zh"] .hero h1 em{background:linear-gradient(100deg,#6aa3ff 25%,#bcd6ff 50%,#6aa3ff 75%)!important;-webkit-background-clip:text!important;background-clip:text!important;}
/* RTL support (Arabic) */
[dir="rtl"] .results{border-left:none;border-right:1px solid var(--line);padding-left:0;padding-right:36px;}
@media (max-width:720px){[dir="rtl"] .results{border-right:none;}}
[dir="rtl"] .input-line .unit{right:auto;left:14px;}
[dir="rtl"] .rrow .v{text-align:left;}
[dir="rtl"] .ladder th,[dir="rtl"] .ladder td{text-align:left;}
[dir="rtl"] .ladder td:first-child,[dir="rtl"] .ladder th:first-child{text-align:right;}
[dir="rtl"] .card{border-radius:var(--r) 0 var(--r) var(--r);}
[dir="rtl"] .tab{border-radius:12px 12px 0 0;}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
@keyframes rise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
/* ---- premium FX (phase 1) ---- */
.grain{position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,");background-size:150px;}
@keyframes grainShift{0%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,2%)}100%{transform:translate(-1%,-1%)}}
.hero{position:relative;z-index:1;}
.hero::before{content:'';position:absolute;left:-8%;top:-30%;width:62%;height:180%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(194,246,74,.07),transparent 72%);animation:heroGlow 7s ease-in-out infinite;}
@keyframes heroGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
.prod::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 60%);}
.prod:hover::after{opacity:1;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
@keyframes cuPop{0%{transform:scale(1)}30%{transform:scale(1.05)}100%{transform:scale(1)}}
.cu-pop{display:inline-block;animation:cuPop .4s ease;}
/* ---- custom dropdown (replaces native selects) ---- */
.csel{position:relative;display:inline-block;vertical-align:middle;}
.csel-native{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0);}
.csel-trigger{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;background:var(--bg);border:1px solid var(--line-bright);color:var(--ink);font-family:'Space Mono',monospace;font-size:15px;font-weight:700;padding:11px 13px;border-radius:11px;cursor:pointer;transition:.15s;text-align:left;line-height:1.1;}
.csel-trigger:hover{border-color:var(--ink-faint);}
.csel-trigger.open{border-color:#c2f64a;box-shadow:0 0 0 3px rgba(194,246,74,.15);}
.csel-chev{flex-shrink:0;color:var(--ink-faint);transition:transform .2s ease;}
.csel-trigger.open .csel-chev{transform:rotate(180deg);}
.csel-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.csel-panel{position:absolute;z-index:95;left:0;right:0;top:calc(100% + 6px);min-width:160px;background:linear-gradient(180deg,#171b22,#0f1216);border:1px solid var(--line-bright);border-radius:12px;box-shadow:0 26px 64px -22px rgba(0,0,0,.85);padding:6px;animation:cselIn .16s ease;}
.csel-panel[hidden]{display:none;}
@keyframes cselIn{from{opacity:0;transform:translateY(-6px) scale(.99);}to{opacity:1;transform:none;}}
.csel-search{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:'Space Mono',monospace;font-size:13px;padding:8px 10px;border-radius:8px;outline:none;margin-bottom:6px;}
.csel-search:focus{border-color:var(--ink-faint);}
.csel-list{max-height:248px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;}
.csel-opt{display:block;width:100%;background:none;border:none;color:var(--ink-dim);font-family:'Space Mono',monospace;font-size:14px;font-weight:700;padding:9px 11px;border-radius:8px;cursor:pointer;text-align:left;transition:background .1s,color .1s;white-space:nowrap;}
.csel-opt:hover{background:rgba(255,255,255,.07);color:#fff;}
.csel-opt.sel{background:rgba(194,246,74,.12);color:#c2f64a;}
.input-line .csel{display:block;width:100%;}
/* exchange-preset rows (liq/cross calculators): branded letter chip + name + maintenance rate */
.csel-ex{display:flex;align-items:center;gap:9px;min-width:0;width:100%;}
.csel-ex .cx-m{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque','Familjen Grotesk',sans-serif;font-weight:800;font-size:12px;font-style:normal;flex:0 0 auto;}
.csel-ex .cx-custom{background:#1a212b;color:#9aa3ad;}
.csel-ex b{font-family:'Familjen Grotesk',sans-serif;font-size:13.5px;font-weight:700;white-space:nowrap;}
.csel-ex small{margin-left:auto;font-family:'Space Mono',monospace;font-size:10.5px;color:var(--ink-faint);white-space:nowrap;padding-left:10px;}
.csel-opt:hover .csel-ex small{color:var(--ink-dim);}
.csel-opt.sel .csel-ex small{color:rgba(194,246,74,.75);}
.heat-bar .csel{min-width:118px;}
.hnav .csel-trigger{font-size:12px;padding:8px 12px 8px 31px;font-weight:600;letter-spacing:.04em;border-radius:10px;position:relative;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));transition:border-color .15s,color .15s,box-shadow .15s,background .15s;}
.hnav .csel-trigger::before{content:'';position:absolute;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:url("data:image/svg+xml;utf8,") no-repeat center/contain;opacity:.9;transition:opacity .15s;}
.hnav .csel-trigger:hover{border-color:rgba(46,189,133,.6);color:#fff;background:linear-gradient(180deg,rgba(46,189,133,.1),rgba(46,189,133,.02));}
.hnav .csel-trigger:hover::before{opacity:1;}
.hnav .csel-trigger.open{border-color:#34d99a;box-shadow:0 0 0 3px rgba(46,189,133,.18);}
.hnav .csel-chev{color:#34d99a;}
/* desktop: make language + sign-in icon-only too (same as mobile — just a globe and a profile icon) */
/* desktop header matches the homepage: "Sign in" text + native EN language select (icon-only block removed) */
.hnav .csel-panel{min-width:170px;right:0;left:auto;}
@media (prefers-reduced-motion:reduce){*,.aurora::before,.aurora::after{animation:none !important;}header,.hero h1,.hero .sub,.hero .meta,.tabs,.card,.panel.active,.reveal{opacity:1 !important;transform:none !important;}.grain{display:none;}}
/* MOBILE: kill the live/animated background entirely — static, plain, cheap. Big perf win on phones. */
@media (max-width:760px){
/* WEAK-PHONE GPU RESCUE: 32 backdrop-filter:blur + a full-viewport aurora blur overwhelm old WebViews' compositor (Chrome <80 / in-app browsers) and FREEZE the page. Kill every blur on mobile — the #1 cause of "site won't open" on weak phones. */
*{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.aurora,.grain{display:none !important;}
#bgchart{display:none !important;}
.dot,.heat-src-dot,.exbadge,.liveflame,.lvdot,.pnew,.pt2-open,.pt2-open::after,.hx-dot,.sk,.skel,.hero::before{animation:none !important;}
/* nav bars + header relied on the (now-removed) blur for legibility → make them solid */
.mobnav,.smobnav,.mpbn{background:#0c1109 !important;}
body>.wrap>header,body>header,.hnav{background:#0a0b0d !important;}
}
/* ============ Visual polish v2 ============ */
/* deeper, colour-tinted atmosphere */
.aurora::before{opacity:.12;background:#c2f64a;filter:blur(110px);}
.aurora::after{opacity:.11;background:#2ebd85;filter:blur(120px);}
body[data-prod="heat"] .aurora::after{background:#ff6258;}
body[data-prod="swap"] .aurora::after{background:#6aa3ff;}
body[data-prod="plan"] .aurora::after{background:#2ebd85;}
/* live pulse dot utility */
.lvdot{position:relative;display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d99a;vertical-align:middle;}
.lvdot::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(52,217,154,.55);animation:lvpulse 1.7s ease-out infinite;}
@keyframes lvpulse{0%{box-shadow:0 0 0 0 rgba(52,217,154,.5);}70%{box-shadow:0 0 0 7px rgba(52,217,154,0);}100%{box-shadow:0 0 0 0 rgba(52,217,154,0);}}
@media(prefers-reduced-motion:reduce){.lvdot::after{animation:none;}}
/* hero: brighter subtext + lime live pill */
.hero .sub{color:#bcc3cb;font-size:18.5px;line-height:1.6;}
.hero .meta .lv{color:#cfe79a;border-color:rgba(194,246,74,.3)!important;}
.hero .meta .lv .lvdot{background:#c2f64a;}
.hero .meta .lv .lvdot::after{box-shadow:0 0 0 0 rgba(194,246,74,.5);animation:lvpulseL 1.7s ease-out infinite;}
@keyframes lvpulseL{0%{box-shadow:0 0 0 0 rgba(194,246,74,.5);}70%{box-shadow:0 0 0 7px rgba(194,246,74,0);}100%{box-shadow:0 0 0 0 rgba(194,246,74,0);}}
/* section rhythm: faint top divider above each major section */
.exchanges,.hotpairs,.tvsec,.tools{position:relative;}
.exchanges::before,.hotpairs::before,.tvsec::before,.tools::before{content:'';position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:min(100%,920px);height:1px;background:linear-gradient(90deg,transparent,var(--line-bright),transparent);}
/* product colour-coding (active accent per tool) */
.prod[data-prod="calc"].active{border-color:rgba(194,246,74,.8);box-shadow:inset 0 0 0 1px rgba(194,246,74,.4),0 18px 46px -22px rgba(194,246,74,.55);}
.prod[data-prod="calc"].active .pi{color:#c2f64a;}
.prod[data-prod="heat"].active{border-color:rgba(255,98,88,.8);box-shadow:inset 0 0 0 1px rgba(255,98,88,.4),0 18px 46px -22px rgba(255,98,88,.55);}
.prod[data-prod="heat"].active .pi{color:#ff7b72;}
.prod[data-prod="plan"].active{border-color:rgba(46,189,133,.8);box-shadow:inset 0 0 0 1px rgba(46,189,133,.4),0 18px 46px -22px rgba(46,189,133,.55);}
.prod[data-prod="plan"].active .pi{color:#34d99a;}
/* Paper Trade tab: subtle green tint when inactive — no promo pulse */
.prod[data-prod="plan"]:not(.active){border-color:rgba(46,189,133,.32);}
.prod[data-prod="plan"]:not(.active) .pi{color:#34d99a;}
.prod[data-prod="swap"].active{border-color:rgba(106,163,255,.8);box-shadow:inset 0 0 0 1px rgba(106,163,255,.4),0 18px 46px -22px rgba(106,163,255,.55);}
.prod[data-prod="swap"].active .pi{color:#6aa3ff;}
.prod[data-prod="charts"].active{border-color:rgba(63,216,230,.8);box-shadow:inset 0 0 0 1px rgba(63,216,230,.4),0 18px 46px -22px rgba(63,216,230,.55);}
.prod[data-prod="charts"].active .pi{color:#3fd8e6;}
body[data-prod="charts"] .aurora::after{background:#3fd8e6;}
/* header Charts link + hero Rewards CTA */
.hcharts{color:#3fd8e6;}
.hcharts:hover{color:#7ce9f2;background:rgba(63,216,230,.12);}
/* identical to the Open Paper Trade button (.hero-cta), just not as wide */
/* Rewards CTA: transparent button, neon lime outline + text + gift icon.
Uses .hero-cta.hero-cta-rwd so it OUTWEIGHS the later-defined .hero-cta (which sets the lime fill). */
.hero-cta.hero-cta-rwd{background:transparent !important;color:#c2f64a;border:1.5px solid #c2f64a;box-shadow:none;text-decoration:none;padding:13.5px 19px;text-shadow:0 0 10px rgba(194,246,74,.55);}
.hero-cta.hero-cta-rwd:hover{background:rgba(194,246,74,.08) !important;color:#d4f87a;border-color:#d4f87a;box-shadow:0 0 24px -4px rgba(194,246,74,.55);transform:translateY(-2px);}
.hero-cta.hero-cta-rwd svg{filter:drop-shadow(0 0 5px rgba(194,246,74,.6));}
/* ===== Charts workspace ===== */
#chartspace{margin:18px 0 6px;animation:rise .5s cubic-bezier(.2,.7,.2,1) both;width:min(98vw,2400px);margin-left:calc(50% - min(49vw,1200px));margin-right:calc(50% - min(49vw,1200px));}
@media(max-width:980px){#chartspace{width:auto;margin-left:0;margin-right:0;}}
.cws-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px;}
.cws-left{display:flex;flex-direction:column;gap:2px;min-width:0;}
.cws-title{display:inline-flex;align-items:center;gap:8px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:18px;color:var(--ink);}
.cws-title svg{color:#3fd8e6;}
.cws-hint{font-family:'Space Mono',monospace;font-size:11px;color:#c2f64a;text-shadow:0 0 9px rgba(194,246,74,.5);letter-spacing:.02em;}
/* dedicated /charts page: FIT-SCREEN workspace — a left collapsible sidebar holds ALL controls, the board fills the rest. No page scroll, no footer. Ctrl+wheel on the board grows the working area. */
body.charts-page .aurora,body.charts-page #bgchart,body.charts-page .grain{display:none!important;}
body.charts-page .wrap{max-width:none;}
body.charts-page footer{display:none!important;}
.cws-side-x{display:none;}
.cws-reopen{display:none;}
.cws-widgets{display:none;}
.cws-board.cws-light{background-color:#e9ebee!important;background-image:none!important;}
.cws-hint span:not(:last-child)::after{content:' · ';color:var(--ink-faint);}
@media(min-width:881px){
body.charts-page{overflow:hidden;}
/* .wrap = a flex column filling the viewport → chartspace auto-fills below the header (no magic offset, never scrolls) */
body.charts-page .wrap{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:0;}
body.charts-page #chartspace{flex:1 1 auto;min-height:0;width:auto;margin:6px 0 0;display:flex!important;align-items:stretch;gap:10px;position:relative;overflow:hidden;}
/* sidebar OVERLAYS the board (absolute) — opening/closing never moves the charts */
body.charts-page .cws-bar{position:absolute;left:0;top:0;bottom:0;z-index:25;width:216px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:9px;margin:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(14,17,22,.97),rgba(10,12,16,.97));backdrop-filter:blur(6px);border:1px solid #1c2025;border-radius:14px;padding:11px 10px;transition:transform .22s cubic-bezier(.2,.7,.2,1),opacity .16s ease;scrollbar-width:thin;box-shadow:18px 0 50px -22px rgba(0,0,0,.9);}
body.charts-page.cws-side-off .cws-bar{transform:translateX(-112%);opacity:0;pointer-events:none;}
/* Hide button — neon lime, prominent */
body.charts-page .cws-side-x{display:inline-flex;align-items:center;justify-content:center;width:100%;flex:0 0 auto;background:linear-gradient(180deg,rgba(194,246,74,.16),rgba(194,246,74,.05));border:1px solid rgba(194,246,74,.55);color:#c2f64a;font-family:'Space Mono',monospace;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border-radius:10px;padding:9px;cursor:pointer;text-shadow:0 0 10px rgba(194,246,74,.6);box-shadow:0 0 16px -6px rgba(194,246,74,.5);}
body.charts-page .cws-side-x:hover{background:linear-gradient(180deg,rgba(194,246,74,.26),rgba(194,246,74,.08));box-shadow:0 0 22px -4px rgba(194,246,74,.7);}
/* new sidebar widgets: chart-bg toggle / watchlist / top-signals */
body.charts-page .cws-widgets{display:flex;flex-direction:column;gap:9px;}
body.charts-page .cws-wpanel{background:rgba(255,255,255,.02);border:1px solid #1c2129;border-radius:11px;padding:9px 9px 10px;}
body.charts-page .cws-wh{font-family:'Space Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:#7f8893;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;}
body.charts-page .cws-w-live{color:#2ebd85;font-size:8.5px;}
body.charts-page .cws-bg-seg{display:flex;gap:5px;}
body.charts-page .cws-bg-seg button{flex:1;background:#0d1014;border:1px solid #262d36;color:#9aa3ad;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;border-radius:8px;padding:7px 0;cursor:pointer;transition:.13s;}
body.charts-page .cws-bg-seg button.on{background:#3fd8e6;border-color:#3fd8e6;color:#06222a;}
body.charts-page .cws-wl,body.charts-page .cws-scr{display:flex;flex-direction:column;gap:4px;max-height:30vh;overflow-y:auto;scrollbar-width:thin;}
body.charts-page .cws-w-empty{font-size:11px;color:#5c656f;line-height:1.45;}
body.charts-page .cws-wcoin{display:flex;align-items:center;gap:7px;width:100%;background:#0d1014;border:1px solid #20262e;border-radius:8px;padding:6px 8px;cursor:pointer;font-family:'Space Mono',monospace;color:#cdd3da;transition:.12s;text-align:left;}
body.charts-page .cws-wcoin:hover{border-color:#3fd8e6;color:#fff;}
body.charts-page .cws-wcoin .sd{font-size:9px;flex:0 0 auto;}
body.charts-page .cws-wcoin .sd.up{color:#2ebd85;}body.charts-page .cws-wcoin .sd.dn{color:#ff6258;}
body.charts-page .cws-wcoin .sym{font-size:12px;font-weight:800;flex:1;}
body.charts-page .cws-wcoin .chg{font-size:10.5px;font-weight:700;}
body.charts-page .cws-wcoin .chg.up{color:#2ebd85;}body.charts-page .cws-wcoin .chg.dn{color:#ff6258;}
body.charts-page .cws-wcoin .sc{font-size:10px;font-weight:800;border-radius:5px;padding:1px 6px;color:#06210a;flex-shrink:0;}
body.charts-page .cws-board{flex:1 1 100%;width:100%;height:100%;min-height:0;margin:0;}
/* controls + hint pushed to the BOTTOM of the panel; hint as a clean one-per-line list */
body.charts-page .cws-bar .cws-actions{flex-direction:column;align-items:stretch;gap:7px;width:100%;margin-top:auto;}
body.charts-page .cws-bar .cws-btn{width:100%;justify-content:flex-start;}
body.charts-page .cws-bar .cws-tiles{justify-content:space-between;width:100%;}
body.charts-page .cws-bar .cws-hint{display:flex;flex-direction:column;gap:3px;white-space:normal;line-height:1.35;font-size:10px;margin-top:2px;text-shadow:none;color:#8d96a1;}
body.charts-page .cws-bar .cws-hint span{display:block;padding-left:11px;position:relative;}
body.charts-page .cws-bar .cws-hint span::after{content:none;}
body.charts-page .cws-bar .cws-hint span::before{content:'›';position:absolute;left:0;color:#3fd8e6;}
body.charts-page.cws-side-off .cws-reopen{display:flex;}
body.charts-page .cws-reopen{position:absolute;left:0;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;width:20px;height:80px;background:linear-gradient(180deg,#c2f64a,#9fe000);color:#06210a;border:none;border-radius:0 10px 10px 0;cursor:pointer;z-index:30;box-shadow:0 0 20px -4px rgba(194,246,74,.75);writing-mode:vertical-rl;font-family:'Space Mono',monospace;font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
body.charts-page .cws-reopen:hover{box-shadow:0 0 26px -2px rgba(194,246,74,.95);width:23px;}
}
@media(max-width:880px){body.charts-page .cws-board{height:auto;}}
/* ---- mobile single-chart (Charts on phones) ---- */
.cwm{display:flex;flex-direction:column;height:calc(100vh - 128px);height:calc(100dvh - 128px);min-height:430px;background:#0a0b0d;}
.cwm-bar{display:flex;align-items:center;gap:8px;padding:9px 10px 7px;}
.cwm-sym{flex:1;min-width:0;background:#161a21;border:1px solid #2f3742;color:#e9e7df;font-weight:800;font-size:15px;border-radius:10px;padding:9px 13px;font-family:inherit;cursor:pointer;text-align:left;}
.cwm-ind{background:#161a21;border:1px solid #2f3742;color:#e9e7df;font-size:12.5px;font-weight:700;border-radius:10px;padding:9px 12px;white-space:nowrap;font-family:inherit;cursor:pointer;flex-shrink:0;}
.cwm-ind.on{border-color:#c2f64a;color:#c2f64a;}
.cwm-draw{background:#161a21;border:1px solid #2f3742;color:#9aa3ad;border-radius:10px;padding:8px 11px;font-family:inherit;cursor:pointer;flex-shrink:0;display:inline-flex;align-items:center;}
.cwm-draw.on{background:#3fd8e6;border-color:#3fd8e6;color:#06222a;}
.cwm.drawing .cwin-draw{pointer-events:auto;cursor:crosshair;}
.cwm.drawing .cwin-tools{display:flex;}
@media(max-width:880px){.cwin-tools .cwin-tool{min-width:30px;min-height:30px;font-size:14px;}.cwin-tools .cwin-color{width:18px;height:18px;}}
.cwm-tf{display:flex;gap:4px;padding:0 10px 8px;}
.cwm-tf button{flex:1;background:#0f1318;border:1px solid #232932;color:#9aa3ad;font-size:12.5px;font-weight:700;border-radius:8px;padding:8px 0;font-family:inherit;cursor:pointer;}
.cwm-tf button.on{background:#c2f64a;color:#0a0b0d;border-color:#c2f64a;}
.cwm-chart{flex:1;position:relative;min-height:0;border-top:1px solid #1c2025;border-bottom:1px solid #1c2025;}
.cwm-foot{display:flex;gap:8px;padding:9px 10px;}
.cwm-foot button{flex:1;border-radius:11px;padding:12px;font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;border:1px solid transparent;}
.cwm-trade{background:#c2f64a;color:#0a0b0d;flex:2!important;}
.cwm-mt{background:#161a21;color:#e9e7df;border-color:#2f3742!important;}
.cwm-mt.on{border-color:#3fd8e6!important;color:#3fd8e6;}
.cwm-sheet{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);opacity:0;transition:opacity .25s;}
.cwm-sheet[hidden]{display:none;}
.cwm-sheet.on{opacity:1;}
.cwm-sheet-p{position:absolute;left:0;right:0;bottom:0;background:#0d0f13;border-top:1px solid #2f3742;border-radius:18px 18px 0 0;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.85,.25,1);max-height:72vh;overflow-y:auto;}
.cwm-sheet.on .cwm-sheet-p{transform:translateY(0);}
.cwm-sheet-h{display:flex;align-items:center;justify-content:space-between;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:17px;color:#e9e7df;margin-bottom:12px;}
.cwm-sheet-x{background:#161a21;border:1px solid #2f3742;color:#e9e7df;width:32px;height:32px;border-radius:50%;font-size:13px;cursor:pointer;}
.cwm-ind-opt{display:flex;align-items:center;justify-content:space-between;width:100%;background:#111419;border:1px solid #232932;color:#e9e7df;border-radius:12px;padding:14px 15px;margin-bottom:8px;font-size:14.5px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;}
.cwm-ind-opt.on{border-color:#c2f64a;color:#c2f64a;}
.cwm-ind-opt .dot{width:20px;height:20px;border-radius:6px;border:2px solid #5c656f;flex-shrink:0;}
.cwm-ind-opt.on .dot{background:#c2f64a;border-color:#c2f64a;}
@media(max-width:880px){body.charts-page .cws-bar{display:none!important;}body.charts-page .cws-board{padding:0!important;border:none!important;border-radius:0!important;overflow:visible!important;}}
.cws-actions{display:flex;gap:8px;flex-wrap:wrap;}
.cws-btn{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line-bright);border-radius:10px;padding:9px 13px;cursor:pointer;transition:.15s;}
.cws-btn:hover{color:var(--ink);border-color:var(--ink-faint);}
.cws-btn small{color:var(--ink-faint);font-size:10.5px;}
.cws-add{color:#0a0b0d;background:#3fd8e6;border-color:#3fd8e6;}
.cws-add:hover{background:#62e6f2;color:#0a0b0d;}
.cws-add small{color:rgba(10,11,13,.6);}
.cws-add[disabled]{opacity:.45;cursor:not-allowed;}
.cws-board{position:relative;z-index:0;height:min(82vh,1180px);min-height:520px;border:1px solid #1c2025;border-radius:16px;overflow:hidden;touch-action:none;
background-color:#3f444b;
background-image:
radial-gradient(circle at 6px 6px, rgba(0,0,0,.55) 0 1.7px, transparent 2.3px),
radial-gradient(circle at 6px 6px, rgba(255,255,255,.07) 0 2.7px, transparent 3.2px),
linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.20));
background-size:21px 21px,21px 21px,100% 100%;
box-shadow:inset 0 0 140px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);}
.cws-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;color:#cfd4da;}
.cws-empty[hidden]{display:none;}
.cws-empty-i{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:rgba(10,12,15,.55);border:1px solid rgba(255,255,255,.12);color:#3fd8e6;box-shadow:inset 0 0 24px rgba(0,0,0,.4);}
.cws-empty p{margin:0;font-size:15px;color:#e7eaee;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.cws-empty p b{color:#fff;}
.cws-emptybtn{font-family:'Space Mono',monospace;font-weight:700;font-size:13px;color:#0a0b0d;background:#3fd8e6;border:none;border-radius:11px;padding:12px 18px;cursor:pointer;box-shadow:0 8px 22px -8px rgba(63,216,230,.7);}
.cws-emptybtn:hover{background:#62e6f2;}
.cws-tpls{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(460px,92%);margin:2px 0 8px;}
.cws-tpls button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;}
.cws-tpls button:hover{border-color:#3fd8e6;background:rgba(63,216,230,.08);transform:translateY(-1px);}
.cws-tpls button b{font-family:'Space Mono',monospace;font-weight:700;font-size:13.5px;color:#eef2f6;}
.cws-tpls button span{font-size:11.5px;color:#9aa3ad;line-height:1.3;}
/* note drag-and-drop targeting */
.cws-board.note-dragging .cwin{outline:2px dashed rgba(63,216,230,.4);outline-offset:-2px;}
.cws-board.note-dragging .cwin.drop-hover{outline:2px solid #3fd8e6;outline-offset:-2px;box-shadow:0 0 0 3px rgba(63,216,230,.28),0 22px 50px -18px rgba(0,0,0,.8);}
/* drop target is the window HEADER only (so the chart body stays clear) — highlight + hint live there */
.cws-board.note-dragging .cwin .cwin-head{outline:1px dashed rgba(63,216,230,.4);outline-offset:-3px;}
.cws-board.note-dragging .cwin.drop-hover .cwin-head{background:linear-gradient(180deg,#13343c,#0f2a30);outline:2px solid #3fd8e6;outline-offset:-2px;}
.cws-board.note-dragging .cwin.drop-hover .cwin-head::after{content:"Drop to pin";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(63,216,230,.16);color:#3fd8e6;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.04em;z-index:6;pointer-events:none;}
/* charts mobile disclaimer */
.cws-mobile-note{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:34px 22px;max-width:430px;margin:0 auto;}
.cws-mn-ic{width:64px;height:64px;border-radius:18px;background:rgba(63,216,230,.12);color:#3fd8e6;display:flex;align-items:center;justify-content:center;}
.cws-mobile-note h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:19px;color:#fff;margin:4px 0 0;}
.cws-mobile-note p{font-size:14px;line-height:1.55;color:#9aa3ad;margin:0;}
.cws-mobile-note p b{color:#c2f64a;}
.cws-mn-btn{margin-top:6px;background:#0c0f13;border:1px solid #2f3742;color:#cdd3da;border-radius:11px;padding:11px 20px;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;cursor:pointer;}
.cws-mn-btn:active{background:#161a20;}
/* a floating chart window */
.cwin{position:absolute;display:flex;flex-direction:column;background:linear-gradient(180deg,#13171d,#0c0f13);border:1px solid #2b323b;border-radius:12px;overflow:hidden;box-shadow:0 22px 50px -18px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4);min-width:200px;min-height:150px;}
.cws-preset{-webkit-appearance:none;appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239aa3ad' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.cwin.front{border-color:#3a4654;box-shadow:0 26px 60px -16px rgba(0,0,0,.85),0 0 0 1px rgba(63,216,230,.25);}
.cwin.dragging{transition:none;will-change:left,top;}
.cwin-head{display:flex;align-items:center;gap:6px;row-gap:4px;padding:7px 8px;background:linear-gradient(180deg,#1b2128,#141a20);border-bottom:1px solid #262d36;cursor:grab;flex-wrap:wrap;position:relative;} /* wrap instead of clipping — a narrow window used to CUT the symbol pill + low-TF buttons out of the header (UX audit) */
.cwin-head:active{cursor:grabbing;}
.cwin-grip{flex-shrink:0;color:#5c656f;display:inline-flex;}
.cwin-sym{flex-shrink:0;background:#0a0d11;border:1px solid #2b323b;border-radius:7px;color:#c2f64a;text-shadow:0 0 9px rgba(194,246,74,.55);font-family:'Space Mono',monospace;font-size:12px;font-weight:700;padding:5px 6px;cursor:pointer;outline:none;}
.cwin-sym{text-transform:uppercase;width:66px;cursor:pointer;}
.cwin-sym-menu{position:fixed;z-index:1100;background:#0d1014;border:1px solid #2b323b;border-radius:10px;padding:6px;box-shadow:0 24px 60px -20px rgba(0,0,0,.92);display:flex;flex-direction:column;gap:5px;}
.cwin-sym-menu[hidden]{display:none;}
.cwin-sym-search{background:#0a0d11;border:1px solid #2f3742;border-radius:7px;padding:8px 10px;color:#e9e7df;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;text-transform:uppercase;outline:none;width:100%;box-sizing:border-box;}
.cwin-sym-search:focus{border-color:#c2f64a;}
.cwin-sym-search::placeholder{text-transform:none;color:#5c656f;}
.cwin-sym-list{max-height:248px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:1px;-webkit-overflow-scrolling:touch;}
.cwin-sym-opt{text-align:left;background:none;border:none;color:#cdd3da;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;padding:7px 11px;border-radius:6px;cursor:pointer;white-space:nowrap;}
.cwin-sym-opt:hover{background:rgba(255,255,255,.05);color:#fff;}
.cwin-sym-opt.on{color:#c2f64a;}
.cwin-sym-add{color:#c2f64a;}
.cwin-sym-empty{color:#5c656f;font-size:12px;padding:8px 11px;font-family:'Space Mono',monospace;}
.cwin-tf{display:inline-flex;background:#0a0d11;border:1px solid #2b323b;border-radius:7px;overflow:hidden;flex-shrink:0;}
.cwin-tf button{background:none;border:none;color:#7f8893;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;padding:5px 7px;cursor:pointer;}
.cwin-tf button.on{background:#3fd8e6;color:#06222a;}
.cwin-ind-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;background:#0a0d11;border:1px solid #2b323b;border-radius:7px;color:#9aa3ad;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 9px;cursor:pointer;transition:.13s;white-space:nowrap;}
.cwin-ind-btn:hover{color:#cfd4da;border-color:#3a434f;}
.cwin-ind-btn.active{color:#06222a;background:#3fd8e6;border-color:#3fd8e6;}
.cwin-ind-n{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:rgba(0,0,0,.28);font-size:9.5px;}
.cwin-ind-btn.active .cwin-ind-n{background:rgba(6,34,42,.3);color:#06222a;}
.cwin-ind-n:empty{display:none;}
.cwin-ind-menu{position:fixed;z-index:120;width:220px;max-height:min(64vh,360px);overflow-y:auto;background:linear-gradient(180deg,#161b22,#0e1218);border:1px solid #2f3a47;border-radius:12px;box-shadow:0 26px 60px -18px rgba(0,0,0,.85),0 0 0 1px rgba(63,216,230,.14);padding:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.cwin-ind-menu[hidden]{display:none;}
.cwin-ind-menu-h{font-family:'Space Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.12em;color:#5c656f;padding:5px 8px 7px;}
.cwin-ind-menu-list{display:flex;flex-direction:column;gap:2px;}
.cwin-ai{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#1c2638,#131a28);border:1px solid #34425a;border-radius:7px;color:#9bd6ff;padding:5px 8px;cursor:pointer;font-size:11px;font-weight:700;font-family:inherit;box-shadow:0 0 0 1px rgba(120,180,255,.08);}
.cwin-ai:hover{color:#dff0ff;border-color:#4a6088;box-shadow:0 0 10px -2px rgba(120,180,255,.5);}
.cwin-ai svg{color:#7fb6ff;flex-shrink:0;}
.cwin-ai-panel{position:fixed;z-index:140;width:360px;max-width:94vw;height:min(76vh,560px);display:flex;flex-direction:column;background:linear-gradient(180deg,#151b28,#0c1019);border:1px solid #2c3645;border-radius:15px;box-shadow:0 36px 80px -22px rgba(0,0,0,.92),0 0 0 1px rgba(120,180,255,.14);overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.cwin-ai-panel[hidden]{display:none;}
.cwin-ai-h{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #222b39;background:linear-gradient(180deg,rgba(127,182,255,.07),transparent);flex-shrink:0;cursor:move;touch-action:none;}
.cwin-ai-h button{cursor:pointer;}
.cwin-ai-h>svg{flex-shrink:0;filter:drop-shadow(0 0 5px rgba(127,182,255,.5));}
.cwin-ai-h b{font-size:13px;color:#eef3fa;font-weight:800;letter-spacing:.01em;}
.cwin-ai-sym{font-family:'Space Mono',monospace;color:#7fb6ff;font-size:11.5px;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.cwin-ai-quota{margin-left:auto;font-family:'Space Mono',monospace;font-size:10px;color:#5c656f;white-space:nowrap;}
.cwin-ai-quota.low{color:#ffb347;}
.cwin-ai-clear,.cwin-ai-x{background:none;border:none;color:#5c656f;cursor:pointer;padding:2px 3px;line-height:1;display:inline-flex;}
.cwin-ai-clear:hover{color:#ff8a80;}.cwin-ai-x{font-size:15px;}.cwin-ai-x:hover{color:#e9e7df;}
.cwin-ai-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:13px 12px;display:flex;flex-direction:column;gap:9px;font-size:13px;line-height:1.6;}
.aimsg{max-width:90%;padding:9px 12px;border-radius:13px;word-wrap:break-word;}
.aimsg.user{align-self:flex-end;background:linear-gradient(180deg,#26486f,#1f3a5a);color:#eaf3ff;border-bottom-right-radius:4px;}
.aimsg.ai{align-self:flex-start;position:relative;background:#161d2a;border:1px solid #232d3d;color:#d3dae4;border-bottom-left-radius:4px;}
.aimsg.ai b{color:#fff;}
.aicopy{position:absolute;top:4px;right:4px;background:rgba(13,17,25,.85);border:1px solid #283342;border-radius:6px;color:#5c6a7d;cursor:pointer;padding:3px 4px;line-height:0;opacity:0;transition:opacity .12s;}
.aimsg.ai:hover .aicopy{opacity:1;}
.aicopy:hover{color:#9bd6ff;border-color:#3f5168;}
.aiplan{display:inline-flex;align-items:center;gap:6px;margin-top:9px;background:linear-gradient(180deg,#1d3550,#16283d);border:1px solid #3a567c;border-radius:9px;color:#9bd6ff;font-family:inherit;font-size:12px;font-weight:700;padding:7px 11px;cursor:pointer;transition:.12s;}
.aiplan:hover{border-color:#5a82bd;color:#dff0ff;box-shadow:0 0 12px -3px rgba(127,182,255,.5);}
.aiplan.done{color:#41e3a3;border-color:rgba(46,189,133,.5);background:rgba(46,189,133,.1);}
.aiplan svg{flex-shrink:0;}
.aimsg.ai code{font-family:'Space Mono',monospace;font-size:.9em;background:#0c1119;border:1px solid #283342;border-radius:5px;padding:1px 5px;color:#9bd6ff;}
.aimsg-empty{color:#7f8a99;font-size:12.5px;line-height:1.65;padding:6px 2px;}
.aimsg-empty b{color:#aeb8c6;}
.aitype{display:inline-flex;gap:4px;padding:2px 0;}
.aitype i{width:6px;height:6px;border-radius:50%;background:#5a85c0;animation:aitb 1.1s infinite ease-in-out;}
.aitype i:nth-child(2){animation-delay:.18s;}.aitype i:nth-child(3){animation-delay:.36s;}
@keyframes aitb{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.cwin-ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:9px 12px 0;flex-shrink:0;}
.cwin-ai-chip{font-size:11.5px;color:#9bd6ff;background:#111826;border:1px solid #283648;border-radius:999px;padding:6px 11px;cursor:pointer;font-family:inherit;transition:.12s;}
.cwin-ai-chip:hover{border-color:#4a6088;color:#dff0ff;background:#16203099;}
.cwin-ai-in{display:flex;gap:7px;padding:10px 12px;flex-shrink:0;}
.cwin-ai-in input{flex:1;min-width:0;background:#0b0f17;border:1px solid #2c3645;border-radius:10px;padding:10px 12px;color:#e9e7df;font-size:13px;font-family:inherit;outline:none;}
.cwin-ai-in input:focus{border-color:#7fb6ff;box-shadow:0 0 0 3px rgba(127,182,255,.13);}
.cwin-ai-send{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#86bcff,#4f8fe6);border:none;border-radius:10px;color:#06121f;cursor:pointer;padding:0 13px;box-shadow:0 6px 16px -6px rgba(127,182,255,.6);}
.cwin-ai-send:hover{filter:brightness(1.07);}
.cwin-ai-send:disabled{opacity:.5;cursor:default;}
.cwin-ai-gate{padding:26px 18px;text-align:center;color:#9aa3ad;font-size:13px;line-height:1.65;}
.cwin-ai-gate .g-btn{display:inline-block;margin-top:13px;background:#c2f64a;color:#0a0b0d;font-weight:800;border:none;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:13px;}
.cwin-ai-note{font-size:10px;color:#566;padding:0 12px 10px;text-align:center;flex-shrink:0;}
.cwin-ai-panel.gated .cwin-ai-chips,.cwin-ai-panel.gated .cwin-ai-in,.cwin-ai-panel.gated .cwin-ai-note{display:none;}
.cwin-ind-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;border-radius:8px;color:#cdd3da;font-family:'Familjen Grotesk',sans-serif;font-size:13px;padding:8px 9px;cursor:pointer;transition:.12s;}
.cwin-ind-item:hover{background:rgba(255,255,255,.05);}
.cwin-ind-it-lbl{flex:1;}
.cwin-ind-sel{margin-left:auto;background:#0a0d11;border:1px solid #2b323b;border-radius:6px;color:#cdd3da;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;padding:3px 6px;cursor:pointer;outline:none;}
.cwin-ind-sel:focus{border-color:#3fd8e6;}
.cwin-ind-pers{margin-left:auto;display:inline-flex;gap:2px;flex-shrink:0;}
.cwin-ind-pers b{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:#6b7480;background:#0a0d11;border:1px solid #2b323b;border-radius:5px;padding:2px 4px;cursor:pointer;line-height:1.25;min-width:17px;text-align:center;transition:.1s;}
.cwin-ind-pers b:hover{border-color:#3a434f;color:#cdd3da;}
.cwin-ind-pers b.on{color:#06222a;background:#3fd8e6;border-color:#3fd8e6;}
.cwin-ind-ck{flex-shrink:0;width:16px;height:16px;border-radius:5px;border:1.5px solid #3a434f;position:relative;transition:.12s;}
.cwin-ind-item.on{color:#fff;}
.cwin-ind-item.on .cwin-ind-ck{background:#3fd8e6;border-color:#3fd8e6;}
.cwin-ind-item.on .cwin-ind-ck::after{content:'';position:absolute;left:4.5px;top:1px;width:4px;height:8px;border:solid #06222a;border-width:0 2px 2px 0;transform:rotate(45deg);}
.cws-trade{color:#03281c;background:#2ebd85;border-color:#2ebd85;}
.cws-trade:hover{background:#34d99a;color:#03281c;}
.cws-lay-item{display:flex;align-items:center;gap:2px;}
.cws-lay-open{flex:1;text-align:left;background:none;border:none;border-radius:8px;color:#cdd3da;font-family:'Familjen Grotesk',sans-serif;font-size:13px;padding:8px 9px;cursor:pointer;}
.cws-lay-open:hover{background:rgba(255,255,255,.05);}
.cws-lay-open small{color:#5c656f;font-size:11px;}
.cws-lay-del{flex-shrink:0;background:none;border:none;color:#7f8893;font-size:12px;padding:6px 8px;cursor:pointer;border-radius:7px;}
.cws-lay-del:hover{color:#ff6258;background:rgba(255,98,88,.12);}
.cws-lay-empty{color:#7f8893;font-size:12.5px;padding:8px 9px 10px;line-height:1.5;}
.cwin-x{flex-shrink:0;margin-left:auto;background:none;border:none;color:#7f8893;font-size:15px;line-height:1;padding:4px 6px;cursor:pointer;border-radius:6px;}
.cwin-x:hover{color:#ff6258;background:rgba(255,98,88,.12);}
.cwin-body{position:relative;flex:1;min-height:0;background:#0a0d11;}
.cwin-chart{position:absolute;inset:0;}
.cwin-leg{position:absolute;top:4px;left:7px;z-index:5;display:flex;gap:9px;flex-wrap:wrap;max-width:calc(100% - 14px);font-family:'Space Mono',monospace;font-size:10px;line-height:1.25;color:#9aa3ad;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.8);}
.cwin-leg b{font-weight:700;}
.cwin-skel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5c656f;font-family:'Space Mono',monospace;font-size:12px;}
.cwin-rsz{position:absolute;right:0;bottom:0;width:18px;height:18px;z-index:3;pointer-events:none;}
.cwin-rsz::after{content:'';position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid #5c656f;border-bottom:2px solid #5c656f;border-radius:0 0 3px 0;}
.cwin-rz{position:absolute;z-index:6;}
.cwin-rz-n{top:-3px;left:12px;right:12px;height:8px;cursor:ns-resize;}
.cwin-rz-s{bottom:-3px;left:12px;right:12px;height:8px;cursor:ns-resize;}
.cwin-rz-e{right:-3px;top:12px;bottom:12px;width:8px;cursor:ew-resize;}
.cwin-rz-w{left:-3px;top:12px;bottom:12px;width:8px;cursor:ew-resize;}
.cwin-rz-ne{top:-4px;right:-4px;width:16px;height:16px;cursor:nesw-resize;}
.cwin-rz-nw{top:-4px;left:-4px;width:16px;height:16px;cursor:nwse-resize;}
.cwin-rz-se{bottom:-4px;right:-4px;width:16px;height:16px;cursor:nwse-resize;}
.cwin-rz-sw{bottom:-4px;left:-4px;width:16px;height:16px;cursor:nesw-resize;}
/* drawing overlay */
.cwin-draw{position:absolute;inset:0;z-index:2;pointer-events:none;touch-action:none;}/* touch-action:none → finger drags become draw strokes (not page scroll/zoom) on mobile */
.cwin.drawing .cwin-draw{pointer-events:auto;cursor:crosshair;}
.cwin.drawing .cwin-rz{pointer-events:none;}
.cwin-mt,.cwin-notes-btn{flex-shrink:0;background:#0a0d11;border:1px solid #2b323b;border-radius:7px;color:#8a929c;padding:5px 7px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.cwin-mt:hover,.cwin-notes-btn:hover{color:#cfd4da;border-color:#3a434f;}
.cwin-mt.on{color:#06222a;background:#2ebd85;border-color:#2ebd85;}
.cwin-notes-btn{color:#d9c558;border-color:#3a3a28;gap:0;padding:5px 6px;}
.cwin-notes-btn svg{flex-shrink:0;}
.cwin-notes-n{font-size:9.5px;font-weight:700;}
.cwin-notes-n:empty{display:none;}
.cwin-draw-tg{flex-shrink:0;background:#0a0d11;border:1px solid #2b323b;border-radius:7px;color:#8a929c;padding:5px 7px;cursor:pointer;display:inline-flex;align-items:center;}
.cwin-draw-tg:hover{color:#cfd4da;border-color:#3a434f;}
.cwin-draw-tg.on{color:#06222a;background:#3fd8e6;border-color:#3fd8e6;}
.cwin-tools{position:absolute;top:7px;left:7px;z-index:4;display:none;align-items:center;gap:4px;background:rgba(10,13,17,.92);border:1px solid #2b323b;border-radius:9px;padding:4px 5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
.cwin.drawing .cwin-tools{display:flex;}
.cwin-sep{width:1px;height:16px;background:#2b323b;margin:0 2px;flex:0 0 auto;}
.cwin-del.sel{border-color:#ff6258;color:#ff6258;}
.drawing.dr-select .cwin-draw{cursor:default!important;}
/* dropdown pickers: [tool▾] [color▾] [style▾] — panels open below the bar so the row itself never wraps */
.cwin-pick{gap:4px;padding:0 7px;}
.cwin-pick .car{font-size:7px;color:#7f8893;line-height:1;}
.cwin-pick.on .car,.cwin-pick.open .car{color:inherit;}
.cwin-pick .cdot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1px #2b323b;flex:0 0 auto;}
.cwin-pick .tcur{font-size:12px;}
.cwin-pick .scur{line-height:1;}
.cwin-pop{position:absolute;top:calc(100% + 7px);left:0;z-index:7;background:rgba(10,13,17,.97);border:1px solid #2b323b;border-radius:11px;padding:6px;box-shadow:0 16px 34px -12px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.cwin-pop[hidden]{display:none;}
.cwin-pop-tool{display:grid;grid-template-columns:repeat(2,minmax(118px,1fr));gap:2px;}
.cwin-pop-color{display:flex;gap:9px;padding:10px 12px;}
.cwin-pop-color .cwin-color{width:20px;height:20px;}
.cwin-pop-style{display:flex;flex-direction:column;gap:2px;min-width:132px;}
.cpop-it{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-radius:8px;padding:8px 10px;color:#cfd4da;font-family:'Familjen Grotesk',sans-serif;font-size:12px;font-weight:600;cursor:pointer;text-align:left;white-space:nowrap;}
.cpop-it:hover{background:#141a21;}
.cpop-it.on{background:#12232b;color:#3fd8e6;}
.cpop-it i{font-style:normal;font-family:'Space Mono',monospace;font-size:12px;width:18px;text-align:center;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;}
.cpop-it .lwp{display:block;width:16px;background:currentColor;border-radius:2px;}
@media(max-width:880px){.cpop-it{padding:10px 12px;font-size:12.5px;}.cwin-pop-color .cwin-color{width:24px;height:24px;}}
.cwin-tool{background:#11161c;border:1px solid #2b323b;border-radius:6px;color:#cfd4da;font-family:'Space Mono',monospace;font-size:12px;font-weight:700;line-height:1;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0 6px;}
.cwin-tool.on{background:#3fd8e6;color:#06222a;border-color:#3fd8e6;}
.cwin-clear{color:#ff8a80;}
.cwin-color{width:16px;height:16px;border-radius:50%;border:2px solid #11161c;cursor:pointer;box-shadow:0 0 0 1px #2b323b;}
.cwin-color.on{border-color:#fff;}
/* sticky notes — dark grey paper, text colour picker (white / green / red) */
.cwin-num{flex-shrink:0;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:rgba(63,216,230,.14);color:#3fd8e6;border:1px solid rgba(63,216,230,.4);border-radius:5px;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;}
#cwsSync.on{background:rgba(63,216,230,.16);border-color:rgba(63,216,230,.55);color:#3fd8e6;}
.cws-tiles{display:inline-flex;gap:6px;vertical-align:middle;}
.cws-tile{display:grid;gap:2px;width:30px;height:23px;padding:3px;grid-auto-rows:4px;place-content:center;background:#11151b;border:1px solid #2a313b;border-radius:6px;cursor:pointer;transition:border-color .15s;}
.cws-tile i{width:4px;height:4px;background:#5c6672;border-radius:1.5px;transition:background .15s;}
.cws-tile:hover{border-color:#3fd8e6;}
.cws-tile:hover i{background:#3fd8e6;}
.cws-note{position:absolute;width:420px;min-height:300px;background:linear-gradient(180deg,#2c313a,#22262d);border:1px solid #3a414c;border-radius:9px;box-shadow:0 18px 40px -10px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden;}
.cws-note-bar{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 9px;cursor:grab;color:#7f8893;font-family:'Space Mono',monospace;font-size:11px;}
.cws-note-bar:active{cursor:grabbing;}
.cws-note-grip{flex-shrink:0;}
.cws-note-cols{display:inline-flex;gap:5px;margin-left:auto;}
.cws-note-col{width:14px;height:14px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.35);}
.cws-note-col.on{border-color:#fff;}
.cws-note-x{background:none;border:none;color:#7f8893;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;flex-shrink:0;}
.cws-note-x:hover{color:#ff6258;}
.cws-note-ta{flex:1;min-height:0;background:none;border:none;outline:none;color:#e9e7df;font-family:'Familjen Grotesk',system-ui,sans-serif;font-size:13.5px;line-height:1.45;padding:2px 10px 12px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;}
.cws-note-ta:empty:before{content:attr(data-ph);color:#5c656f;pointer-events:none;}
.cws-note-rz{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:3;touch-action:none;}
.cws-note-rz::after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid #6b7480;border-bottom:2px solid #6b7480;}
/* quick paper-trade modal */
.cqt-modal{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.cqt-modal[hidden]{display:none;}
.cqt-panel{width:100%;max-width:380px;background:linear-gradient(180deg,#13171d,#0c0f13);border:1px solid #2f3a47;border-radius:16px;padding:18px 20px 20px;box-shadow:0 30px 80px -20px rgba(0,0,0,.9);}
.cqt-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:17px;color:var(--ink);}
.cqt-x{background:none;border:none;color:#7f8893;font-size:15px;cursor:pointer;padding:2px 6px;}
.cqt-x:hover{color:#fff;}
.cqt-l{display:block;font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#5c656f;margin:0 0 6px;}
.cqt-sym,.cqt-amt{width:100%;background:#0a0d11;border:1px solid #2f3742;border-radius:10px;padding:11px 12px;color:var(--ink);font-family:'Space Mono',monospace;font-size:15px;font-weight:700;outline:none;box-sizing:border-box;}
.cqt-sym{cursor:pointer;margin-bottom:12px;-webkit-appearance:none;appearance:none;}
.cqt-amt{margin-bottom:14px;}
.cqt-sym:focus,.cqt-amt:focus{border-color:#3fd8e6;}
.cqt-side{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;}
.cqt-side button{background:#0a0d11;border:1px solid #2f3742;border-radius:10px;padding:12px;color:#9aa3ad;font-family:'Space Mono',monospace;font-weight:700;font-size:14px;cursor:pointer;transition:.13s;}
.cqt-side button[data-side="long"]{color:#5fd6a6;border-color:rgba(46,189,133,.35);}
.cqt-side button[data-side="short"]{color:#ff8a80;border-color:rgba(255,98,88,.35);}
.cqt-side button[data-side="long"].on{background:#2ebd85;border-color:#2ebd85;color:#03281c;}
.cqt-side button[data-side="short"].on{background:#ff6258;border-color:#ff6258;color:#2a0a08;}
.cqt-levl{display:flex;align-items:center;justify-content:space-between;}
.cqt-levv{color:#3fd8e6;font-family:'Space Mono',monospace;font-size:13px;font-weight:700;}
.cqt-lev{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:#232932;outline:none;margin:3px 0 16px;cursor:pointer;}
.cqt-lev::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3fd8e6;cursor:pointer;box-shadow:0 0 0 4px rgba(63,216,230,.18);}
.cqt-lev::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#3fd8e6;cursor:pointer;}
.cqt-info3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
.cqt-cell{background:#0a0d11;border:1px solid #232932;border-radius:10px;padding:9px 6px;text-align:center;min-width:0;}
.cqt-cell span{display:block;font-family:'Space Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#5c656f;margin-bottom:4px;}
.cqt-cell b{font-family:'Space Mono',monospace;font-size:13px;color:#e9e7df;overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;}
.cqt-cell:nth-child(2) b{color:#ff6258;}
.cqt-adv{display:flex;align-items:center;gap:9px;cursor:pointer;margin:2px 0 6px;font-family:'Space Mono',monospace;font-size:12px;color:#cdd3da;-webkit-user-select:none;user-select:none;}
.cqt-adv input{position:absolute;opacity:0;width:0;height:0;}
.cqt-adv-box{width:20px;height:20px;border-radius:6px;background:#000;border:1.5px solid #2f3742;flex-shrink:0;position:relative;transition:.13s;}
.cqt-adv input:checked + .cqt-adv-box{border-color:#2ebd85;}
.cqt-adv input:checked + .cqt-adv-box::after{content:'';position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #2ebd85;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}
.cqt-adv-fields[hidden]{display:none;}
.cqt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 6px;}
.cqt-tp,.cqt-sl{width:100%;background:#0a0d11;border:1px solid #2f3742;border-radius:10px;padding:10px 11px;color:var(--ink);font-family:'Space Mono',monospace;font-size:14px;font-weight:700;outline:none;box-sizing:border-box;}
.cqt-tp:focus,.cqt-sl:focus{border-color:#3fd8e6;}
.cqt-open{width:100%;background:#c2f64a;color:#0a0b0d;border:none;border-radius:11px;padding:13px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15px;cursor:pointer;}
.cqt-open:hover{background:#d4f87a;}
.cqt-msg{font-size:13px;text-align:center;margin-top:11px;min-height:17px;line-height:1.4;}
/* movable calculator popup */
.cws-calc{position:fixed;z-index:125;width:288px;background:linear-gradient(180deg,#13171d,#0c0f13);border:1px solid #2f3a47;border-radius:14px;box-shadow:0 26px 60px -18px rgba(0,0,0,.85);overflow:hidden;}
.cws-calc[hidden]{display:none;}
.cws-calc-h{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:linear-gradient(180deg,#1b2128,#141a20);border-bottom:1px solid #262d36;cursor:grab;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:14px;color:var(--ink);}
.cws-calc-h:active{cursor:grabbing;}
.cws-calc-x{background:none;border:none;color:#7f8893;font-size:14px;cursor:pointer;padding:2px 5px;}
.cws-calc-x:hover{color:#fff;}
.cws-calc-tabs{display:flex;gap:3px;padding:8px 8px 0;}
.cws-calc-tabs button{flex:1;background:#0a0d11;border:1px solid #2b323b;border-bottom:none;border-radius:8px 8px 0 0;color:#8a929c;font-family:'Space Mono',monospace;font-size:10.5px;font-weight:700;padding:7px 4px;cursor:pointer;}
.cws-calc-tabs button.on{color:#06222a;background:#3fd8e6;border-color:#3fd8e6;}
.cws-calc-body{padding:11px 12px 13px;}
.cws-calc-l{display:block;font-family:'Space Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#5c656f;margin:8px 0 4px;}
.cws-calc-l:first-child{margin-top:0;}
.cws-calc-in{width:100%;background:#0a0d11;border:1px solid #2f3742;border-radius:8px;padding:9px 10px;color:var(--ink);font-family:'Space Mono',monospace;font-size:14px;font-weight:700;outline:none;box-sizing:border-box;}
.cws-calc-in:focus{border-color:#3fd8e6;box-shadow:0 0 0 3px rgba(63,216,230,.16);}
.cws-calc-in:hover{border-color:rgba(63,216,230,.42);}
.cws-calc-tabs button.on{color:#06222a;background:#3fd8e6;border-color:#3fd8e6;box-shadow:0 6px 16px -8px rgba(63,216,230,.6);}
.cws-calc-tabs button:hover:not(.on){color:#cfd4da;border-color:#3a414c;}
.cws-ext{display:flex;align-items:center;gap:10px;margin:11px 12px 12px;padding:10px 11px;background:linear-gradient(135deg,rgba(63,216,230,.12),rgba(194,246,74,.05));border:1px solid rgba(63,216,230,.34);border-radius:11px;text-decoration:none;transition:transform .12s,border-color .15s,box-shadow .15s;}
.cws-ext:hover{transform:translateY(-1px);border-color:rgba(63,216,230,.6);box-shadow:0 10px 24px -14px rgba(63,216,230,.6);}
.cws-ext-ic{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#3fd8e6;color:#06222a;}
.cws-ext-b{flex:1;min-width:0;line-height:1.25;}
.cws-ext-b b{display:block;color:#e9e7df;font-size:12.5px;font-weight:800;}
.cws-ext-b span{color:#9aa3ad;font-size:11px;}
.cws-ext-go{flex-shrink:0;color:#3fd8e6;font-family:'Space Mono',monospace;font-weight:700;font-size:12px;}
.cws-calc-side{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;}
.cws-calc-side button{background:#0a0d11;border:1px solid #2f3742;border-radius:8px;padding:8px;color:#5fd6a6;font-family:'Space Mono',monospace;font-weight:700;font-size:12px;cursor:pointer;}
.cws-calc-short{color:#ff8a80!important;}
.cws-calc-side button[data-cs="long"].on{background:#2ebd85;border-color:#2ebd85;color:#03281c;}
.cws-calc-side button[data-cs="short"].on{background:#ff6258;border-color:#ff6258;color:#2a0a08;}
.cws-calc-res{margin-top:12px;padding:10px 11px;background:#0a0d11;border:1px solid #232932;border-radius:9px;text-align:center;font-family:'Space Mono',monospace;}
.cws-calc-res span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#5c656f;margin-bottom:4px;}
.cws-calc-res b{font-size:15px;color:#e9e7df;}
.cws-calc-res small{display:block;color:#7f8893;font-size:10.5px;margin-top:3px;}
@media(max-width:880px){
.cws-board{height:auto;min-height:0;padding:10px;}
.cws-hint{display:none;}
.cwin{position:relative!important;left:0!important;top:0!important;width:100%!important;height:min(70vh,560px)!important;}
.cwin-grip,.cwin-rsz,.cwin-rz{display:none;}
.cwin-head{cursor:default;}
}
/* reveal on scroll */
.reveal-up{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal-up.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1!important;transform:none!important;}}
/* trending: bolder + flash on price change */
.hp-chg{font-weight:800;}
.hp-card.flash-up{animation:flashUp .7s ease;}
.hp-card.flash-dn{animation:flashDn .7s ease;}
@keyframes flashUp{0%{box-shadow:inset 0 0 0 1px rgba(46,189,133,.6);}100%{box-shadow:inset 0 0 0 1px rgba(46,189,133,0);}}
@keyframes flashDn{0%{box-shadow:inset 0 0 0 1px rgba(255,98,88,.6);}100%{box-shadow:inset 0 0 0 1px rgba(255,98,88,0);}}
/* skeleton loaders (trending) */
.hp-skel{pointer-events:none;}
.hp-skel .sk{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.10),rgba(255,255,255,.04));background-size:200% 100%;border-radius:6px;animation:sksh 1.3s linear infinite;}
.hp-skel .sk-1{height:13px;width:52%;margin-bottom:11px;}
.hp-skel .sk-2{height:21px;width:74%;margin-bottom:13px;}
.hp-skel .sk-3{height:15px;width:42%;}
@keyframes sksh{from{background-position:200% 0;}to{background-position:-200% 0;}}
@media(prefers-reduced-motion:reduce){.hp-skel .sk{animation:none;}}
/* result card: soft persistent glow behind the headline number */
.result-main .rvalue{filter:drop-shadow(0 2px 18px rgba(194,246,74,.10));}
.result-main .rvalue.pos{filter:drop-shadow(0 2px 18px rgba(46,189,133,.16));}
.result-main .rvalue.neg{filter:drop-shadow(0 2px 18px rgba(255,98,88,.16));}
/* exchange cards: stronger accent glow on hover */
.excard:hover{box-shadow:0 20px 48px -24px var(--exc,#000),0 0 0 1px var(--exc,#fff);}
/* button press micro-interaction */
.heat-btn:active,.pt2-open:active,.cta:active,.hp-trade:active{transform:translateY(1px);}
/* text selection + custom dark scrollbar */
::selection{background:rgba(194,246,74,.28);color:#fff;}
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-track{background:#0a0b0d;}
::-webkit-scrollbar-thumb{background:#262d37;border-radius:8px;border:2px solid #0a0b0d;}
::-webkit-scrollbar-thumb:hover{background:#36404c;}
html{scrollbar-color:#262d37 #0a0b0d;scrollbar-width:thin;}
/* sticky header — transparent over the hero, blurred full-bleed bar once scrolled */
header{position:sticky;top:0;z-index:40;transition:padding .25s ease;}
header::after{content:'';position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:100%;z-index:-1;background:rgba(10,11,13,.92);-webkit-backdrop-filter:blur(9px) saturate(1.2);backdrop-filter:blur(9px) saturate(1.2);border-bottom:1px solid var(--line-bright);opacity:0;transition:opacity .28s ease;}
/* header height stays CONSTANT on scroll — only the backdrop fades in. Previously the padding shrank when
scrolled, which shifted the TradingView ticker-tape below it and made the header shake/jitter whenever the
scroll position hovered around the threshold (scroll down then back up). */
body.scrolled header::after{opacity:1;}
/* Long side in trading green (was white) */
.seg button.on[data-side="long"]{background:rgba(46,189,133,.14);border-color:var(--up);color:#34d99a;}
/* small lime accent before section headings */
.sec-head h2::before,.exchanges>h2::before{content:'';display:inline-block;width:4px;height:15px;border-radius:2px;background:#c2f64a;margin-right:11px;vertical-align:-1px;}
/* trending live sparkline */
.hp-spark{display:block;width:100%;height:26px;margin:1px 0 2px;overflow:visible;}
.hp-spark path{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;}
.hp-card.flash-dn .hp-spark path,.hp-spark.dn path{stroke:#ff6258;}
.hp-spark.up path{stroke:#2ebd85;}
/* leverage slider (paired with the number input) */
.lev-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:11px 0 2px;border-radius:6px;outline:none;cursor:pointer;background:linear-gradient(90deg,#c2f64a 0%,#c2f64a var(--fill,8%),#1c222b var(--fill,8%),#1c222b 100%);}
.lev-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid #c2f64a;box-shadow:0 2px 8px rgba(0,0,0,.6);cursor:pointer;transition:transform .12s;margin-top:0;}
.lev-slider::-webkit-slider-thumb:hover{transform:scale(1.14);}
.lev-slider::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#fff;border:3px solid #c2f64a;cursor:pointer;}
.lev-slider::-moz-range-progress{background:#c2f64a;height:6px;border-radius:6px;}
.lev-slider::-moz-range-track{height:6px;border-radius:6px;background:#1c222b;}
.lev-ticks{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:9.5px;color:var(--ink-faint);margin-top:2px;letter-spacing:.03em;}
/* Advanced toggle (left) + leverage slider (right) on one row */
.lev-row{display:flex;align-items:center;gap:12px;margin:0 0 14px;}
.lev-row .adv-toggle{flex:0 0 auto;margin:0;align-self:center;}
.lev-slidewrap{flex:1 1 auto;min-width:0;}
.lev-slidewrap .lev-slider{margin:0 0 2px;}
@media(max-width:680px){.lev-row{gap:9px;margin-bottom:9px;}.lev-row .adv-toggle{padding:9px 11px;}}
/* footer polish */
.site-foot{position:relative;}
.site-foot::before{content:'';position:absolute;left:50%;top:-1px;transform:translateX(-50%);width:min(100%,920px);height:1px;background:linear-gradient(90deg,transparent,rgba(194,246,74,.4),transparent);}
.foot-links a{position:relative;transition:color .14s;}
.foot-links a:hover{color:#c2f64a;}
.foot-bot{transition:color .15s,transform .15s;}
.foot-bot:hover{color:#34d99a;transform:translateY(-2px);}
/* FAQ polish */
.faq summary{border-radius:8px;padding-left:10px;padding-right:10px;transition:background .15s,color .15s;}
.faq summary:hover{background:rgba(255,255,255,.03);color:#fff;}
.faq summary::after{color:#c2f64a;}
.faq details[open] summary{color:#fff;}
.faq details[open]{background:linear-gradient(180deg,rgba(194,246,74,.04),transparent);border-radius:10px;}
/* tool cards subtle accent on hover */
.toolcard{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.toolcard:hover{transform:translateY(-3px);border-color:var(--ink-faint);}
/* product nav 'NEW' badge gentle pulse */
.prod .pnew{box-shadow:0 0 0 0 rgba(194,246,74,.5);animation:newpulse 2.4s ease-out infinite;}
@keyframes newpulse{0%{box-shadow:0 0 0 0 rgba(194,246,74,.45);}70%{box-shadow:0 0 0 6px rgba(194,246,74,0);}100%{box-shadow:0 0 0 0 rgba(194,246,74,0);}}
@media(prefers-reduced-motion:reduce){.prod .pnew{animation:none;}}
/* Paper Trade live price — styled to match the Liquidation Calculator result number (.result-main .rvalue) */
.ptt-form .pt2-px-v{font-family:'Bricolage Grotesque',sans-serif !important;font-weight:800;font-size:clamp(36px,4vw,52px);letter-spacing:-.03em;line-height:1;white-space:nowrap;transition:color .2s ease,transform .25s cubic-bezier(.2,.7,.2,1),text-shadow .25s ease;cursor:default;transform-origin:left center;}
.ptt-form .pt2-px-v.up{color:#2ebd85;filter:drop-shadow(0 2px 18px rgba(46,189,133,.18));}
.ptt-form .pt2-px-v.down{color:#ff6258;filter:drop-shadow(0 2px 18px rgba(255,98,88,.18));}
.ptt-form .pt2-px:hover .pt2-px-v{transform:scale(1.03);text-shadow:0 0 26px rgba(255,255,255,.22);}
/* swap section: blue-accent framed card + trust badges (matches swap=blue colour-coding) */
.swap-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 14px;}
.swap-badge{display:inline-flex;align-items:center;gap:7px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.03em;color:#a9c6ff;background:rgba(106,163,255,.09);border:1px solid rgba(106,163,255,.26);border-radius:20px;padding:6px 13px;}
.swap-badge .lvdot{background:#6aa3ff;}.swap-badge .lvdot::after{box-shadow:0 0 0 0 rgba(106,163,255,.55);animation:lvpulseB 1.7s ease-out infinite;}
@keyframes lvpulseB{0%{box-shadow:0 0 0 0 rgba(106,163,255,.5);}70%{box-shadow:0 0 0 7px rgba(106,163,255,0);}100%{box-shadow:0 0 0 0 rgba(106,163,255,0);}}
.swap-frame{border:1px solid rgba(106,163,255,.3);box-shadow:0 26px 64px -34px rgba(106,163,255,.45),inset 0 1px 0 rgba(255,255,255,.04);background:linear-gradient(180deg,var(--panel),var(--bg-grain));}
/* chart header live price: a touch bolder for consistency */
.ptt-cpx b{font-size:13.5px;font-weight:700;}
/* ===== 15 low-effort upgrades ===== */
/* 1. tabular numerals — live numbers stop jittering in width */
.result-main .rvalue,.ptt-form .pt2-px-v,.hp-price,.hp-chg,.pp-pnl .big,.pp-pnl .roe,.jr-stat .v,.ptt-cpx,.pt2-px-chg,.ptt-stats b,.pt2-px-v{font-variant-numeric:tabular-nums;}
/* 2. animated live label */
.live-lbl{display:inline-flex;align-items:center;gap:6px;}
/* 3. trending coin colour dot */
.hp-coin{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0;box-shadow:0 0 8px -1px currentColor;}
.hp-logo{width:16px;height:16px;border-radius:50%;margin-right:7px;vertical-align:-3px;background:#1a1f27;}
/* 5. scroll-to-top */
.totop{position:fixed;right:18px;bottom:78px;z-index:54;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(17,20,25,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-bright);color:var(--ink);cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;}
.totop.on{opacity:1;transform:none;pointer-events:auto;}
body.chat-open .totop{display:none!important;}
.totop:hover{border-color:#c2f64a;color:#c2f64a;transform:translateY(-2px);}
@media(min-width:721px){.totop{bottom:128px;}}
/* 6. paper chart skeleton */
.chart-skel{position:absolute;inset:0;z-index:3;background:var(--bg);display:flex;align-items:flex-end;gap:5px;padding:26px 22px;}
.chart-skel i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.085));animation:cskel 1.3s ease-in-out infinite;}
@keyframes cskel{0%,100%{opacity:.35;}50%{opacity:.85;}}
@media(prefers-reduced-motion:reduce){.chart-skel i{animation:none;}}
/* 7. primary CTA sheen */
.pt2-open{position:relative;overflow:hidden;}
.pt2-open::after{content:'';position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.30),transparent);transform:skewX(-18deg);animation:sheen 3.8s ease-in-out infinite;pointer-events:none;}
@keyframes sheen{0%,72%{left:-60%;}100%{left:135%;}}
@media(prefers-reduced-motion:reduce){.pt2-open::after{display:none;}}
/* 8. high-leverage risk hint */
.lev-warn{display:none;align-items:flex-start;gap:5px;font-family:'Space Mono',monospace;font-size:10px;line-height:1.3;letter-spacing:.04em;color:var(--amber);margin-top:10px;}
.lev-warn .lw-ic{flex:0 0 auto;margin-top:1px;}
.pt2-fields.risky .lev-warn{display:flex;}
.plan-risk{display:flex;flex-direction:column;gap:5px;margin:2px 0 4px;font-family:'Familjen Grotesk',sans-serif;font-size:12.5px;}
.plan-risk>div{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:9px;padding:8px 11px;}
.plan-risk .pr-sl{border-color:rgba(255,98,88,.35);} .plan-risk .pr-sl b{color:#ff6258;}
.plan-risk .pr-tp{border-color:rgba(46,189,133,.35);} .plan-risk .pr-tp b{color:#2ebd85;}
.plan-risk b{font-family:'Space Mono',monospace;font-weight:700;}
.plan-risk span{color:var(--ink-faint,#5c656f);font-family:'Space Mono',monospace;font-size:10.5px;}
.plan-risk .pr-warn{border-color:rgba(255,98,88,.55);background:rgba(255,98,88,.08);color:#ffb3ac;justify-content:flex-start;font-size:11.5px;}
.pt2-fields.risky .pt2-lev .input-line input{border-color:rgba(255,179,71,.55);}
/* 9. animated underline on text links */
.foot-links a,.hnav>a{position:relative;}
.foot-links a::after,.hnav>a::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:#c2f64a;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.foot-links a:hover::after,.hnav>a:hover::after{transform:scaleX(1);}
/* 10. keyboard focus rings */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(194,246,74,.7);outline-offset:2px;border-radius:7px;}
/* 11. section eyebrow label */
.eyebrow{display:block;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px;}
/* 12. copy-on-click numbers */
.copynum{cursor:pointer;}
.copied-tip{position:fixed;z-index:95;background:#11151b;border:1px solid var(--line-bright);color:#c2f64a;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;padding:5px 11px;border-radius:8px;pointer-events:none;transform:translate(-50%,-135%);box-shadow:0 8px 24px rgba(0,0,0,.5);}
/* 13. nicer empty My Trades state */
.pp-empty{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--ink-faint);}
.pp-empty svg{opacity:.45;}
/* 14. subtle grain texture for depth */
/* (removed body::after fixed mix-blend-mode noise — it forced a full repaint on every scroll frame; the .grain layer already provides texture without a blend mode) */
/* 15. result change pulse */
.rvalue.changed,.pt2-px-v.changed{animation:numpop .42s cubic-bezier(.2,.7,.2,1);}
@keyframes numpop{0%{transform:scale(1);}35%{transform:scale(1.05);}100%{transform:scale(1);}}
@media(prefers-reduced-motion:reduce){.rvalue.changed,.pt2-px-v.changed{animation:none;}}
/* 4. mobile nav active item */
.mobnav button.active,.mobnav a.active{color:#38bdf8 !important;filter:drop-shadow(0 0 5px rgba(56,189,248,.5));}
/* ===== My Trades cards → tear-off tickets ===== */
.jr-list .pp{overflow:visible;background:linear-gradient(180deg,#11151b,#0c0f13);border-radius:13px;box-shadow:0 10px 26px -16px rgba(0,0,0,.8);padding:15px 16px 14px;}
.jr-list .pp.pf{border-left:3px solid #2ebd85;}.jr-list .pp.ls{border-left:3px solid #ff6258;}.jr-list .pp.be{border-left:3px solid #6b7280;}
.pp-perf{position:relative;height:0;margin:13px -16px;border-top:2px dashed rgba(255,255,255,.14);}
.pp-perf::before,.pp-perf::after{content:'';position:absolute;top:-10px;width:18px;height:18px;border-radius:50%;background:#0a0b0d;border:1px solid var(--line-bright);box-shadow:inset 0 1px 4px rgba(0,0,0,.7);}
.pp-perf::before{left:-9px;}
.pp-perf::after{right:-9px;}
.jr-list .pp-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;font-family:'Space Mono',monospace;line-height:1.3;margin-bottom:12px;}
.jr-list .pp-meta>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;min-width:0;}
.jr-list .pp-meta>div span{color:var(--ink-faint);white-space:nowrap;}
.jr-list .pp-meta>div b{color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pp-foot{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.04em;color:var(--ink-faint);text-transform:uppercase;margin:-4px 0 11px;}
.jr-list .pp-h{padding-right:66px;}
.jr-list .pp-sym{font-size:15px;}
/* ===== Visual update pack (2026-06) ===== */
/* #2 live price tick flash (directional) */
@keyframes tfUp{0%{color:#34d99a;text-shadow:0 0 16px rgba(52,217,154,.7);}100%{text-shadow:0 0 0 rgba(52,217,154,0);}}
@keyframes tfDn{0%{color:#ff6258;text-shadow:0 0 16px rgba(255,98,88,.7);}100%{text-shadow:0 0 0 rgba(255,98,88,0);}}
.tickflash-up{animation:tfUp .55s ease-out;}
.tickflash-dn{animation:tfDn .55s ease-out;}
@media(prefers-reduced-motion:reduce){.tickflash-up,.tickflash-dn{animation:none;}}
/* #3 product tabs — stronger active lift + colored icon glow */
.prod.active{transform:translateY(-3px);}
.prod.active .pi{filter:drop-shadow(0 0 9px currentColor);transition:filter .25s;}
.prod.active .pt b{letter-spacing:-.01em;}
/* #4 skeleton shimmer for loading values */
.skel{position:relative;color:transparent!important;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.045) 25%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.045) 75%);background-size:220% 100%;animation:skel 1.25s ease-in-out infinite;}
@keyframes skel{0%{background-position:220% 0;}100%{background-position:-220% 0;}}
@media(prefers-reduced-motion:reduce){.skel{animation:none;}}
/* #6 micro-hover on icon links & buttons */
.hlink svg,.heat-btn svg,.foot-bot svg,.totop svg{transition:transform .16s cubic-bezier(.2,.7,.2,1);}
.hlink:hover svg,.heat-btn:hover svg,.foot-bot:hover svg,.totop:hover svg{transform:scale(1.14);}
.heat-btn,.hlink{transition:transform .16s,color .16s,border-color .16s,background .16s;}
.heat-btn:active,.hlink:active{transform:translateY(1px);}
/* #7 section cohesion — faint brand glow behind each section heading */
.sec-head,.exchanges>h2,.content2>h2{position:relative;}
.sec-head::after{content:'';position:absolute;left:-14px;top:-34px;width:200px;height:96px;border-radius:50%;
background:radial-gradient(closest-side,rgba(194,246,74,.09),transparent 72%);pointer-events:none;z-index:-1;}
body[data-prod="heat"] .sec-head::after{background:radial-gradient(closest-side,rgba(255,98,88,.08),transparent 72%);}
/* #9 heatmap colour legend */
.heat-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:10px 2px 2px;font-family:'Space Mono',monospace;font-size:11.5px;color:var(--ink-dim);}
.heat-legend .lg{display:flex;align-items:center;gap:7px;}
.heat-legend .sw{width:30px;height:10px;border-radius:3px;}
.heat-legend .sw.long{background:linear-gradient(90deg,rgba(255,92,92,.18),rgba(255,92,92,.85));}
.heat-legend .sw.short{background:linear-gradient(90deg,rgba(46,211,154,.18),rgba(46,211,154,.85));}
.heat-legend .sw.px{background:repeating-linear-gradient(90deg,#fff 0 7px,transparent 7px 13px);height:2px;width:30px;}
.heat-legend .scale{display:flex;align-items:center;gap:7px;margin-left:auto;}
.heat-legend .scale .bar{width:74px;height:9px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.6));}
@media(max-width:560px){.heat-legend .scale{margin-left:0;}}
/* ===== Mobile optimization pass (2026-06) ===== */
*{-webkit-tap-highlight-color:transparent;}
html{scroll-padding-top:72px;}
@media (max-width:720px){
/* kill the on-scroll header resize jitter + push content below the iPhone notch / status bar */
header{transition:none!important;padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:10px!important;}
body.scrolled header{padding-top:calc(8px + env(safe-area-inset-top))!important;padding-bottom:10px!important;}
/* full-bleed blurred backdrop so the clock/battery/wifi sit on a clean bar, not mixed with our logo/nav */
header{border-bottom:none;}
header::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;background:#0a0b0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:-1;pointer-events:none;}
/* keep logo + Rewards + language on ONE row (never let the nav wrap under the logo) */
header{flex-wrap:nowrap!important;}
.brand{flex-shrink:0;}
.hnav{flex-wrap:nowrap!important;min-width:0;}
.hnav .csel-val{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* bottom nav → icon + label, bigger touch targets; reserve matching space */
body{padding-bottom:calc(84px + env(safe-area-inset-bottom));}
.mobnav{padding:9px 6px;}
.mobnav button,.mobnav a{flex-direction:column;gap:3px;padding:2px 0;}
.mobnav .mn-l{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.03em;text-transform:uppercase;line-height:1;}
.mobnav svg{width:21px;height:21px;}
}
/* back-to-top: always clears the bottom nav (+ safe area) and stays tappable */
@media (max-width:760px){
.totop{bottom:calc(82px + env(safe-area-inset-bottom));z-index:56;right:14px;}
}
@media (max-width:560px){
.wrap{padding:0 16px;}
/* slim header: drop the tagline, keep a tidy nav that can't overflow */
header{padding:16px 0 12px;gap:8px 10px;}
.brand .tag{display:none;}
.brand .mark{font-size:20px;}
.hnav{gap:1px;flex-wrap:wrap;justify-content:flex-end;}
.hlink{padding:7px 8px;font-size:11px;letter-spacing:.03em;}
.hlink svg{width:13px;height:13px;}
.lang{font-size:11px;padding:6px 8px;}
.hnav .csel-trigger{font-size:11px;padding:6px 9px 6px 27px;}
/* hero: tighter rhythm */
.hero{padding:30px 0 22px;}
.hero .sub{font-size:15.5px;margin-top:14px;}
.hero .meta{gap:7px;margin-top:18px;}
.hero .meta>span{font-size:10.5px;padding:5px 10px;gap:5px;}
/* product tabs: bulletproof 2-col grid (minmax(0,…) stops min-content overflow) */
.prodnav{grid-template-columns:repeat(2,minmax(0,1fr));}
/* calculator card: reclaim horizontal space */
.card{padding:18px 15px;}
.panel.active{gap:22px;}
}
/* drop the longest marketing pill on the tiniest screens to avoid a lonely 2nd row */
@media (max-width:380px){.hero .meta>span.metahide{display:none;}}
/* ===== Mobile space/flow reorg (2026-06) ===== */
/* 1. hide the hero pitch on phones — get straight to the tools (H1 stays in DOM for SEO) */
@media (max-width:600px){
.hero{display:none;}
.prodnav{margin-top:6px;}
}
/* 2. heatmap: chart first, controls compact */
@media (max-width:680px){
.heatwrap{padding:12px;}
/* download/share → compact icon-only buttons, not a full-width row */
.heat-act{margin-left:auto;width:auto;gap:6px;}
.heat-btn{flex:0 0 auto;padding:8px 9px;}
.heat-btn span{display:none;}
.heat-btn svg{width:16px;height:16px;}
.heat-bar{gap:8px;margin-bottom:10px;}
/* turn the wrapper into a flex column so we can pull the chart up and push estimates down */
body[data-prod="heat"] .heatwrap{display:flex;flex-direction:column;}
.heat-bar{order:0;}
.heat-ctrl{order:1;gap:7px;margin-bottom:8px;}
.heat-stage{order:2;}
.heat-ctrl2{order:3;margin-top:12px;} /* leverage levels: below the chart */
.heat-ticker{order:4;}
.heat-disc{order:5;} .heat-note{order:6;}
.heat-win{padding:7px 10px;font-size:11px;}
.heat-levlbl{font-size:10.5px;}
.heat-stats{font-size:11px;}
.heat-disc,.heat-note{font-size:11px;line-height:1.5;}
}
/* 3. paper trade: lighter — short chart so the trade form is reachable without long scrolling */
@media (max-width:880px){
body[data-prod="plan"] .ptt-chart{height:300px;}
}
@media (max-width:600px){
body[data-prod="plan"] .ptt-chart{height:248px;}
body[data-prod="plan"] .card{padding:14px 13px;}
.ptt-form{padding:14px 13px;}
.ptt-chart-top{margin-bottom:6px;}
.ptt-mytrades{margin-top:10px;}
}
/* ===== Mobile: declutter sections + remove header ticker + shrink secondary buttons (2026-06) ===== */
@media (max-width:600px){
/* remove the live-price ticker tape under the header */
.tickerwrap{display:none;}
/* tighten every section: drop the descriptive sub-lines, shrink headings & gaps */
.exsub,.sec-sub{display:none;}
.exchanges,.hotpairs,.tvsec,.tools,.league{margin:0 0 24px;}
.exchanges h2,.sec-head h2{font-size:21px;margin-bottom:4px;}
.eyebrow{font-size:10px;}
.exnote{font-size:10.5px;margin-top:10px;}
/* Where to trade → compact 2-column grid */
.exgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.excard{padding:12px 13px;gap:5px;border-radius:12px;}
.exname{font-size:15px;}
.exmark{width:22px;height:22px;font-size:12px;border-radius:6px;}
.exlev b{font-size:19px;}
.exlev span{font-size:8.5px;}
.extag{display:none;} /* hide the "known for" blurb on phones */
.exgo{font-size:10.5px;margin-top:1px;}
.exbadge{font-size:8.5px;padding:3px 7px;top:10px;right:10px;}
/* Live chart section: shorter embed so it doesn't dominate */
.tvbox{height:340px;}
/* shrink ~30% every secondary button (NOT the main .prod product cards) */
.hlink{padding:5px 6px;font-size:9.5px;}
.hlink svg{width:12px;height:12px;}
.lang{padding:5px 7px;font-size:10px;}
.hnav .csel-trigger{padding:5px 8px 5px 25px;font-size:10px;}
.hnav .csel-trigger::before{left:8px;width:12px;height:12px;}
.tab{font-size:10px;min-height:0;padding:7px 11px;}
.seg button{padding:8px;font-size:11px;}
.heat-btn{padding:6px 7px;}
.heat-btn svg{width:14px;height:14px;}
.heat-win{padding:5px 8px;font-size:10px;}
.heat-coin{padding:7px 9px;font-size:13px;}
.hp-trade{padding:6px;font-size:9px;}
.pt2-side button{padding:8px;font-size:11px;}
.ptt-tf button{padding:4px 6px;font-size:9.5px;}
.ptt-sig{padding:5px 7px;font-size:9.5px;}
.ptt-mytrades{padding:9px;font-size:11px;}
.pt2-open{padding:12px;font-size:14px;} /* primary CTA: only lightly trimmed, stays tappable */
}
/* ===== Mobile header: language selector = globe icon only (SVG, never emoji) + bigger globe & profile icons ===== */
@media (max-width:720px){
.hnav .csel-trigger{padding:0;width:42px;height:42px;justify-content:center;border-radius:11px;}
.hnav .csel-trigger::before{position:static;transform:none;left:auto;top:auto;width:25px;height:25px;}
.hnav .csel-val,.hnav .csel-chev{display:none;} /* drop the "EN" label + chevron → just the globe */
.hnav .hauth{padding:8px;}
.hnav .hauth svg{width:25px;height:25px;} /* enlarge the profile icon */
}
/* ===== Mobile: compact the Paper Trade order form ~50% (every control kept) ===== */
@media (max-width:600px){
body[data-prod="plan"] .card{padding:12px 11px;}
body[data-prod="plan"] .ptt-chart{height:232px;}
.ptt-side{gap:8px;}
.ptt-form{padding:11px 12px 12px;}
/* price header: smaller number, tighter divider */
.ptt-form .pt2-top{padding-bottom:6px;margin-bottom:8px;gap:10px;}
.ptt-form .pt2-px-v{font-size:20px;}
.pt2-px-lbl{font-size:9px;margin-bottom:0;}
.pt2-px-chg{font-size:11px;margin-top:0;}
.pt2-sym{font-size:15px;padding:8px 30px 8px 12px;}
/* Long / Short */
.ptt-form .pt2-side{margin-bottom:7px;gap:8px;}
.ptt-form .pt2-side button{padding:8px 0;font-size:13px;}
/* Amount + Leverage stay side-by-side, just tight */
.ptt-form .pt2-fields{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:7px;}
.ptt-form .pt2-amt label,.ptt-form .pt2-lev label{font-size:9.5px;margin-bottom:3px;}
.ptt-form .input-line input{font-size:14px;padding:8px 10px;}
.lev-slider{margin:4px 0 1px;}
.lev-ticks{font-size:8.5px;}
.lev-warn,.pt2-fields.risky .lev-warn{display:none!important;}/* hide the high-leverage notice on phones (cleaner, less scroll) */
/* result stats: tight rows */
.ptt-stats{margin-bottom:7px;}
.ptt-stats>div{padding:3px 0;font-size:11px;}
/* advanced toggle + primary CTA */
.ptt-form .adv-toggle{margin-top:0;font-size:10.5px;}
.ptt-form .pt2-open{padding:11px 0;font-size:15px;margin-top:8px;box-shadow:0 6px 18px -8px rgba(46,189,133,.55);}
.ptt-mytrades{padding:8px 0;font-size:12px;}
/* chart header: symbol + timeframes + Indicators all on ONE horizontally-scrollable row (no wrap → Indicators never drops below the period buttons) */
.ptt-chart-top{flex-wrap:wrap;align-items:center;row-gap:6px;}
.ptt-top-l{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.ptt-top-l::-webkit-scrollbar{display:none;}
.ptt-top-l>*{flex:0 0 auto;}
.ptt-cpx{flex:1 1 100%;text-align:left;font-size:12px;}
/* emphasise Signals — it's a cool feature: lime accent + gentle pulse when off */
.ptt-sig:not(.on){color:#c2f64a;border-color:rgba(194,246,74,.5);background:rgba(194,246,74,.08);animation:sigTease 2.6s ease-in-out infinite;}
.ptt-sig:not(.on) svg{color:#c2f64a;}
@keyframes sigTease{0%,100%{box-shadow:0 0 0 0 rgba(194,246,74,0);}50%{box-shadow:0 0 12px -3px rgba(194,246,74,.6);}}
}
@media (max-width:600px) and (prefers-reduced-motion:reduce){.prod[data-prod="plan"]:not(.active),.ptt-sig:not(.on){animation:none;}}
/* ===== Mobile: compact the calculators (~30% tighter) ===== */
@media (max-width:600px){
.panel h2{font-size:17px;margin-bottom:6px;}
.panel h2 small{font-size:11.5px;}
.field{margin-bottom:10px;}
.field label{font-size:10px;margin-bottom:4px;letter-spacing:.07em;}
input[type="number"]{padding:9px 12px;font-size:16px;border-radius:10px;}/* keep ≥16px so iOS doesn't zoom on focus */
.results{padding-top:16px!important;}
.result-main{margin-bottom:13px;}
.result-main .rlabel{font-size:10px;margin-bottom:5px;}
.result-main .rvalue{font-size:clamp(26px,8.5vw,38px);}
.rrow{padding:7px 0;}
.rrow .k{font-size:11px;}
.rrow .v{font-size:13px;}
.note{margin-top:12px;font-size:11px;line-height:1.45;}
}
/* ===== Mobile: tighter coin + live-price header in Paper Trade ===== */
@media (max-width:600px){
.ptt-form .pt2-top{align-items:center;gap:10px;}
.pt2-px{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;justify-content:flex-start;}
.pt2-px-lbl{font-size:8px;letter-spacing:.12em;align-self:center;margin-bottom:0;}
.ptt-form .pt2-px-v{font-size:19px;}
.pt2-px-chg{font-size:11px;margin-top:0;}
}
/* ============================================================
HERO REDESIGN — "Live Terminal" (desktop showpiece)
============================================================ */
.hero{padding:48px 0 44px;position:relative;z-index:1;}
.hero-copy{min-width:0;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);padding:7px 14px 7px 12px;border:1px solid var(--line-bright);border-radius:100px;background:rgba(255,255,255,.02);animation:rise .8s cubic-bezier(.2,.7,.2,1) both;}
.hx-dot{width:7px;height:7px;border-radius:50%;background:#c2f64a;box-shadow:0 0 0 0 rgba(194,246,74,.5);animation:lvpulseL 1.7s ease-out infinite;}
.hero h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.045em;line-height:.9;font-size:clamp(44px,6.3vw,84px);margin-top:22px;animation:rise .85s cubic-bezier(.2,.7,.2,1) .08s both;}
.hero h1 em{font-style:normal;position:relative;display:inline-block;color:#c2f64a;
background:linear-gradient(96deg,#c2f64a 0%,#9be15f 36%,#eaffb0 50%,#c2f64a 72%);background-size:230% auto;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:heroSheen 6s linear infinite;}
.hero h1 em::after{content:'';position:absolute;left:0;right:7%;bottom:-.02em;height:.05em;border-radius:4px;background:linear-gradient(90deg,#c2f64a,rgba(194,246,74,.12));transform:scaleX(0);transform-origin:left;animation:heroUnderline .9s cubic-bezier(.2,.7,.2,1) .7s forwards;}
@keyframes heroSheen{to{background-position:-230% center;}}
@keyframes heroUnderline{to{transform:scaleX(1);}}
.hero .sub{margin-top:26px;max-width:470px;color:#bcc3cb;font-size:18px;line-height:1.62;animation:rise .85s cubic-bezier(.2,.7,.2,1) .16s both;}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:36px;flex-wrap:wrap;animation:rise .85s cubic-bezier(.2,.7,.2,1) .24s both;}
.hero-cta{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:15.5px;letter-spacing:-.01em;color:#0a0b0d;background:#c2f64a;border:none;border-radius:13px;padding:15px 22px;cursor:pointer;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s;box-shadow:0 14px 38px -16px rgba(194,246,74,.65);}
.hero-cta svg{transition:transform .2s cubic-bezier(.2,.7,.2,1);}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 20px 50px -16px rgba(194,246,74,.8);}
.hero-cta:hover svg{transform:translateX(4px);}
.hero-cta:active{transform:translateY(0);}
.hero-note{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.04em;color:var(--ink-faint);}
@media(max-width:880px){.hero h1{font-size:clamp(40px,9vw,64px);}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none;background-position:0;}.hero h1 em::after{animation:none;transform:scaleX(1);}}
/* weekly paper-trade leaderboard — pinned in the left margin on wide screens, a toggle pill on smaller ones */
/* Leaders widget retired — markup removed; weekly board now lives in chat (/leaderboard) + Telegram */
/* ===== Mobile "Browse" full-screen navigator ===== */
.browse{position:fixed;inset:0;z-index:60;}
.browse[hidden]{display:none;}
html.browse-lock{overflow:hidden;}html.browse-lock body{position:fixed;left:0;right:0;width:100%;overflow:hidden;}
.browse-sheet{position:absolute;inset:0;background:linear-gradient(180deg,#0d0f13,#0a0b0d);transform:translateY(100%);transition:transform .32s cubic-bezier(.2,.85,.25,1);display:flex;flex-direction:column;will-change:transform;}
.browse.open .browse-sheet{transform:translateY(0);}
.browse-head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 18px) 20px 10px;}
.browse-title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:25px;letter-spacing:-.02em;color:var(--ink);}
.browse-x{width:38px;height:38px;border-radius:50%;background:var(--panel);border:1px solid var(--line-bright);color:var(--ink);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.browse-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 14px calc(env(safe-area-inset-bottom) + 28px);}
/* modern slim BLACK scrollbar for the Browse panel (owner request) */
.browse-scroll{scrollbar-width:thin;scrollbar-color:#1c222b transparent;}
.browse-scroll::-webkit-scrollbar{width:6px;}
.browse-scroll::-webkit-scrollbar-track{background:transparent;}
.browse-scroll::-webkit-scrollbar-thumb{background:#1c222b;border-radius:99px;}
.browse-scroll::-webkit-scrollbar-thumb:hover{background:#2c3540;}
.browse-sec{font-family:'Space Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin:20px 6px 9px;}
.browse-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:15px 16px;margin-bottom:9px;cursor:pointer;color:var(--ink);text-decoration:none;transition:transform .12s,background .12s;-webkit-appearance:none;appearance:none;font:inherit;box-sizing:border-box;overflow:visible;}
.browse-ic svg,.browse-row svg{overflow:visible;} /* the Paper Trade target icon was getting clipped on the