/* Traderwh — "Night Desk" design system.
   Layered near-black surfaces, hairline borders, one blue→cyan signal, semantic green/red.
   Geist for numbers + Latin, IBM Plex Sans Thai for Thai, Geist Mono for timestamps. */
:root{
  --ground:#04060B;
  --s0:#070A12; --s1:#0C111C; --s2:#121929; --s3:#1A2338; --s4:#232E47;
  --hair:rgba(255,255,255,.07); --hair-2:rgba(255,255,255,.12);
  --t1:#F3F6FC; --t2:#9AA4BA; --t3:#5F6A82;
  --sig:#3A5AF6; --sig-2:#5B78FA; --sig-ink:#FFFFFF; --sig-soft:rgba(58,90,246,.16); --sig-text:#8CA4FF;
  --sig-grad:linear-gradient(135deg,#2B52F5 0%,#3A5AF6 55%,#5B78FA 100%);
  --win:#34D39A; --win-soft:rgba(52,211,154,.13); --loss:#FF5A6E; --loss-soft:rgba(255,90,110,.13); --be:#8A93A6;
  --gold:#F6C85F; --gold-soft:rgba(246,200,95,.12); --violet:#A688FF; --violet-soft:rgba(166,136,255,.14);
  --sans:"IBM Plex Sans Thai","Geist",system-ui,-apple-system,sans-serif;
  --num:"Geist","IBM Plex Sans Thai",system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;
  --hero:linear-gradient(165deg,rgba(22,34,74,.92) 0%,rgba(14,22,48,.92) 55%,rgba(11,17,34,.92) 100%);
  --glass:blur(16px) saturate(1.25);
  --tab-h:76px; --r:18px;
  color-scheme:dark;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--s0);color:var(--t1)}
body{font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100%;overflow-x:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:var(--sig-text);text-decoration:none}
.input{min-width:0}
:focus-visible{outline:2px solid var(--sig);outline-offset:2px;border-radius:8px}
[hidden]{display:none!important}
.n{font-family:var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.m{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}
.win{color:var(--win)} .loss{color:var(--loss)} .be{color:var(--be)} .t2{color:var(--t2)} .t3{color:var(--t3)}
.lab{font-size:12px;color:var(--t3);font-weight:500;letter-spacing:.01em}
.hr{height:1px;background:var(--hair)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- app frame ---------- */
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}
#app,#login{position:relative;z-index:1}
#app{min-height:100vh}
/* glass: translucent surfaces over the living background */
.card,.list,.kpi,.grp,.gi,.tiles>div,.cal .c,.wk div,.note-row,.acts button,.ib,.seg,.chip,.btn.s,.input,.ta,.money,.feat span,.hero,.eye,.msg,.symbox,.minp .f,.tgrid button,.acts2 button{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
.view{max-width:600px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px,env(safe-area-inset-right,0px)) calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 28px) max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:12px}
.side{display:none}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px max(10px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));
  background:color-mix(in srgb,var(--s0) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hair)}
.tabbar:empty{display:none}
.tabbar .in{max-width:600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--t3);font-weight:500;padding:4px 0}
.tab svg{width:23px;height:23px}
.tab[aria-current="page"]{color:var(--t1)}
.tab[aria-current="page"] svg{color:var(--sig-2)}
.plus{width:54px;height:54px;border-radius:18px;background:var(--sig-grad);display:grid;place-items:center;color:var(--sig-ink);margin:-14px auto 0;box-shadow:0 10px 30px -6px color-mix(in srgb,var(--sig) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}
.plus svg{width:26px;height:26px}

/* ---------- primitives ---------- */
.hdr{display:flex;align-items:center;gap:10px;min-height:44px}
.hdr h1{font-family:var(--num);font-size:28px;font-weight:600;letter-spacing:-.03em;margin:0}
.hdr .sp{flex:1}
.ib{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--hair);color:var(--t2);flex:none}
.ib svg{width:19px;height:19px}
.ib:active{transform:scale(.96)}
.av{width:40px;height:40px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#4D7CFF,#3FD5FF,#A688FF,#4D7CFF);flex:none;display:block}
.av{background:conic-gradient(from 200deg,var(--sig),var(--sig-2),var(--sig))}
.av>span,.av>img{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#3B4C7A,#151D33);color:#fff;font-family:var(--num);font-weight:600;font-size:15px;border:2px solid var(--s0);object-fit:cover}
.card{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);padding:14px}
.card h2{font-size:14px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.card h2 .r{margin-left:auto;font-weight:500}
.seg{display:flex;padding:3px;border-radius:12px;background:var(--s2);border:1px solid var(--hair)}
.seg button{flex:1;text-align:center;padding:6px 10px;border-radius:9px;font-size:13px;color:var(--t2);font-weight:500;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--s4);color:var(--t1);box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}
.pill.w{background:var(--win-soft);color:var(--win)} .pill.l{background:var(--loss-soft);color:var(--loss)} .pill.s{background:var(--sig-soft);color:var(--sig-text)} .pill.g{background:var(--s3);color:var(--t2)} .pill.y{background:var(--gold-soft);color:var(--gold)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.chips.scroll::-webkit-scrollbar{display:none}
.chip{padding:7px 12px;border-radius:999px;font-size:13px;border:1px solid var(--hair-2);color:var(--t2);white-space:nowrap;font-weight:500;flex:none}
.chip[aria-pressed="true"]{background:var(--t1);color:var(--s0);border-color:transparent}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:15px;font-weight:600;font-size:15.5px;width:100%}
.btn.p{background:var(--sig-grad);color:var(--sig-ink);box-shadow:0 10px 26px -8px color-mix(in srgb,var(--sig) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.3)}
.btn.s{background:var(--s2);border:1px solid var(--hair-2);color:var(--t1)}
.btn.d{background:var(--loss-soft);color:var(--loss)}
.btn.sm{min-height:40px;font-size:14px;border-radius:12px}
.btn:disabled{opacity:.45;cursor:default}
.btn svg{width:18px;height:18px}
.btn:active:not(:disabled){transform:scale(.985)}
.link{color:var(--sig-text);font-weight:600;font-size:14px}
.input,.ta{width:100%;background:var(--s2);border:1px solid var(--hair);border-radius:14px;padding:12px 14px;font-size:16px;color:var(--t1);outline:none;min-height:50px}
.input:focus,.ta:focus{border-color:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.ta{min-height:96px;resize:vertical;line-height:1.55}
.field{display:flex;flex-direction:column;gap:7px}
.field>label,.field>.lab{font-size:12.5px;color:var(--t3);font-weight:500}
.err{color:var(--loss);font-size:13px;min-height:0}
.empty{text-align:center;color:var(--t3);padding:34px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
.empty svg{width:40px;height:40px;color:var(--t3)}
.empty b{color:var(--t1);font-size:16px}
.prog{height:6px;border-radius:3px;background:var(--s3);overflow:hidden}
.prog i{display:block;height:100%;border-radius:3px;background:var(--sig-grad)}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
.live{background:var(--win);box-shadow:0 0 0 0 rgba(52,211,154,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(52,211,154,0)}100%{box-shadow:0 0 0 0 rgba(52,211,154,0)}}

/* ---------- home ---------- */
.hero{position:relative;border-radius:24px;padding:16px 16px 10px;overflow:hidden;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.10),transparent 55%),var(--hero);border:1px solid var(--hair-2)}
.hero .lab{color:rgba(255,255,255,.7)!important}
.hero .seg button{color:rgba(255,255,255,.7)}
.hero .seg button[aria-pressed="true"]{background:rgba(255,255,255,.18);color:#fff}
.hero .empty,.hero .empty .t2{color:rgba(255,255,255,.75)}
.hero .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.hero .seg{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.06)}
.hero .seg button{padding:4px 9px;font-size:12px}
.hero .big{font-size:52px;font-weight:600;line-height:1;margin-top:12px;letter-spacing:-.045em}
.hero .sub{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;font-size:13px;color:rgba(255,255,255,.75)}
.hero .big.loss{color:#FFB3BD}
.hero .pill.w{background:rgba(52,211,154,.22);color:#9CF6D3} .hero .pill.l{background:rgba(255,90,110,.25);color:#FFC2CA}
.eq{display:block;width:100%;height:110px;margin-top:8px}
.ax{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--t3);padding:0 2px}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);background:var(--s1);border:1px solid var(--hair);border-radius:var(--r)}
.kpi>div{padding:11px 13px;min-width:0}
.kpi>div+div{border-left:1px solid var(--hair)}
.kpi b{display:block;font-size:19px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blocks{display:grid;gap:4px}
.blocks i{height:6px;border-radius:3px;background:var(--s3)}
.blocks i.u{background:var(--loss)}
.lim-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lim-row b{font-size:14px;font-weight:600}
.bars{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;align-items:end;height:120px;position:relative}
.bars .b{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px;position:relative}
.bars .b i{width:100%;border-radius:5px 5px 2px 2px;min-height:2px}
.bars .b span{font-size:9.5px;color:var(--t3);font-family:var(--mono)}
.bars .zero{position:absolute;left:0;right:0;height:1px;background:var(--hair-2)}

/* trade rows */
.list{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden}
.tr{display:flex;align-items:center;gap:11px;padding:11px 13px;width:100%;text-align:left;position:relative}
.tr+.tr{border-top:1px solid var(--hair)}
.tr.day-total{cursor:default;background:color-mix(in srgb,var(--t3) 6%,transparent)}
.tr.day-total .mid b{font-size:13px;color:var(--t2);text-transform:uppercase;letter-spacing:.06em}
@media (hover:hover){.tr:hover{background:var(--sig-soft)}}
.tr .mid{flex:1;min-width:0}
.tr .mid b{display:block;font-size:14px;font-weight:600}
.tr .mid small{display:block;font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr .rv{text-align:right;flex:none}
.tr .rv b{display:block;font-size:15.5px;font-weight:600}
.tr .rv small{font-family:var(--mono);font-size:11px;color:var(--t3)}
.sym{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-family:var(--num);font-size:11px;font-weight:700;flex:none;letter-spacing:-.02em}
.day{display:flex;justify-content:space-between;align-items:baseline;padding:8px 4px 2px;font-size:12.5px;color:var(--t3);font-weight:500}
.sum{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:2px 2px 0}
.sum b{font-size:24px;font-weight:600}

/* calendar */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal .wd{font-size:11px;color:var(--t3);text-align:center;padding-bottom:2px;font-weight:500}
.cal .c{aspect-ratio:1/1.1;border-radius:11px;background:var(--s1);border:1px solid var(--hair);padding:4px 6px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;text-align:left}
.cal .c .d{font-size:10.5px;color:var(--t3);font-family:var(--num)}
.cal .c .v{font-family:var(--num);font-size:11.5px;font-weight:600;text-align:right;letter-spacing:-.03em;white-space:nowrap;overflow:hidden}
.cal .c.out{visibility:hidden}
.cal .c.today .d{color:var(--sig-2);font-weight:700}
.cal .c[aria-pressed="true"]{outline:2px solid var(--t1);outline-offset:1px}
.wk{display:grid;gap:6px}
.wk div{background:var(--s1);border:1px solid var(--hair);border-radius:12px;padding:7px 10px;min-width:0}
.wk b{display:block;font-size:14px;font-weight:600}

/* ---------- sheet ---------- */
.sheet{position:fixed;inset:0;z-index:50;display:none}
.sheet.open{display:block}
.sheet .scrim{position:absolute;inset:0;background:rgba(2,4,10,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fade .2s}
.sheet .panel{position:absolute;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top,0px) + 10px);background:var(--s0);border-radius:24px 24px 0 0;border-top:1px solid var(--hair-2);display:flex;flex-direction:column;animation:up .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 60px rgba(0,0,0,.6)}
@keyframes up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}}
.sh-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--hair);flex:none}
.sh-head b{flex:1;text-align:center;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sh-head .txt{color:var(--sig-text);font-weight:600;font-size:15px;padding:8px 4px;min-width:56px}
.sh-head .txt.l{text-align:left;color:var(--t2)}
.sh-head .txt.r{text-align:right}
.sh-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sh-in{max-width:600px;margin:0 auto;padding:16px 16px 28px;display:flex;flex-direction:column;gap:14px}
.sh-foot{flex:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--hair);background:var(--s0)}
.sh-foot .in{max-width:600px;margin:0 auto;display:flex;gap:8px}
.grab{width:40px;height:5px;border-radius:3px;background:var(--s4);margin:6px auto 0}

/* new trade */
.dir{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dir button{height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;border:1px solid var(--hair-2);color:var(--t2)}
.dir button svg{width:18px;height:18px}
.dir button[aria-pressed="true"].lg{background:var(--win-soft);border-color:rgba(52,211,154,.5);color:var(--win)}
.dir button[aria-pressed="true"].sh{background:var(--loss-soft);border-color:rgba(255,90,110,.5);color:var(--loss)}
.money{display:flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--hair);border-radius:15px;padding:0 6px 0 14px;min-height:54px}
.money:focus-within{border-color:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.money .u{color:var(--t3);font-weight:600;font-size:17px}
.money input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-family:var(--num);font-size:22px;font-weight:600;padding:10px 0;font-variant-numeric:tabular-nums}
.money .aside{font-size:12px;color:var(--t3);white-space:nowrap;padding-right:8px}
.unit{display:flex;padding:3px;border-radius:10px;background:var(--s3)}
.unit button{padding:5px 10px;border-radius:7px;font-family:var(--num);font-weight:600;font-size:13px;color:var(--t3)}
.unit button[aria-pressed="true"]{background:var(--s4);color:var(--t1)}
.sign{width:40px;height:40px;border-radius:11px;background:var(--win-soft);color:var(--win);font-family:var(--num);font-size:22px;font-weight:600;flex:none}
.sign.neg{background:var(--loss-soft);color:var(--loss)}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.shot{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--s2);border:1px solid var(--hair)}
.shot img{width:100%;height:100%;object-fit:cover;display:block}
.shot .x{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:13px;display:grid;place-items:center}
.addshot{aspect-ratio:4/3;border-radius:12px;border:1.5px dashed var(--hair-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--t3);font-size:12px}
.addshot svg{width:20px;height:20px}

/* trade detail */
.res .big{font-size:58px;font-weight:600;line-height:1;letter-spacing:-.05em}
.meta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--hair);border-radius:16px;overflow:hidden;border:1px solid var(--hair)}
.meta>div{background:var(--s1);padding:9px 12px;min-width:0}
.meta b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quote{border-left:2px solid var(--sig);padding:2px 0 2px 12px;font-size:14px;line-height:1.6;color:var(--t1);white-space:pre-wrap;word-break:break-word}
.tl{display:flex;flex-direction:column}
.tl .e{display:grid;grid-template-columns:48px 14px minmax(0,1fr) auto;align-items:start;gap:8px;font-size:13.5px;padding-bottom:10px}
.tl .e .m{font-size:11.5px;color:var(--t3);padding-top:2px}
.tl .e .k{position:relative;align-self:stretch}
.tl .e .k::before{content:"";position:absolute;left:4px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--c,var(--sig-2));box-shadow:0 0 0 3px var(--s1)}
.tl .e .k::after{content:"";position:absolute;left:7px;top:16px;bottom:-6px;width:1px;background:var(--hair-2)}
.tl .e:last-child{padding-bottom:0}
.tl .e:last-child .k::after{display:none}
.tl .e b{font-weight:600;font-family:var(--num)}
.ladder{position:relative;height:70px;margin:4px 8px 0}
.ladder .track{position:absolute;left:0;right:0;top:30px;height:8px;border-radius:4px;background:var(--s3)}
.ladder .tick{position:absolute;top:46px;transform:translateX(-50%);font-family:var(--mono);font-size:10.5px;color:var(--t3);white-space:nowrap}
.ladder .mk{position:absolute;top:20px;transform:translateX(-50%);width:3px;height:28px;border-radius:2px}
.ladder .mk span{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:600;padding:1px 7px;border-radius:6px}
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.acts button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 6px;border-radius:16px;background:var(--s1);border:1px solid var(--hair);font-size:13px;font-weight:500}
.acts svg{width:21px;height:21px}
.acts button.hitb{color:var(--loss)}
.pane{border-radius:20px;background:var(--s1);border:1px solid var(--sig);box-shadow:0 0 0 4px var(--sig-soft);padding:14px;display:flex;flex-direction:column;gap:12px}
.pane h3{margin:0;font-size:15px;font-weight:600}
.chk{display:flex;flex-direction:column;gap:2px}
.chk .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0}
.chk .row+.row{border-top:1px solid var(--hair)}
.chk .row b{display:block;font-size:13px;font-weight:600}
.chk .row small{display:block;font-size:12.5px;color:var(--t2);white-space:pre-wrap}
.yn{display:flex;gap:5px}
.yn button{width:38px;height:34px;border-radius:10px;background:var(--s3);color:var(--t3);font-weight:700;font-size:13px}
.yn button[aria-pressed="true"].y{background:var(--win-soft);color:var(--win)}
.yn button[aria-pressed="true"].n{background:var(--loss-soft);color:var(--loss)}
.menu{position:absolute;right:12px;top:56px;z-index:5;background:var(--s2);border:1px solid var(--hair-2);border-radius:14px;padding:6px;min-width:180px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:9px;font-size:14px;text-align:left}
@media (hover:hover){.menu button:hover{background:var(--s3)}}
.menu button svg{width:17px;height:17px}
.menu .dz{color:var(--loss)}

/* brain */
.best{position:relative;overflow:hidden;border-radius:22px;padding:16px;background:radial-gradient(90% 70% at 100% 0%,rgba(166,136,255,.22),transparent 60%),linear-gradient(160deg,#1A1838,#0F1124);border:1px solid rgba(166,136,255,.22)}
.best .big{font-size:34px;font-weight:600;letter-spacing:-.04em;line-height:1.1;margin-top:6px;word-break:break-word}
.hist{display:flex;align-items:flex-end;gap:4px;height:96px;padding-top:6px}
.hist i{flex:1;border-radius:4px 4px 2px 2px;min-height:3px;position:relative}
.hax{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--t3);margin-top:5px}
.eg{display:flex;flex-direction:column;gap:11px}
.eg .r{display:grid;grid-template-columns:minmax(0,110px) minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:13px}
.eg .r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--t2)}
.eg .r span small{color:var(--t3);margin-left:4px}
.eg .tk{height:8px;border-radius:4px;background:var(--s3);position:relative;overflow:hidden}
.eg .tk i{position:absolute;top:0;bottom:0;border-radius:4px}
.eg .tk .mid{left:50%;width:1px;background:rgba(255,255,255,.25)}
.eg .r b{text-align:right;font-size:13.5px;font-weight:600}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.tiles>div{border-radius:14px;padding:10px 11px;background:var(--s1);border:1px solid var(--hair);min-width:0}
.tiles>div.top{border-color:rgba(52,211,154,.4);background:linear-gradient(160deg,rgba(52,211,154,.12),var(--s1))}
.tiles b{display:block;font-size:17px;font-weight:600}
.tiles small{font-size:11px;color:var(--t3)}
.lockc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px}
.lockc svg{width:36px;height:36px;color:var(--sig-2)}

/* guide + notes */
.notepad{position:relative;border-radius:20px;padding:14px 16px;background:linear-gradient(160deg,#2A2312,#1A160B);border:1px solid rgba(246,200,95,.22);overflow:hidden;width:100%;text-align:left;display:block}
.notepad::after{content:"";position:absolute;left:16px;right:16px;top:64px;height:57px;background:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(246,200,95,.16) 27px 28px);pointer-events:none}
.notepad .h{display:flex;align-items:center;gap:9px;color:var(--gold)}
.notepad .h svg{width:20px;height:20px}
.notepad .h b{font-size:16px;font-weight:600}
.notepad .h .add{margin-left:auto;background:var(--gold);color:#241A02;font-weight:700;font-size:13px;padding:6px 12px;border-radius:10px}
.notepad .ln{position:relative;z-index:1;margin-top:10px;line-height:28px;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notepad .ln small{display:block;line-height:24px;font-size:12px;color:rgba(246,200,95,.7)}
.gi{display:flex;align-items:center;gap:13px;padding:14px;border-radius:20px;background:var(--s1);border:1px solid var(--hair);width:100%;text-align:left}
.gi .ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--cb);color:var(--c)}
.gi .ico svg{width:23px;height:23px}
.gi b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.gi small{display:block;font-size:12.5px;color:var(--t3)}
.gi .ar{margin-left:auto;color:var(--t3);font-size:20px}
.g1{--c:var(--win);--cb:var(--win-soft)} .g2{--c:var(--sig-text);--cb:var(--sig-soft)} .g3{--c:var(--violet);--cb:var(--violet-soft)} .g4{--c:var(--gold);--cb:var(--gold-soft)}
.cv-r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0}
.cv-r+.cv-r{border-top:1px solid var(--hair)}
.cv-r b{font-size:18px;font-weight:600;text-align:right}
.cv-r b small{display:block;font-size:12px;font-weight:400;color:var(--t3)}
.mdots{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:8px 0 6px}
.mdots i{height:6px;border-radius:3px;background:var(--s3)} .mdots i.on{background:var(--sig)} .mdots.full i{background:var(--win)}
.rk{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.rk button{height:42px;border-radius:12px;font-family:var(--num);font-weight:600;font-size:15px;background:var(--s2);border:1px solid var(--hair);color:var(--t2)}
.rk button[aria-pressed="true"]{background:var(--sig-soft);border-color:var(--sig);color:var(--sig-text)}
.rk button.hot[aria-pressed="true"]{background:var(--loss-soft);border-color:var(--loss);color:var(--loss)}
.warnbox{background:var(--loss-soft);color:var(--loss);border-radius:12px;padding:10px 12px;font-weight:600;font-size:13.5px}
.todo{list-style:none;margin:0;padding:0}
.todo li{display:flex;align-items:center;gap:8px;border-top:1px solid var(--hair)}
.todo li:first-child{border-top:0}
.todo label{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;font-size:15px;flex:1;min-width:0}
.todo input{width:20px;height:20px;accent-color:var(--win);flex:none}
.todo input:checked+span{color:var(--t3);text-decoration:line-through}
.zero{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zero>div{background:var(--s2);border-radius:12px;padding:10px 12px}
.zero b{display:block;font-size:24px}
.note-row{display:block;width:100%;text-align:left;background:var(--s1);border:1px solid var(--hair);border-radius:16px;padding:12px 14px}
.note-row b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-row .p{font-size:13.5px;color:var(--t2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.note-ed{min-height:58vh;background:transparent;border:0;outline:none;width:100%;resize:none;font-size:16.5px;line-height:1.75;color:var(--t1);padding:0}
.note-title{font-family:var(--num);font-size:24px;font-weight:600;letter-spacing:-.02em;background:transparent;border:0;outline:none;width:100%;padding:0;color:var(--t1)}

/* settings */
.prof{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;text-align:center}
.prof .av{width:84px;height:84px}
.prof .av>span{font-size:32px;border-width:3px}
.prof b{font-size:20px;font-weight:600}
.glab{font-size:12px;color:var(--t3);font-weight:500;padding:0 4px;margin:6px 0 -4px;letter-spacing:.03em}
.grp{background:var(--s1);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden}
.gr{display:flex;align-items:center;gap:12px;padding:12px 14px;font-size:14.5px;width:100%;text-align:left;min-height:52px}
.gr+.gr{border-top:1px solid var(--hair)}
.gr .gic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.gr .gic svg{width:17px;height:17px}
.gr .v{margin-left:auto;color:var(--t2);font-size:14px;display:flex;align-items:center;gap:6px;text-align:right}
.gr input.inline{width:110px;text-align:right;background:transparent;border:0;outline:none;font-family:var(--num);font-size:15px;color:var(--t1);padding:6px 0}
.gr input.inline:focus{border-bottom:1px solid var(--sig)}
.gr select{background:var(--s2);border:1px solid var(--hair);border-radius:9px;padding:6px 8px;color:var(--t1)}
.tog{width:46px;height:28px;border-radius:14px;background:var(--s4);position:relative;flex:none;margin-left:auto;transition:background .15s}
.tog::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .15s}
.tog[aria-checked="true"]{background:var(--win)}
.tog[aria-checked="true"]::after{transform:translateX(18px)}
.taglist{display:flex;flex-wrap:wrap;gap:6px}
.tagx{display:inline-flex;align-items:center;gap:6px;padding:6px 6px 6px 12px;border-radius:999px;background:var(--s2);border:1px solid var(--hair);font-size:13.5px}
.tagx button{width:22px;height:22px;border-radius:50%;background:var(--s4);color:var(--t2);font-size:12px}
.addrow{display:flex;gap:8px}
.addrow .input{min-height:44px;font-size:15px}
.addrow .btn{width:auto;min-height:44px}

/* recap */
.rate{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0}
.rate+.rate{border-top:1px solid var(--hair)}
.rate .dots{display:flex;gap:5px}
.rate .dots button{width:32px;height:32px;border-radius:9px;background:var(--s3);font-family:var(--num);font-size:13px;color:var(--t3)}
.rate .dots button[aria-pressed="true"]{background:var(--sig);color:#fff}

/* calm */
.calm{position:fixed;inset:0;z-index:85;display:none;overflow-y:auto;background:radial-gradient(90% 50% at 50% 30%,#1A2550,transparent 70%),#070B1A}
.calm.open{display:block}
.calm-in{max-width:420px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 34px) 22px calc(env(safe-area-inset-bottom,0px) + 24px)}
.breath{position:relative;width:220px;height:220px;max-width:66vw;max-height:66vw;display:grid;place-items:center}
.breath i{position:absolute;border-radius:50%;transform:scale(.55);transition:transform 4s ease-in-out}
.breath .a{inset:0;background:radial-gradient(circle,rgba(77,124,255,.10),rgba(77,124,255,.22));border:1px solid rgba(141,176,255,.18)}
.breath .b{inset:20%;background:radial-gradient(circle,rgba(63,213,245,.18),rgba(77,124,255,.32));border:1px solid rgba(141,176,255,.3)}
.breath div{position:relative}
.breath div b{display:block;font-size:23px;font-weight:600}
.facts{width:100%;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--hair);padding:15px;display:flex;flex-direction:column;gap:10px}
.calm-btns{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:auto}
@media (prefers-reduced-motion: reduce){.breath i{transition:none!important}.live{animation:none}.sheet .panel,.sheet .scrim{animation:none}}

/* modal + toast */
.modal{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,4,10,.7);backdrop-filter:blur(4px)}
.modal.open{display:flex}
.modal .box{width:100%;max-width:380px;background:var(--s1);border:1px solid var(--hair-2);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.modal .box h3{margin:0;font-size:18px}
.modal .box p{margin:0;color:var(--t2);font-size:14.5px}
.modal .row{display:flex;gap:8px}
.toast{position:fixed;left:50%;bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);background:var(--t1);color:var(--s0);padding:10px 16px;border-radius:13px;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:90vw;text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
.syncdot{width:8px;height:8px;border-radius:50%;background:var(--t3);flex:none}
.syncdot.ok{background:var(--win)} .syncdot.busy{background:var(--sig-2);animation:blink 1s infinite} .syncdot.offline,.syncdot.error{background:var(--gold)}
@keyframes blink{50%{opacity:.3}}

/* login */
.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 30px) 24px calc(env(safe-area-inset-bottom,0px) + 26px)}
.login .in{width:100%;max-width:400px;flex:1;display:flex;flex-direction:column;gap:14px}
.login .lang{align-self:flex-end}
.login h1{font-family:var(--num);font-size:36px;font-weight:600;letter-spacing:-.04em;margin:0;text-align:center}
.word em{font-style:normal;background:var(--sig-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.feat{display:flex;flex-direction:column;gap:8px}
.feat span{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--t2);padding:12px 14px;border-radius:15px;background:var(--s1);border:1px solid var(--hair)}
.feat svg{width:19px;height:19px;color:var(--sig-2);flex:none}
.gbox{min-height:48px;display:flex;justify-content:center;color-scheme:light;background:transparent}
.gbox iframe{color-scheme:light;background:transparent!important}
.fine{text-align:center;font-size:12px;color:var(--t3);line-height:1.6}
.fine a{color:var(--t2)}
.mark{display:block;flex:none}

/* ---------- desktop ---------- */
@media (min-width:1000px){
  .tabbar{display:none}
  #app{display:grid;grid-template-columns:240px minmax(0,1fr)}
  .side{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;padding:20px 14px;border-right:1px solid var(--hair);background:color-mix(in srgb,var(--s0) 70%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
  .side:empty{display:none}
  #app:has(.side:empty){grid-template-columns:minmax(0,1fr)}
  .side .br{display:flex;align-items:center;gap:10px;padding:2px 8px 18px}
  .side .br b{font-size:17px;display:block;line-height:1.1}
  .side .new{margin-bottom:12px}
  .side a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;color:var(--t2);text-decoration:none;font-size:14.5px}
  .side a svg{width:19px;height:19px}
  @media (hover:hover){.side a:hover{background:var(--sig-soft)}}
  .side a[aria-current="page"]{background:var(--s2);color:var(--t1)}
  .side a[aria-current="page"] svg{color:var(--sig-2)}
  .side .me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 0;border-top:1px solid var(--hair);text-decoration:none;color:var(--t1)}
  .side .me .av{width:34px;height:34px}
  .side .me small{display:block;font-size:11.5px;color:var(--t3)}
  .view{max-width:1080px;width:100%;padding:28px 36px 48px}
  .view.narrow{max-width:680px}
  .home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:14px;align-items:start}
  .home-grid .col{display:flex;flex-direction:column;gap:12px;min-width:0}
  .hero .big{font-size:64px}
  .eq{height:170px}
  .sheet .scrim{background:rgba(2,4,10,.45)}
  .sheet .panel{left:auto;top:0;width:520px;border-radius:0;border-top:0;border-left:1px solid var(--hair-2);animation:side .25s cubic-bezier(.2,.8,.2,1)}
  @keyframes side{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
  .grab{display:none}
  .toast{bottom:28px;left:calc(50% + 120px)}
  .brain-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
  .brain-grid .span2{grid-column:1/-1}
}

.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
@media (max-width:420px){.two{grid-template-columns:minmax(0,1fr)}}

/* ================= v2: living themes, chat, practice, badges ================= */
.view>*{flex-shrink:0}
.chip{background:var(--s1)}
.chip.p{background:var(--sig-grad);color:var(--sig-ink);border-color:transparent;font-weight:600}
@keyframes pop{from{transform:translateY(8px) scale(.96);opacity:0}}
.pop{animation:pop .35s cubic-bezier(.2,.9,.3,1.2) both}
.enter .home-grid .col>*,.enter>.card,.enter>section,.enter>.hdr,.enter>.bgrid,.enter>.list{animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.enter .home-grid .col>*:nth-child(2),.enter>*:nth-child(2){animation-delay:.04s}.enter .home-grid .col>*:nth-child(3),.enter>*:nth-child(3){animation-delay:.08s}.enter .home-grid .col>*:nth-child(4),.enter>*:nth-child(4){animation-delay:.12s}.enter .home-grid .col>*:nth-child(5),.enter>*:nth-child(5){animation-delay:.16s}
@keyframes rise{from{transform:translateY(10px);opacity:0}}

/* coach + getting started */
.coach{display:flex;gap:11px;align-items:flex-start;padding:12px 14px}
.coach .mk{flex:none;display:block;line-height:0}
.coach p{margin:0;font-size:14px;line-height:1.55}
.coach .cta{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.coach .cta .chip{padding:6px 12px;font-size:12.5px}
.start .top{display:flex;justify-content:space-between;align-items:baseline}
.start .top b{font-size:15px}
.start .prog{margin:8px 0 4px}
.step{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--hair);width:100%;text-align:left}
.step:first-of-type{border-top:0}
.step .ck{width:24px;height:24px;border-radius:50%;border:2px solid var(--hair-2);flex:none;display:grid;place-items:center}
.step .ck svg{width:14px;height:14px;stroke-width:3}
.step.done{cursor:default}
.step.done .ck{background:var(--win);border-color:var(--win);color:#04130D}
.step.done .t{color:var(--t3);text-decoration:line-through}
.step .tx{flex:1;min-width:0}
.step .t{display:block;font-size:14px;font-weight:500}
.step .md svg{width:28px;height:31px;display:block}
.step:not(.done) .md svg{filter:grayscale(1) brightness(.75)}
@media (hover:hover){.step:not(.done):hover .t{color:var(--sig-text)}}
.bstrip .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;color:inherit}
.bstrip .top b{font-size:14.5px}
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.strip .bd{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.strip .bd svg{width:52px;height:58px;transition:transform .2s}
@media (hover:hover){.strip .bd:hover svg{transform:translateY(-2px) scale(1.04)}}
.strip .bd small{font-size:10.5px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.lk svg{filter:grayscale(1) brightness(.5)}

/* badges page */
.lvl{display:flex;align-items:center;gap:14px}
.lvring{width:62px;height:62px;flex:none}
.nextb{display:flex;gap:14px;align-items:center}
.nextb .md{width:56px;height:63px;flex:none}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;padding-top:4px}
@media (min-width:700px){.bgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bgrid .bd{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.bgrid .bd svg{width:76px;height:85px;transition:transform .2s;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}
@media (hover:hover){.bgrid .bd:hover svg{transform:translateY(-3px) scale(1.04)}}
.bgrid .bd b{font-size:12.5px;line-height:1.25;font-weight:600}
.bgrid .bd small{font-size:10.5px;color:var(--t3);line-height:1.35}
.bgrid .lk svg{filter:grayscale(1) brightness(.42)}
.bgrid .lk b{color:var(--t3)}
.mini{width:62%;height:4px;border-radius:2px;background:var(--s3);overflow:hidden;margin-top:3px}
.mini i{display:block;height:100%;background:var(--sig-grad)}

/* unlock moment (badge popup + practice finish) */
#unlock{position:fixed;inset:0;z-index:97;display:none}
#unlock.open{display:block}
.unl,.pfin{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:30px 24px;background:color-mix(in srgb,var(--s0) 84%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade .25s both;overflow:hidden}
.pfin{z-index:96}
.rays{position:absolute;left:50%;top:40%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(from 0deg,rgba(246,200,95,.10) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 10%,transparent 60%);mask:radial-gradient(circle,#000 10%,transparent 60%);animation:spin 30s linear infinite;pointer-events:none}
.unl.locked .rays{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.unl>*,.pfin>*{position:relative}
.unl>.rays,.pfin>.rays{position:absolute}
.unl .k,.pfin .k{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--gold)}
.unl.locked .k{color:var(--t3)}
svg.hm{width:150px;height:168px;filter:drop-shadow(0 18px 36px rgba(246,200,95,.35));animation:medal .7s cubic-bezier(.2,.9,.3,1.35) both}
.unl.locked svg.hm{filter:grayscale(1) brightness(.5);animation:none}
@keyframes medal{from{transform:scale(.3) rotate(-25deg);opacity:0}}
.unl h3,.pfin h3{margin:0;font-family:var(--num);font-size:26px;font-weight:600;letter-spacing:-.02em}
.unl p,.pfin p{margin:0 0 6px;color:var(--t2);font-size:14px;max-width:32ch}
.pfin .res{font-family:var(--num);font-size:46px;font-weight:600;letter-spacing:-.04em;line-height:1}
.unl .btns,.pfin .btns{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;margin-top:8px}

/* chat onboarding */
.chatv{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 40px)}
.chat{display:flex;flex-direction:column;gap:10px;padding-top:4px;min-height:70vh}
.who{display:flex;align-items:center;gap:10px;margin:0 -16px 6px;position:sticky;top:0;z-index:2;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 10px;background:color-mix(in srgb,var(--s0) 78%,transparent);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-bottom:1px solid var(--hair)}
.chatv{padding-top:0}
.who .mk{width:38px;height:38px;border-radius:12px;background:var(--sig-grad);display:grid;place-items:center;color:var(--sig-ink);flex:none}
.who b{font-size:15px} .who small{display:flex;align-items:center;font-size:12px;color:var(--t3)}
.who .sp{flex:1}
.msg{max-width:86%;align-self:flex-start;padding:11px 14px;border-radius:18px 18px 18px 6px;background:var(--s2);border:1px solid var(--hair);font-size:15px;line-height:1.55;animation:pop .35s cubic-bezier(.2,.9,.3,1.2) both}
.msg.ty{padding:0}
.msg.me{align-self:flex-end;border-radius:18px 18px 6px 18px;background:var(--sig-grad);color:var(--sig-ink);border:0;font-weight:600}
.typing{display:inline-flex;gap:4px;padding:14px 16px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--t2);animation:bl 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.ans{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end;animation:pop .35s both}
.ans .chip{padding:9px 15px;font-size:14px;color:var(--t1)}
.ans.col{flex-direction:column;align-items:stretch;margin-top:6px}
.minp{display:flex;gap:8px;align-items:center;width:100%;animation:pop .35s both}
.minp .f{flex:1;display:flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--sig);border-radius:15px;padding:0 14px;min-height:54px;min-width:0}
.minp .f.bad{border-color:var(--loss)}
.minp .f span{color:var(--t3);font-weight:600;font-size:18px}
.minp input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-family:var(--num);font-size:22px;font-weight:600;color:var(--t1)}
.minp .go{width:54px;height:54px;border-radius:15px;background:var(--sig-grad);color:var(--sig-ink);display:grid;place-items:center;flex:none}
.minp .go svg{width:22px;height:22px;stroke-width:2.4}
.okb{align-self:flex-end;background:var(--sig-grad)!important;color:var(--sig-ink)!important;border:0!important;font-weight:600}
.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;animation:pop .35s both}
.tgrid button{border-radius:14px;overflow:hidden;border:2px solid var(--hair);background:var(--s2);padding:0;text-align:center;transition:transform .15s}
.tgrid button[aria-pressed="true"]{border-color:var(--t1);transform:translateY(-2px)}
.tgrid canvas{display:block;width:100%;height:68px}
.tgrid span{display:block;font-size:12.5px;padding:5px 0;font-weight:500}
.tgrid button{position:relative}
.tgrid button.lockd canvas{filter:grayscale(.6) brightness(.55)}
.tlock{position:absolute;left:50%;top:34px;transform:translate(-50%,-50%);display:flex;align-items:center;gap:4px;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:999px;white-space:nowrap}
.tlock svg{width:11px;height:11px}
.tgrid .okb{grid-column:1/-1;justify-self:end;padding:9px 18px;border-radius:999px}
.vwrap{align-self:stretch;animation:pop .4s both}
.vault{border-radius:22px;padding:18px 16px;background:var(--hero);border:1px solid var(--hair-2);text-align:center;overflow:hidden;position:relative;color:#fff}
.v-old{font-size:34px;font-weight:600;transition:all .6s;position:relative;display:inline-block}
.v-old::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:3px;border-radius:2px;background:var(--loss);transform:scaleX(0);transform-origin:left;transition:transform .5s .2s}
.go .v-old{opacity:.45;font-size:22px}
.go .v-old::after{transform:scaleX(1)}
.v-arrow{color:rgba(255,255,255,.55);height:0;overflow:hidden;transition:height .4s;display:flex;justify-content:center}
.go .v-arrow{height:26px}
.v-new{font-size:0;font-weight:700;letter-spacing:-.05em;transition:font-size .5s cubic-bezier(.2,.9,.3,1.3);text-shadow:0 0 30px var(--sig)}
.go .v-new{font-size:64px;line-height:1.05}
.v-grid{display:grid;gap:3px;margin:12px auto 4px;max-width:250px}
.v-grid i{aspect-ratio:1;border-radius:3px;background:rgba(255,255,255,.1);transform:scale(.4);transition:all .3s}
.v-grid i.on{background:var(--sig-grad);transform:none;box-shadow:0 0 6px var(--sig)}
.vault p{margin:0;opacity:0;transform:translateY(6px);transition:all .5s}
.vault.done p,.done .vault p{opacity:1;transform:none}
.v-t1{color:rgba(255,255,255,.78);font-size:14px;margin-top:10px!important}
.v-t1 s{text-decoration-color:var(--loss)}
.v-t2{font-size:19px;font-weight:600;margin-top:2px!important;transition-delay:.35s!important}
.v-t3{color:rgba(255,255,255,.78);font-size:14px;margin-top:6px!important;transition-delay:.8s!important}
.symwrap{align-self:stretch;display:flex;flex-direction:column;gap:8px;animation:pop .35s both}
.symbox{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--s2);border:1px solid var(--sig);border-radius:16px;padding:8px 10px;min-height:54px}
.symbox .tags{display:contents}
.tg{display:inline-flex;align-items:center;gap:6px;background:var(--sig-grad);color:var(--sig-ink);font-weight:600;font-size:13px;padding:5px 6px 5px 11px;border-radius:999px;font-family:var(--num)}
.tg button{width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.18);display:grid;place-items:center;font-size:13px;color:inherit}
.symbox input{flex:1;min-width:120px;background:transparent;border:0;outline:none;font-family:var(--num);font-size:16px;color:var(--t1);padding:6px 4px}
.symbox input::placeholder{color:var(--t3)}
.sugg{display:flex;flex-wrap:wrap;gap:6px}
.sugg .chip{padding:6px 11px;font-size:12.5px}
.symwrap .okb{padding:9px 18px}

/* practice trade + live trade: third eye */
.pt-top{display:flex;align-items:center;gap:10px}
.pt-top b{font-size:17px;flex:1}
.eye{border-radius:24px;padding:14px 14px 12px;background:var(--hero);border:1px solid var(--hair-2);color:#fff;display:flex;flex-direction:column}
.eye .sy{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}
.eye .sy b{font-family:var(--num);font-size:17px}
.eye .sy .sym{width:30px;height:30px;border-radius:9px;font-size:10px}
.eye .sy .r1{margin-left:auto;font-size:12px;opacity:.75;font-family:var(--num)}
.eye .k2{font-size:12px;opacity:.65;margin-top:10px}
.eye .pl{display:flex;align-items:baseline;gap:10px;margin-top:4px;flex-wrap:wrap}
.eye .pl .r{font-family:var(--num);font-size:54px;font-weight:600;letter-spacing:-.05em;line-height:1;transition:color .3s;color:#fff}
.eye .pl .r.win{color:#5CF2B5} .eye .pl .r.loss{color:#FF9AA6}
.eye .pl .m{font-family:var(--num);font-size:18px;opacity:.85}
.eye .sub{font-size:12.5px;opacity:.72;margin-top:4px}
.eye canvas{display:block;width:100%;height:240px;margin-top:10px;border-radius:14px;background:rgba(0,0,0,.25)}
.eye .rpath{display:block;width:100%;height:auto;margin-top:10px;border-radius:14px;background:rgba(0,0,0,.22)}
.rleg{display:flex;gap:14px;font-size:11px;opacity:.7;margin-top:6px}
.rleg span{display:flex;align-items:center;gap:6px}
.rleg i{width:14px;height:3px;border-radius:2px;display:inline-block}
.rleg i.d{height:0;border-top:2px dashed}
.eye .row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:10px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}
.eye .row3 div{background:rgba(0,0,0,.22);padding:7px 10px;min-width:0}
.eye .row3 span{display:block;font-size:10.5px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eye .row3 b{font-family:var(--num);font-size:13.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eye .pill.w{background:rgba(52,211,154,.2);color:#7CF2C6} .eye .pill.l{background:rgba(255,90,110,.22);color:#FFB3BD} .eye .pill.g{background:rgba(255,255,255,.14);color:#fff}
.coach2{display:flex;gap:11px;align-items:flex-start}
.coach2 .mk{width:30px;height:30px;border-radius:10px;background:var(--sig-grad);flex:none;display:grid;place-items:center;color:var(--sig-ink)}
.coach2 p{margin:0;font-size:14.5px;line-height:1.55;min-height:3em}
.acts2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.acts2 button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:16px;background:var(--s2);border:1px solid var(--hair-2);font-size:13px;font-weight:600;transition:all .2s}
.acts2 button svg{width:20px;height:20px}
.acts2 button:disabled{opacity:.35;cursor:default}
.acts2 button.hl{background:var(--sig-grad);color:var(--sig-ink);border-color:transparent;animation:ring 1.4s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sig) 70%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.plog .h{display:flex;justify-content:space-between;margin-bottom:6px}
.plog .h b{font-size:14px}
.le{display:grid;grid-template-columns:44px 12px minmax(0,1fr) auto;gap:8px;align-items:start;font-size:13.5px;padding:6px 0;animation:pop .35s both}
.le .t{font-family:var(--mono);font-size:11.5px;color:var(--t3);padding-top:2px}
.le .k{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--c,var(--sig-2))}
.le .v{text-align:right;font-weight:600}
.le .v small{display:block;font-weight:400;font-size:11px;color:var(--t3)}
.tl .e b small{display:block;font-weight:400;font-size:11px;color:var(--t3);text-align:right;font-family:var(--num)}
.tl .e>b{text-align:right}

/* profile */
.avb{position:relative;display:block;border-radius:50%}
.prof .av{width:96px!important;height:96px!important}
.prof .av>span{font-size:36px;border-width:3px}
.cam{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--t1);color:var(--s0);display:grid;place-items:center;border:3px solid var(--s0)}
.cam svg{width:15px;height:15px}
.avopts{display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:16px;overflow:hidden}
.avopts button{display:flex;align-items:center;gap:12px;padding:14px;font-size:15px;text-align:left}
.avopts button+button{border-top:1px solid var(--hair)}
@media (hover:hover){.avopts button:hover{background:var(--sig-soft)}}
.avopts svg{width:20px;height:20px;color:var(--sig-2)}

/* white theme: soften shadows and dark-only bits */
:root[data-theme="white"] .sheet .panel{box-shadow:0 -20px 60px rgba(14,21,38,.15)}
:root[data-theme="white"] .modal .box{box-shadow:0 30px 70px rgba(14,21,38,.2)}
:root[data-theme="white"] .tabbar .tab[aria-current="page"] svg{color:var(--sig)}
:root[data-theme="white"] .notepad{background:linear-gradient(160deg,#FFF6DC,#FDEFC6);border-color:rgba(180,130,20,.25)}
:root[data-theme="white"] .notepad .h{color:#9C6406}
:root[data-theme="white"] .notepad .ln small,:root[data-theme="white"] .notepad .lab{color:#9C6406!important}
:root[data-theme="white"] .best{background:linear-gradient(160deg,#EFEAFF,#E2D9FF);border-color:rgba(120,90,220,.25)}
:root[data-theme="white"] .gold,:root[data-theme="white"] .unl .k,:root[data-theme="white"] .pfin .k{color:#B07A08}
:root[data-theme="white"] .calm{background:radial-gradient(90% 50% at 50% 30%,#DCE6FF,transparent 70%),#F4F6FA}
/* R vault: you have 100R -> if SL hits 99R */
.rvault{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding:9px 12px;border-radius:14px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1)}
.rvault>div{min-width:0}
.rvault span{display:block;font-size:11px;opacity:.65}
.rvault b{display:block;font-size:20px;font-weight:600;color:#fff;transition:color .3s}
.rvault b.loss{color:#FF9AA6} .rvault b.win{color:#5CF2B5}
.rvault .arr{opacity:.5;width:18px;height:18px}
.rvault .arr svg{width:18px;height:18px}
.rvault.fin{width:100%;max-width:300px;background:var(--s2);border-color:var(--hair-2);margin:6px 0 2px}
.rvault.fin b{color:var(--t1)} .rvault.fin b.win{color:var(--win)} .rvault.fin b.loss{color:var(--loss)}
/* manage a live trade (money logic) */
.mg{display:flex;flex-direction:column;gap:10px}
.slrow{display:flex;gap:8px;align-items:center}
.slrow .money{flex:1;min-width:0;min-height:50px}
.slrow .btn{width:auto;flex:none;min-height:50px;padding:0 16px}
.mg .two{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.mg .two .btn{min-height:52px}
.btn.hl{background:var(--sig-grad)!important;color:var(--sig-ink)!important;border-color:transparent!important;animation:ring 1.4s infinite}
/* journal log (money first, then R) */
.jh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.jh .pill svg{width:12px;height:12px;stroke-width:2.6}
.evs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ev{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:var(--s2);border-left:3px solid var(--hair-2);font-size:13.5px}
.prv .evs .ev:nth-last-child(-n+2){animation:pop .35s both}
.ev .tag{font-size:11.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.ev .tx{min-width:0;line-height:1.45}
.ev .tx b{font-family:var(--num);font-weight:600}
.ev .sm{font-size:12px;color:var(--t3);font-family:var(--num)}
.ev .tm{font-size:11px;color:var(--t3);white-space:nowrap}
.ev-open{border-left-color:var(--sig)} .ev-open .tag{color:var(--sig-text)}
.ev-sl{border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,var(--s2))} .ev-sl .tag{color:var(--gold)}
.ev-exit.pos{border-left-color:var(--win)} .ev-exit.pos .tag,.ev-exit.pos b{color:var(--win)}
.ev-exit.neg{border-left-color:var(--loss)} .ev-exit.neg .tag,.ev-exit.neg b{color:var(--loss)}
.ev-exit.zero .tag{color:var(--be)}
.ev-fin{border-left-color:var(--t1);background:var(--s3)} .ev-fin .tag{color:var(--t1)}
.ev-run{border-left-color:var(--win);border-left-style:dashed} .ev-run .tag{color:var(--win)}
.ev b.win{color:var(--win)} .ev b.loss{color:var(--loss)}
:root[data-theme="white"] .ev-sl .tag{color:#B07A08}
/* practice steps */
.psteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.psteps span{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t3);padding:7px 8px;border-radius:11px;background:var(--s1);border:1px solid var(--hair);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}
.psteps i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--s3);flex:none}
.psteps .on{color:var(--t1);border-color:var(--sig)} .psteps .on i{background:var(--sig-grad);color:var(--sig-ink)}
.psteps .done{color:var(--t2)} .psteps .done i{background:var(--win);color:#04130D}
.entryb{min-height:58px;font-size:17px;letter-spacing:.02em}
.coach2 .cb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.coach2.wow{border-color:var(--sig);box-shadow:0 0 0 4px var(--sig-soft)}
.coach2 .big{font-family:var(--num);font-size:34px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.coach2 .big.loss{color:var(--loss)} .coach2 .big.win{color:var(--win)} .coach2 .big.be{color:var(--be)}
.coach2 .nextb{width:auto;align-self:flex-start;padding:0 22px;margin-top:4px}
.money.hlbox{border-color:var(--sig);box-shadow:0 0 0 4px var(--sig-soft);animation:ring 1.4s infinite}
.spot{position:relative;z-index:6;box-shadow:0 0 0 3px var(--sig-2),0 0 0 9999px rgba(2,4,10,.66)!important;border-radius:14px;transition:box-shadow .25s}
canvas.spot{border-radius:14px}
.gtip{position:fixed;z-index:96;left:12px;top:12px;width:340px;background:var(--s0);border:1px solid var(--sig);border-radius:18px;padding:13px 14px;box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 4px var(--sig-soft);display:flex;flex-direction:column;gap:10px;animation:pop .3s cubic-bezier(.2,.9,.3,1.2) both}
.gtip::before{content:"";position:absolute;left:var(--ax,50%);width:14px;height:14px;background:var(--s0);border:1px solid var(--sig);transform:translateX(-50%) rotate(45deg)}
.gtip[data-side="b"]::before{top:-8px;border-right:0;border-bottom:0}
.gtip[data-side="t"]::before{bottom:-8px;border-left:0;border-top:0}
.gtip .gt{display:flex;gap:10px;align-items:flex-start;position:relative}
.gtip .mk{width:28px;height:28px;border-radius:9px;background:var(--sig-grad);flex:none;display:grid;place-items:center;color:var(--sig-ink)}
.gtip p{margin:0;font-size:14.5px;line-height:1.55;color:var(--t1)}
.gtip .btn{align-self:flex-end;width:auto;padding:0 22px;position:relative}
.gtip .gw{align-self:flex-end;display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--sig-text)}
.gtip .gw svg{width:14px;height:14px;transform:rotate(90deg)}
.wowc{display:flex;flex-direction:column;gap:4px;border-color:var(--sig);animation:pop .35s both}
.wowc .big{font-family:var(--num);font-size:38px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.wowc .big.loss{color:var(--loss)} .wowc .big.win{color:var(--win)}
.wowc p{margin:0;font-size:13px}
/* practice: the trading platform (looks like a broker app, not Traderwh) */
.mt{position:relative;border-radius:12px;background:#131722;border:1px solid #2A2E39;color:#D1D4DC;overflow:hidden;font-family:"Geist",system-ui,sans-serif}
.mt-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1E222D;border-bottom:1px solid #2A2E39;font-size:12px}
.mt-bar .dots{display:flex;gap:5px}.mt-bar .dots i{width:9px;height:9px;border-radius:50%;background:#434651}
.mt-bar .dots i:nth-child(1){background:#FF5F57}.mt-bar .dots i:nth-child(2){background:#FEBC2E}.mt-bar .dots i:nth-child(3){background:#28C840}
.mt-bar b{font-weight:600;font-size:12.5px;color:#fff}
.mt-tag{margin-left:auto;font-size:10.5px;font-weight:600;color:#B2B5BE;border:1px solid #434651;border-radius:4px;padding:1px 6px;white-space:nowrap}
.mt-tools{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid #2A2E39;font-size:12px}
.mt-sym{flex:1;font-weight:600;color:#fff}
.mt-sell,.mt-buy{border-radius:4px;padding:5px 14px;font-weight:700;font-size:11.5px;color:#fff;cursor:default}
.mt-sell{background:#F23645}.mt-buy{background:#2962FF;transition:transform .15s,box-shadow .15s}
.mt-buy.press{transform:scale(.9);box-shadow:0 0 0 6px rgba(41,98,255,.45)}
.mt canvas{display:block;width:100%;height:230px;background:#131722}
.mt-pos{font-size:11.5px;border-top:1px solid #2A2E39;font-variant-numeric:tabular-nums}
.mt-h,.mt-r{display:grid;grid-template-columns:1.2fr 1.1fr 1fr 1fr 1.1fr;gap:6px;padding:6px 10px}
.mt-h{color:#787B86;background:#1E222D}
.mt-r+.mt-r{border-top:1px solid #2A2E39}
.mt-r .b{color:#2962FF;font-weight:600}.mt-r .w{color:#089981;font-weight:600}.mt-r .l{color:#F23645}
.mt-r.hist{color:#787B86}.mt-r.none span{grid-column:1/-1;color:#787B86}
.mt-flash{position:absolute;left:50%;top:84px;transform:translateX(-50%);background:#2962FF;color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:6px;animation:pop .3s both;z-index:3;white-space:nowrap}
.mt.spot,.mt-pos.spot{border-radius:12px}
.handoff{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;color:var(--t3);margin:-2px 0}
.handoff svg{width:15px;height:15px}
/* practice: Traderwh side */
.tw{border-radius:20px;padding:10px;background:color-mix(in srgb,var(--sig) 8%,var(--s1));border:1px solid color-mix(in srgb,var(--sig) 45%,transparent);display:flex;flex-direction:column;gap:10px}
.tw-bar{display:flex;align-items:center;gap:8px;padding:2px 4px}
.tw-bar b{font-size:14px}.tw-bar span{margin-left:auto;font-size:11.5px;color:var(--t3)}
.tw .rvault{background:var(--s2);border-color:var(--hair-2);margin-top:0}
.tw .rvault b{color:var(--t1)} .tw .rvault b.loss{color:var(--loss)} .tw .rvault b.win{color:var(--win)}
.twempty{display:flex;flex-direction:column;gap:10px}
.twempty p{margin:0;font-size:13.5px}
.gtip .where{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;padding:2px 8px;border-radius:5px;position:relative}
.gtip.mtt{border-color:#2962FF}.gtip.mtt::before{border-color:#2962FF}.gtip.mtt .where{background:#2962FF;color:#fff}.gtip.mtt .mk{background:#2962FF;color:#fff}
.gtip.twt .where{background:var(--sig-grad);color:var(--sig-ink)}
/* explore */
.exday{display:flex;align-items:center;gap:16px}
.exday b{display:block;font-size:24px;font-weight:600}
.exday .prog{margin-top:6px}
.exlist{display:flex;flex-direction:column;gap:8px}
.exi{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--s1);border:1px solid var(--hair);color:inherit;text-decoration:none;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
.exi .mid{flex:1;min-width:0}
.exi .kd,.exhero .kd{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}
.exi b{display:block;font-size:15px;font-weight:600}
.exi small{display:block;font-size:12.5px;color:var(--t3)}
.exi .ar{color:var(--t3);font-size:20px}
.exic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c)}
.exic svg{width:21px;height:21px}
.exi.lk{opacity:.72}.exi.lk .exic{background:var(--s3);color:var(--t3)}
.exlock{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--t3);margin-top:5px}
.exlock .mini{width:70px;margin:0}
.exhero{border-radius:22px;padding:18px 16px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 30%,var(--s1)),var(--s1) 70%);border:1px solid color-mix(in srgb,var(--c) 40%,transparent)}
.exhero h2{margin:4px 0 2px;font-size:24px;font-family:var(--num);letter-spacing:-.02em}
.exhero p{margin:0;color:var(--t2);font-size:14px}
.pbsteps{display:flex;flex-direction:column;gap:8px}
.pbs{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:var(--s2);border:1px solid var(--hair)}
.pbs i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--sig-grad);color:var(--sig-ink);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.pbs p{margin:2px 0 0;font-size:14.5px;line-height:1.5}
.pbsteps.blur p{filter:blur(5px);user-select:none;color:var(--t3)}
.pbguide{display:flex;flex-direction:column;gap:10px;border-color:color-mix(in srgb,var(--win) 40%,transparent)}
.pbguide summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none}
.pbguide summary::-webkit-details-marker{display:none}
.pbguide summary b{display:block;font-size:15px}
.pbguide[open] summary{margin-bottom:10px}
.pbguide .pbsteps{margin-bottom:10px}
.pbguide>.btn{width:auto;align-self:flex-start}
.stepn{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sig-soft);color:var(--sig-text);font-size:11px;font-weight:700;margin-right:6px}
.demob{display:flex;align-items:center;gap:12px;border-color:var(--violet)}
.demob>svg{width:22px;height:22px;color:var(--violet);flex:none}
.demob .btn{width:auto}
.lockc .btn svg{width:16px;height:16px;color:inherit}
.skipb{font-size:14px;font-weight:600;color:var(--t2);padding:8px 10px;border-radius:10px;border:1px solid var(--hair-2)}
.gtip .gfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.gtip .gskip{font-size:12.5px;color:var(--t3);font-weight:500;padding:6px 0}
.gtip .gfoot .btn{align-self:auto}
/* community share */
.shareblk{display:flex;flex-direction:column;gap:10px;border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 12%,var(--s1)),var(--s1) 70%)}
.shareblk.off{border-color:var(--hair);background:var(--s1)}
.sb-top{display:flex;gap:12px;align-items:center}
.sb-top b{display:block;font-size:14.5px}
.shareblk .two{gap:8px}
.cmprev{border-radius:14px;overflow:hidden;background:var(--s2);min-height:120px;display:grid;place-items:center}
.cmprev img{display:block;width:100%;max-height:44vh;object-fit:contain;background:#060A16}
.modal .box{max-height:92vh;overflow-y:auto}
.adc{display:flex;flex-direction:column;gap:8px}
.adc .sb-top>b{font-size:18px}
.adr{margin:0;padding-left:18px;font-size:13.5px;color:var(--t2);display:flex;flex-direction:column;gap:4px}
.adr b{color:var(--t1)}
/* public community page */
.cpage{background:radial-gradient(70% 40% at 80% 0%,rgba(246,200,95,.12),transparent 70%),radial-gradient(60% 40% at 0% 100%,rgba(77,124,255,.14),transparent 70%),var(--s0);min-height:100vh}
.cwrap{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:14px}
.chead{display:flex;align-items:center;gap:10px}
.chead .sp{flex:1}
.cbrand{display:flex;align-items:center;gap:9px;color:var(--t1);font-family:var(--num);font-size:20px;font-weight:600;letter-spacing:-.02em}
.chero{display:flex;flex-direction:column;gap:10px;padding:22px 2px 6px}
.chero .kd,.ccard .kd{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--gold)}
.chero h1{margin:0;font-family:var(--num);font-size:clamp(30px,6vw,44px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.chero p{margin:0;color:var(--t2);font-size:15px;max-width:60ch}
.clist{display:flex;flex-direction:column;gap:12px}
.ccard{display:flex;flex-direction:column;gap:10px}
.cc-top{display:flex;align-items:flex-start;gap:12px}
.cc-top h2{margin:2px 0 0;font-size:20px}
.cc-top>b{font-size:26px;font-weight:700}
.cc-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--t2)}
.cc-stats b{color:var(--t1)}
.ccard>.btn{width:auto;align-self:flex-start;padding:0 16px}
.cfoot{text-align:center;font-size:12px;color:var(--t3);padding-top:20px}
.cfoot a{color:var(--t2)}
.soonc{display:flex;align-items:center;gap:12px;border-style:dashed}
.soonc>svg{width:22px;height:22px;color:var(--sig-2);flex:none}
.soonc b{display:block;font-size:15px}
/* broker themes: picker, page, live preview */
.bkgrid{display:grid;grid-template-columns:1fr;gap:8px}
.bkcard{position:relative;display:flex;align-items:flex-end;height:96px;border-radius:16px;overflow:hidden;border:2px solid color-mix(in srgb,var(--bk) 45%,transparent);text-align:left;padding:0}
.bkcard.on{border-color:var(--bk);box-shadow:0 0 0 4px color-mix(in srgb,var(--bk) 25%,transparent)}
.bkcard canvas{position:absolute;inset:0;width:100%;height:100%}
.bkinfo{position:relative;padding:10px 12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);width:100%;color:#fff}
.bkinfo b{display:block;font-size:16px}.bkinfo small{font-size:12px;opacity:.8}
.bklock{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.08em;color:#fff;background:color-mix(in srgb,var(--bk) 70%,#000);padding:4px 9px;border-radius:999px}
.bklock svg{width:11px;height:11px}
.bkprev{position:relative;border-radius:26px;overflow:hidden;background:var(--s0);border:1px solid var(--hair-2);height:430px;color:var(--t1)}
.bkprev>canvas{position:absolute;inset:0;width:100%;height:100%}
.bkp-in{position:relative;padding:16px;display:flex;flex-direction:column;gap:10px;height:100%}
.bkp-top{display:flex;align-items:center;gap:8px}.bkp-top b{font-size:15px}
.bkp-ed,.edition{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--sig-ink);background:var(--sig-grad);padding:4px 9px;border-radius:999px;white-space:nowrap}
.edition{margin:-4px 0 0;text-decoration:none;align-self:flex-start;font-size:10.5px;padding:5px 11px}
.bkp-hero{border-radius:18px;padding:12px 14px 4px;background:var(--hero);border:1px solid var(--hair-2)}
.bkp-hero span{font-size:11.5px;opacity:.7}.bkp-hero b{display:block;font-size:38px;font-weight:600;letter-spacing:-.04em;color:#fff}
.bkp-hero svg{display:block;width:100%;height:60px}
.bkp-row{display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;background:var(--s1);border:1px solid var(--hair)}
.bkp-row div{padding:8px 10px}.bkp-row div+div{border-left:1px solid var(--hair)}
.bkp-row span{display:block;font-size:10.5px;color:var(--t3)}.bkp-row b{font-size:16px}
.bkp-btns{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}
.bkp-b{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:12px;font-weight:700;font-size:13.5px}
.bkp-b svg{width:16px;height:16px}
.bkp-b.p{background:var(--sig-grad);color:var(--sig-ink);box-shadow:0 8px 24px -8px var(--sig)}
.bkp-b.s{background:var(--s2);border:1px solid var(--hair-2)}
.bkp-tab{margin-top:auto;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--s0) 80%,transparent);border:1px solid var(--hair)}
.bkp-tab>svg{width:21px;height:21px;color:var(--t3)}.bkp-tab>svg:first-child{color:var(--sig-2)}
.bkp-plus{width:42px;height:42px;border-radius:14px;background:var(--sig-grad);display:grid;place-items:center;color:var(--sig-ink)}.bkp-plus svg{width:20px;height:20px}
.bkhead .kd{font-size:11px;font-weight:800;letter-spacing:.1em}
.bkhead h2{margin:2px 0 4px;font-family:var(--num);font-size:30px;letter-spacing:-.03em}
.bkhead p{margin:0;font-size:14.5px}
.bksteps{display:flex;flex-direction:column;gap:8px}
.bks{display:flex;gap:12px;padding:14px;border-radius:18px;background:var(--s1);border:1px solid var(--hair)}
.bks>i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--sig-grad);color:var(--sig-ink);display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.bks>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.bks b{font-size:15px}
.bks .btn{width:auto;align-self:flex-start}
.bkdone{display:flex;gap:12px;align-items:center;border-color:var(--win)}
.bkdone>svg{width:24px;height:24px;color:var(--win);flex:none}
.bkdone.wait{border-color:var(--gold)}.bkdone.wait>svg{color:var(--gold)}
.bkdone.no{border-color:var(--loss)}.bkdone.no>svg{color:var(--loss)}
.bkdone b{display:block}
.bkfine{text-align:center;line-height:1.6;margin:4px 8px 0}
/* IC Markets edition: the whole UI, not just the background */
[data-theme="icm"] .card,[data-theme="icm"] .list,[data-theme="icm"] .kpi,[data-theme="icm"] .grp,[data-theme="icm"] .gi,[data-theme="icm"] .exi,[data-theme="icm"] .bkp-row{border-color:rgba(60,255,170,.16);box-shadow:inset 0 1px 0 rgba(124,255,196,.08)}
[data-theme="icm"] .hero,[data-theme="icm"] .bkp-hero,[data-theme="icm"] .eye{background:linear-gradient(rgba(60,255,170,.06) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(60,255,170,.06) 1px,transparent 1px) 0 0/22px 100%,var(--hero);border-color:rgba(60,255,170,.38);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 18px 50px -20px rgba(18,209,142,.55)}
[data-theme="icm"] .btn.p,[data-theme="icm"] .bkp-b.p{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;box-shadow:0 0 0 1px rgba(124,255,196,.5),0 10px 30px -8px rgba(18,209,142,.75)}
[data-theme="icm"] .btn.s{border-color:rgba(60,255,170,.28)}
[data-theme="icm"] .plus,[data-theme="icm"] .bkp-plus{border-radius:50%;box-shadow:0 0 0 4px rgba(18,209,142,.18),0 0 30px rgba(18,209,142,.7)}
[data-theme="icm"] .tabbar{border-top:1px solid rgba(60,255,170,.3);box-shadow:0 -10px 40px -20px rgba(18,209,142,.6)}
[data-theme="icm"] .tab[aria-current="page"] svg{color:#7CFFC4;filter:drop-shadow(0 0 6px rgba(124,255,196,.8))}
[data-theme="icm"] .chip[aria-pressed="true"],[data-theme="icm"] .seg button[aria-pressed="true"]{background:var(--sig);color:var(--sig-ink)}
[data-theme="icm"] .hdr h1{background:linear-gradient(90deg,#ECFFF5,#5CFFB4);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="icm"] .prog i,[data-theme="icm"] .mini i{box-shadow:0 0 10px rgba(92,255,180,.7)}
[data-theme="icm"] .av{background:conic-gradient(from 200deg,#08B873,#7CFFC4,#08B873)}
[data-theme="icm"] .side{border-right-color:rgba(60,255,170,.2)}
/* ---------- broker editions: shape, type, icons, light ---------- */
@keyframes sheen{0%{transform:translateX(-120%) skewX(-20deg)}55%,100%{transform:translateX(320%) skewX(-20deg)}}
/* IC Markets: trading terminal. Sharp corners, mono type, neon edges */
[data-theme="icm"]{--r:10px}
[data-theme="icm"] .btn,[data-theme="icm"] .bkp-b{border-radius:8px}
[data-theme="icm"] .chip,[data-theme="icm"] .pill{border-radius:6px}
[data-theme="icm"] .seg,[data-theme="icm"] .seg button,[data-theme="icm"] .ib{border-radius:7px}
[data-theme="icm"] .hdr h1,[data-theme="icm"] .bkhead h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.02em;font-size:24px}
[data-theme="icm"] .hero .big,[data-theme="icm"] .eye .pl .r,[data-theme="icm"] .bkp-hero b{font-family:var(--mono);letter-spacing:-.04em}
[data-theme="icm"] .lab,[data-theme="icm"] .glab{font-family:var(--mono);letter-spacing:.04em}
[data-theme="icm"] .tab{font-family:var(--mono);text-transform:uppercase;font-size:9.5px;letter-spacing:.06em}
[data-theme="icm"] .plus,[data-theme="icm"] .bkp-plus{border-radius:12px;transform:rotate(0)}
[data-theme="icm"] .hero::after,[data-theme="icm"] .bkp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,rgba(92,255,180,.10) 50%,transparent 52%);background-size:100% 220%;animation:scan 4.5s linear infinite;pointer-events:none}
@keyframes scan{from{background-position:0 -120%}to{background-position:0 220%}}
.bkp-hero,.hero{position:relative;overflow:hidden}
/* Pepperstone: premium. Pills, serif display numbers, platinum light, floating tab bar */
/* editions reach every surface: sheets, inputs, dialogs, toasts, celebrations, taps */
[data-theme="icm"] .sheet .panel{border-radius:0;border-top:2px solid var(--sig);box-shadow:0 -10px 50px -10px rgba(18,209,142,.5)}
[data-theme="icm"] .sh-head b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}
[data-theme="icm"] .money,[data-theme="icm"] .input,[data-theme="icm"] .ta,[data-theme="icm"] .dir button,[data-theme="icm"] .acts button,[data-theme="icm"] .pane,[data-theme="icm"] .ev,[data-theme="icm"] .rvault{border-radius:6px}
[data-theme="icm"] .money:focus-within,[data-theme="icm"] .input:focus{box-shadow:0 0 0 1px var(--sig),0 0 18px rgba(18,209,142,.4)}
[data-theme="icm"] .modal .box,[data-theme="icm"] .gtip{border-radius:6px;border-color:var(--sig)}
[data-theme="icm"] .toast{border-radius:4px;background:var(--sig);color:var(--sig-ink);font-family:var(--mono);text-transform:uppercase;font-size:12.5px;letter-spacing:.04em}
[data-theme="icm"] .rays{background:repeating-conic-gradient(from 0deg,rgba(60,255,170,.12) 0 4deg,transparent 4deg 12deg)}
[data-theme="icm"] .unl .k,[data-theme="icm"] .pfin .k{color:#5CFFB4}
[data-theme="icm"] .btn:active:not(:disabled){transform:translateY(1px);filter:brightness(1.3)}
@media (hover:hover){[data-theme="icm"] .tr:hover{background:rgba(18,209,142,.08)}}
[data-theme="icm"] .sym{border-radius:6px}
[data-theme="icm"] .tr{border-left:2px solid transparent}@media (hover:hover){[data-theme="icm"] .tr:hover{border-left-color:var(--sig)}}
.bkcard .bkinfo b{font-family:var(--num)}
.tlock.price{background:var(--sig);color:var(--sig-ink);font-weight:800}
.pvfoot .btn{width:100%;max-width:340px}
.ts-pack{display:flex;align-items:center;justify-content:center;gap:10px}.ts-pack em{font-style:normal;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;background:var(--win);color:#04170F}
.ts-once{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.7)!important}.ts-once svg{width:14px;height:14px}
.ts-card{display:flex;align-items:center;gap:12px;padding:14px 16px}.ts-card b{display:block}.ts-card .btn{width:auto;flex:none}
.ts-card.done>svg{width:22px;height:22px;color:var(--win)}
.ts-sw{display:grid;grid-template-columns:repeat(2,14px);gap:4px;flex:none}.ts-sw i{width:14px;height:14px;border-radius:4px;opacity:.55}.ts-sw i.own{opacity:1;box-shadow:0 0 0 2px var(--win)}
.sw-icm{background:linear-gradient(135deg,#08B873,#020D08)}.sw-pep{background:linear-gradient(135deg,#1B4DFF,#F3F6FD)}.sw-exn{background:linear-gradient(135deg,#FFDE02,#141414)}.sw-fxp{background:linear-gradient(135deg,#E30613,#070707)}
.testc{display:flex;flex-direction:column;gap:10px;border:1.5px dashed #FFB020}.testc b{display:block}.testc .row2{display:flex;gap:8px;flex-wrap:wrap}.testc .btn{width:auto}
/* ================= PRO ================= */
.pro-hero{position:relative;overflow:hidden;border-radius:26px;padding:22px 20px;background:radial-gradient(120% 90% at 100% 0%,rgba(255,176,32,.28),transparent 60%),linear-gradient(160deg,#151B2C,#0A0D16);border:1px solid rgba(255,176,32,.3);color:#F2F4FA;display:flex;flex-direction:column;gap:8px}
.pro-k{font-size:11px;font-weight:800;letter-spacing:.16em;color:#FFC24D}
.pro-hero h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.02em}
.pro-hero p{margin:0;font-size:14px;line-height:1.55;color:#B8C0D6}
.pro-why{display:flex;align-items:center;gap:8px;margin-top:6px;padding:9px 12px;border-radius:12px;background:rgba(255,176,32,.12);color:#FFD27A;font-size:13px;font-weight:600}.pro-why svg{width:16px;height:16px;flex:none}
.pro-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pro-feats .pf{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:var(--s1);border:1px solid var(--hair)}
.pro-feats .pf>span{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--sig-soft);color:var(--sig-text)}.pro-feats .pf svg{width:18px;height:18px}
.pro-feats b{display:block;font-size:13.5px}.pro-feats small{display:block;font-size:11.5px;color:var(--t3);line-height:1.35;margin-top:2px}
.pro-plans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pro-plan{all:unset;cursor:pointer;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:18px;background:var(--s1);border:1.5px solid var(--hair-2);text-align:left}
.pro-plan.best{border-color:#FFB020;background:linear-gradient(160deg,rgba(255,176,32,.14),var(--s1))}
.pro-plan span{font-size:13px;font-weight:700;color:var(--t2)}.pro-plan b{font-size:28px;font-family:var(--num);letter-spacing:-.03em}.pro-plan small{font-size:12px;color:var(--t3)}
.pro-plan em{position:absolute;top:-10px;right:12px;font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#FFB020;color:#1A1205}
.pro-plan:disabled{opacity:.6}
.pro-on{display:flex;align-items:center;gap:12px}.pro-on>svg{width:24px;height:24px;color:var(--win)}.pro-on b{display:block}
.pro-tag{font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 10px;border-radius:999px;background:#FFB020;color:#1A1205;text-decoration:none}
/* accounts */
.acchip{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;max-width:100%;padding:7px 12px;border-radius:999px;background:var(--s1);border:1px solid var(--hair-2);color:var(--t1);text-decoration:none;font-size:13px;font-weight:700}
.acchip>svg{width:16px;height:16px;color:var(--sig-text);flex:none}.acchip>svg:last-child{width:13px;height:13px;color:var(--t3)}
.acchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
.acchip em{font-style:normal;font-size:11.5px;color:var(--t3)}.acchip i{font-style:normal;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;background:var(--s3);color:var(--t2)}
.acchip.prop{border-color:rgba(255,176,32,.45)}.acchip.prop>svg:first-child{color:#FFC24D}
.acrow{display:flex;align-items:center;gap:8px}.acrow .mid{all:unset;cursor:pointer;flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.acrow .mid b{display:flex;align-items:center;gap:6px}
.acrow.on{box-shadow:inset 3px 0 0 var(--sig)}
.acadd{display:flex;flex-direction:column;gap:10px}
.acrules{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--s1);border:1px solid var(--hair)}
.acmath{display:flex;flex-direction:column;gap:6px}.acmath:empty{display:none}
.acm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.acm div{display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-radius:12px;background:var(--s3);min-width:0}
.acm small{font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acm b{font-size:17px}.acm em{font-style:normal;font-size:11px;color:var(--t3)}
.btn.danger{color:var(--loss)}
/* ================= PROPFIRM MODE ================= */
.ed-prop{gap:12px}
.pf-top{display:flex;align-items:center;gap:10px;padding:4px 0}.pf-top>div{flex:1;min-width:0}
.pf-top span{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#FFC24D}.pf-top b{display:block;font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-me .av{width:38px;height:38px;background:var(--sig-grad)}
.pf-hud{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;background:linear-gradient(160deg,#141A2B,#0A0D16);border:1px solid rgba(255,176,32,.28);box-shadow:0 20px 40px -26px rgba(255,176,32,.6)}
.pf-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pf-h b{display:block;font-size:17px;margin-top:2px}
.pf-k{font-size:11px;font-weight:800;letter-spacing:.14em;color:#FFC24D;text-transform:uppercase}
.pf-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap}
.pf-st i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 1.4s steps(2) infinite}
.pf-st.live{background:rgba(255,176,32,.14);color:#FFC24D}.pf-st.risk{background:rgba(255,77,94,.16);color:#FF7A87}.pf-st.pass{background:rgba(34,211,154,.16);color:#22D39A}.pf-st.breach{background:#FF4D5E;color:#fff}
.pf-big{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-big>div{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04)}
.pf-big span{font-size:12px;color:#9AA3B8;font-weight:600}.pf-big b{font-family:var(--num);font-size:40px;font-weight:700;letter-spacing:-.04em;line-height:1.05}.pf-big b small{font-size:18px;margin-left:2px;color:#9AA3B8}
.pf-big em{font-style:normal;font-size:11.5px;color:#5E6780}
.pf-big>div:first-child b{color:#FF7A87}.pf-big .r b{color:#FFC24D}
.pf-rule{display:flex;flex-direction:column;gap:6px}.pf-rule .l{display:flex;align-items:baseline;gap:6px}
.pf-rule span{flex:1;font-size:12.5px;color:#9AA3B8;font-weight:600}.pf-rule b{font-size:15px}.pf-rule small{font-size:11.5px;color:#5E6780}
.pf-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}.pf-bar i{display:block;height:100%;border-radius:4px}
.pf-bar.tg i{background:linear-gradient(90deg,#FF9500,#FFD27A)}.pf-bar.dd i{background:linear-gradient(90deg,#FF4D5E,#FF8A96)}
.pf-pass{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--s2);border:1px solid var(--hair)}
.pf-pass .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pf-pass .top small{font-size:11px;color:var(--t3)}
.pf-pass .pc{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pf-pass .pc b{font-family:var(--num);font-size:52px;font-weight:700;letter-spacing:-.05em;line-height:1;color:#FFC24D}.pf-pass .pc span{font-size:13px;color:var(--t2)}
.pf-pass.wait p{margin:0;font-size:13.5px;color:var(--t2)}
.pf-best{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,176,32,.1);border:1px solid rgba(255,176,32,.3)}
.pf-best>div{flex:1;min-width:0}.pf-best span{display:block;font-size:11.5px;color:#FFC24D;font-weight:700}.pf-best b{font-size:15px}.pf-best .btn{width:auto;flex:none}
.pf-ok{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--win)}.pf-ok svg{width:16px;height:16px}
.pf-box{padding:12px 14px;border-radius:20px;background:var(--s2);border:1px solid var(--hair)}
.pf-box h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:14px;font-weight:800;letter-spacing:.02em}.pf-box h3 em,.pf-box h3 a{margin-left:auto;font-style:normal;font-size:13px;color:var(--sig-text);text-decoration:none}
.pf-row{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--hair)}
.pf-row:last-child{border-bottom:0}.pf-row .s{font-weight:700;font-size:14.5px}.pf-row .d{font-size:11px;font-weight:800}.pf-row .t3{font-size:12px}
.pf-row>b{grid-row:1/3;grid-column:4;text-align:right;font-size:16px;align-self:center}.pf-row>small{display:none}
.ed-prop .coach.pf-coach{border-left:4px solid #FFB020}
[data-theme="prop"] .tabbar{background:rgba(5,7,13,.96);border-top:1px solid rgba(255,176,32,.25)}
.tabbar .in.pf-dock{grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:4px;align-items:center}
.pf-dock .tab{font-size:9.5px;font-weight:800;letter-spacing:.08em}.pf-dock .tab[aria-current="page"]{color:#FFC24D}.pf-dock .tab[aria-current="page"] svg{color:#FFC24D}
.pf-plus{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:14px;background:var(--sig-grad);color:#1A1205;font-weight:800;font-size:13px;letter-spacing:.1em;box-shadow:0 10px 24px -8px rgba(255,176,32,.8)}
.pf-plus svg{width:18px;height:18px}
[data-theme="prop"] .btn.p{background:var(--sig-grad);color:#1A1205}
[data-theme="prop"] .chip[aria-pressed="true"],[data-theme="prop"] .seg button[aria-pressed="true"]{background:#FFB020;color:#1A1205}
[data-theme="prop"] .eye{border-top:3px solid #FFB020}
[data-theme="prop"] .toast{background:#FFB020;color:#1A1205;font-weight:700}
.tlock.price.pro,[data-t="prop"] .tlock{background:#FFB020;color:#1A1205;font-weight:800}
/* ================= YOUR MATH ================= */
.mathc{position:relative;overflow:hidden;border-radius:var(--r,22px);padding:16px 16px 14px;background:var(--s1);border:1.5px solid color-mix(in srgb,var(--sig) 55%,transparent);box-shadow:0 18px 40px -26px color-mix(in srgb,var(--sig) 80%,transparent);display:flex;flex-direction:column;gap:10px}
.mathc::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--sig-grad)}
.mt-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mt-k{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sig-text)}
.mt-v{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.mt-v.ok{background:color-mix(in srgb,var(--win) 16%,transparent);color:var(--win)}.mt-v.bad{background:color-mix(in srgb,var(--loss) 16%,transparent);color:var(--loss)}.mt-v.mid{background:var(--s3);color:var(--t2)}
.mt-e{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mt-e b{font-family:var(--num);font-size:46px;font-weight:700;letter-spacing:-.04em;line-height:1}
.mt-e b.be{color:var(--t2)}
.mt-e span{font-size:13px;color:var(--t3)}
.mt-eq{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:4px}
.mt-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px;border-radius:12px;background:var(--s3);min-width:0}
.mt-t i{font-style:normal;font-family:var(--num);font-weight:700;font-size:15.5px;color:var(--t1);white-space:nowrap}
.mt-t i.win{color:var(--win)}.mt-t i.loss{color:var(--loss)}
.mt-t small{font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mt-op{align-self:center;font-size:16px;font-weight:700;color:var(--t3)}
.mt-100{margin:0;font-size:13.5px;color:var(--t2)}.mt-100 b{font-size:15px}
.mt-lev{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--hair)}
.mt-lev>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3);max-width:9ch;line-height:1.25}
.mt-lev div{display:flex;flex-direction:column;gap:1px}.mt-lev b{font-size:15px}.mt-lev small{font-size:11px;color:var(--t3);line-height:1.3}
.mathc.compact .mt-e b{font-size:38px}
.mt-move{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:10px 12px;border-radius:14px;background:var(--sig-soft);border:1px solid color-mix(in srgb,var(--sig) 35%,transparent)}
.mt-move span{font-size:12px;font-weight:700;color:var(--sig-text);width:100%}.mt-move b{font-size:17px}.mt-move em{font-style:normal;font-weight:700;font-size:13px}
[data-theme="icm"] .mathc{border-radius:3px;background:rgba(2,14,9,.9);font-family:var(--mono)}[data-theme="icm"] .mt-t{border-radius:2px}[data-theme="icm"] .mt-e b{font-family:var(--mono)}
[data-theme="pep"] .mathc{background:linear-gradient(145deg,rgba(16,37,76,.92) 0%,rgba(9,22,48,.96) 100%);border:1.5px solid rgba(56,189,248,.42);border-radius:24px;box-shadow:0 18px 40px -18px rgba(2,8,23,.82)}[data-theme="pep"] .mt-t,[data-theme="pep"] .eqf>div{background:rgba(12,26,48,.82);border:1px solid rgba(56,189,248,.32);border-radius:16px;color:#F0F9FF}[data-theme="pep"] .mt-e b{font-weight:800}
[data-theme="exn"] .mathc{border:0;background:var(--s2);border-radius:20px}[data-theme="exn"] .mathc::before{background:#FFDE02;height:4px}
[data-theme="fxp"] .mathc{border-radius:0;border:1px solid rgba(255,255,255,.08);border-left:4px solid #E30613;background:rgba(14,14,14,.92)}[data-theme="fxp"] .mathc::before{display:none}[data-theme="fxp"] .mt-e b{font-family:var(--disp);font-style:italic;font-weight:800;font-size:56px}[data-theme="fxp"] .mt-t{border-radius:0;transform:skewX(-8deg)}
/* ================= EDITION LAYOUTS ================= */
.ed{display:flex;flex-direction:column;gap:12px}
.ed .win{color:var(--win)}.ed .loss{color:var(--loss)}.ed .be{color:var(--t3)}
/* ---- IC Markets: trading terminal ---- */
.ed-icm{gap:10px;font-family:var(--mono)}
.ic-top{display:flex;align-items:center;gap:10px;padding:2px 0}
.ic-me .av{width:38px;height:38px;border-radius:6px;background:conic-gradient(from 200deg,#08B873,#7CFFC4,#08B873)}
.ic-me .av img,.ic-me .av span{border-radius:4px!important}
.ic-id{min-width:0}.ic-id b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ic-id small{font-size:10px;color:var(--t3);letter-spacing:.08em}
.ic-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:.06em;color:var(--sig-2);border:1px solid rgba(60,255,170,.35);padding:5px 8px;border-radius:3px;background:rgba(18,209,142,.08);white-space:nowrap}
.ic-live i{width:7px;height:7px;border-radius:50%;background:var(--sig-2);box-shadow:0 0 8px var(--sig-2);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.15}}
.ic-title{font-size:22px;letter-spacing:.06em;color:var(--t1);font-weight:600}
.ic-tape{overflow:hidden;border-block:1px solid rgba(60,255,170,.22);background:rgba(0,0,0,.45);margin:0 -16px;padding:7px 0;white-space:nowrap;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ic-tape .in{display:inline-flex;gap:30px;animation:tape 38s linear infinite;padding-left:16px;font-size:12px}
.ic-tape b{color:var(--t1);font-weight:500}.ic-tape i{font-style:normal}
@keyframes tape{to{transform:translateX(-50%)}}
.ic-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ic-quick a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 2px;border:1px solid rgba(60,255,170,.18);border-radius:3px;font-size:9.5px;letter-spacing:.08em;color:var(--t2);background:rgba(4,20,12,.7);text-decoration:none}
.ic-quick svg{width:18px;height:18px;color:var(--sig-2)}
.ic-panel{display:block;border:1px solid rgba(60,255,170,.2);border-radius:3px;background:rgba(2,14,9,.86);text-decoration:none;color:inherit;overflow:hidden}
.ic-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid rgba(60,255,170,.16);background:linear-gradient(90deg,rgba(18,209,142,.18),transparent 70%);font-size:10.5px;letter-spacing:.14em;color:var(--sig-2);font-weight:600}
.ic-panel>header small,.ic-panel>header a{color:var(--t3);font-size:10px;letter-spacing:.06em;text-decoration:none;font-weight:500}
.ic-seg{display:flex;border:1px solid rgba(60,255,170,.3);border-radius:2px;overflow:hidden}
.ic-seg button{all:unset;cursor:pointer;padding:3px 8px;font-size:10px;color:var(--t2);letter-spacing:.04em}
.ic-seg button[aria-pressed="true"]{background:var(--sig);color:var(--sig-ink);font-weight:700}
.ic-kv{padding:4px 10px 8px}
.ic-kv div{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:11px;letter-spacing:.06em;color:var(--t2)}
.ic-kv div i{flex:1;border-bottom:1px dotted rgba(60,255,170,.22);transform:translateY(-3px)}
.ic-kv b{font-family:var(--mono);font-weight:600;color:var(--t1);font-size:14px;letter-spacing:0}
.ic-kv div:first-child{padding:8px 0 10px}.ic-kv div:first-child b{font-size:30px;letter-spacing:-.04em;text-shadow:0 0 18px currentColor}
.ic-cdl{display:block;width:100%;height:auto;padding:6px 4px 4px 8px;box-sizing:border-box}
.ic-cdl .g{stroke:rgba(60,255,170,.08);stroke-width:1}
.ic-cdl text{fill:var(--t3);font:9px var(--mono)}
.ic-cdl rect.u{fill:#3DFFA8}.ic-cdl rect.d{fill:#FF5C7A}
.ic-cdl line.w{stroke-width:1}.ic-cdl line.u{stroke:#3DFFA8}.ic-cdl line.d{stroke:#FF5C7A}
.ic-cdl .last{stroke:var(--sig-2);stroke-dasharray:3 3;stroke-width:1}
.ic-cdl .tag{fill:var(--sig)}.ic-cdl .tagt{fill:var(--sig-ink);font-weight:700}
.ic-tbl .tr2{all:unset;box-sizing:border-box;width:100%;cursor:pointer;font-size:12px;border-bottom:1px solid rgba(60,255,170,.07)}
.ic-tbl .th,.ic-tbl .tr2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,1.2fr) minmax(0,.9fr);gap:6px;align-items:center;padding:7px 10px}
.ic-tbl .th{font-size:9px;letter-spacing:.12em;color:var(--t3);border-bottom:1px solid rgba(60,255,170,.14);background:rgba(0,0,0,.3)}
.ic-tbl .th span:last-child,.ic-tbl .tr2 span:last-child{text-align:right}
.ic-tbl .tr2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ic-tbl .tr2 b{display:block;font-weight:600;color:var(--t1)}.ic-tbl .tr2 small{font-size:10px;color:var(--t3)}
.ic-tbl .tr2 span:last-child{font-weight:700;font-size:13px}
.ic-tbl .tr2:focus-visible{background:rgba(18,209,142,.08);box-shadow:inset 2px 0 0 var(--sig)}@media (hover:hover){.ic-tbl .tr2:hover{background:rgba(18,209,142,.08);box-shadow:inset 2px 0 0 var(--sig)}}
.ic-tbl .setup{font-size:11px}
.ic-tbl.big{border:1px solid rgba(60,255,170,.2);border-radius:3px;background:rgba(2,14,9,.86);overflow:hidden}
.ic-tbl .dsep{display:flex;justify-content:space-between;padding:6px 10px;font-size:10px;letter-spacing:.12em;color:var(--sig-2);background:rgba(18,209,142,.07);border-bottom:1px solid rgba(60,255,170,.1)}
.ic-heat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:8px}
.ic-heat div{padding:6px 5px;border-radius:2px;display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.03)}
.ic-heat div.u{background:rgba(61,255,168,calc(var(--a) * .38))}.ic-heat div.d{background:rgba(255,92,122,calc(var(--a) * .4))}
.ic-heat small{font-size:9px;color:var(--t3);letter-spacing:.06em}.ic-heat b{font-size:12px;color:var(--t1);font-weight:600}
.ic-bars{display:flex;gap:3px;padding:10px}
.ic-bars i{flex:1;height:22px;border-radius:1px;background:linear-gradient(to top,rgba(18,209,142,.7) var(--p),rgba(60,255,170,.08) var(--p))}
.ic-bars i.on{background:var(--sig-2);box-shadow:0 0 8px rgba(124,255,196,.6)}
.ic-empty{padding:18px 10px;text-align:center;color:var(--t3);font-size:11px;letter-spacing:.1em}
.ic-btn{all:unset;cursor:pointer;display:inline-block;background:var(--sig);color:var(--sig-ink);padding:8px 12px;font:700 11px var(--mono);letter-spacing:.08em;border-radius:2px;margin-left:8px;box-shadow:0 0 16px rgba(18,209,142,.5)}
.ic-btn.sm{padding:7px 10px;margin-left:0}
.ic-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(60,255,170,.2);border-radius:3px;background:rgba(2,14,9,.86)}
.ic-sum div{padding:8px 10px;border-right:1px solid rgba(60,255,170,.1);display:flex;flex-direction:column;gap:2px}.ic-sum div:last-child{border-right:0}
.ic-sum span{font-size:9px;letter-spacing:.12em;color:var(--t3)}.ic-sum b{font-size:15px;font-weight:600}
.ed-icm .coach.ic-con{border-radius:3px;border:1px solid rgba(60,255,170,.2);border-left:3px solid var(--sig);background:rgba(0,0,0,.55);font-family:var(--mono)}
.ed-icm .coach.ic-con p{font-size:12.5px;line-height:1.6}.ed-icm .coach.ic-con p::before{content:"> ";color:var(--sig-2)}
.ed-icm .coach .chip{border-radius:2px;font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.ed-icm .card{border-radius:3px}
[data-theme="icm"] .tabbar{background:rgba(1,8,5,.94);border-top:1px solid rgba(60,255,170,.35)}
.tabbar .in.ic-dock{grid-template-columns:1fr 1fr 1.7fr 1fr 1fr;gap:4px;align-items:center}
.ic-dock .tab{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;padding:4px 0}
.ic-dock .tab svg{width:21px;height:21px}
.ic-dock .tab[aria-current="page"]{color:var(--sig-2);background:linear-gradient(to top,rgba(18,209,142,.18),transparent);box-shadow:inset 0 2px 0 var(--sig-2)}
.ic-order{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:3px;background:var(--sig-grad);color:var(--sig-ink);font:700 11.5px var(--mono);letter-spacing:.08em;box-shadow:0 0 0 1px rgba(124,255,196,.6),0 0 24px rgba(18,209,142,.6)}
.ic-order svg{width:18px;height:18px}
.ic-order:active{filter:brightness(1.3)}
/* ---- Pepperstone: bright premium ---- */
[data-theme="pep"]{--r:22px}
.ed-pep{gap:16px}
.pp-hdr{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:6px 2px 0}
.pp-hdr span{font-size:14px;color:var(--t2);font-weight:500}
.pp-hdr h1{margin:2px 0 0;font:800 38px/1.05 var(--num);letter-spacing:-.045em;color:var(--t1)}
.pp-me .av{width:48px;height:48px;background:var(--sig-grad);box-shadow:0 0 0 3px #fff,0 8px 20px -4px rgba(27,77,255,.45)}
.pp-add{all:unset;cursor:pointer;width:48px;height:48px;flex:none;border-radius:50%;background:var(--sig-grad);color:#fff;display:grid;place-items:center;box-shadow:0 12px 24px -8px rgba(27,77,255,.7)}
.pp-add svg{width:24px;height:24px}
.pp-quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
.pp-quick a{display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:#fff;border:1px solid var(--hair);font-size:13.5px;font-weight:600;color:var(--t1);text-decoration:none;white-space:nowrap;box-shadow:0 4px 12px -6px rgba(10,18,53,.15)}
.pp-quick svg{width:17px;height:17px;color:var(--sig)}
.pp-hero{position:relative;overflow:hidden;border-radius:32px;padding:20px 20px 0;background:var(--hero);color:#fff;box-shadow:0 30px 60px -28px rgba(27,77,255,.85)}
.pp-hero i{position:absolute;pointer-events:none}
.pp-hero i.o1{width:340px;height:240px;border-radius:50%;right:-130px;top:-100px;background:radial-gradient(closest-side,rgba(255,255,255,.38),transparent)}
.pp-hero i.o2{width:300px;height:220px;border-radius:50%;left:-120px;bottom:-80px;background:radial-gradient(closest-side,rgba(110,200,255,.7),transparent)}
.pp-hero i.tri{right:6px;top:30px;width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:140px solid rgba(255,255,255,.08);transform:rotate(20deg)}
.pp-hero .top{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.pp-hero>b{position:relative;display:block;font:800 68px/1 var(--num);letter-spacing:-.055em;margin:16px 0 12px}
.pp-hero .chipr{position:relative;display:flex;gap:6px;flex-wrap:wrap}
.pp-hero .chipr span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600}
.pp-area{position:relative;display:block;width:calc(100% + 40px);margin:14px -20px 0;height:110px}
.pp-seg{display:flex;background:rgba(255,255,255,.16);border-radius:999px;padding:3px}
.pp-seg button{all:unset;cursor:pointer;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:rgba(255,255,255,.88)}
.pp-seg button[aria-pressed="true"]{background:#fff;color:var(--sig)}
.pp-btn.w{all:unset;cursor:pointer;position:relative;display:flex;gap:8px;align-items:center;justify-content:center;background:#fff;color:var(--sig);font-weight:700;border-radius:999px;padding:13px;margin:18px 0 20px}
.pp-btn svg{width:18px;height:18px}
.pp-bento{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.pp-bento .b,.pp-live,.pp-badges{background:#fff;border-radius:26px;box-shadow:0 1px 0 rgba(10,18,53,.03),0 16px 34px -22px rgba(10,18,53,.35)}
.pp-bento .b{padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pp-bento .b>span,.pp-bento .bt>span{font-size:13px;color:var(--t2);font-weight:600}
.pp-bento .b>b{font:800 36px/1.1 var(--num);letter-spacing:-.045em;color:var(--t1);margin-top:auto}
.pp-bento .b small{font-size:12px;color:var(--t3)}.pp-bento em{font-style:normal;font-weight:700}
.pp-bento .ring{align-items:center;justify-content:center;gap:6px}
.pp-ring{width:88px;height:88px}
.pp-ring .bg{fill:none;stroke:#E6ECFB;stroke-width:9}.pp-ring .fg{fill:none;stroke:var(--sig);stroke-width:9;stroke-linecap:round}
.pp-ring text{font:800 18px var(--num);fill:var(--t1);letter-spacing:-.03em}
.pp-bento .wide{grid-column:1/-1}
.ed-pep .bt{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ed-pep .bt b{font:800 20px var(--num);letter-spacing:-.03em}
.pp-bars{display:flex;align-items:flex-end;gap:5px;height:84px;margin-top:12px;padding-bottom:16px}
.pp-bars i{flex:1;position:relative;background:linear-gradient(to top,#B9CBFF,#1B4DFF);border-radius:7px 7px 3px 3px;opacity:.5}
.pp-bars i.cur{opacity:1;box-shadow:0 8px 16px -6px rgba(27,77,255,.7)}
.pp-bars i.l{background:linear-gradient(to top,#FFD0D6,#E5364F)}
.pp-bars small{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:10px;color:var(--t3);font-style:normal}
.pp-live{padding:14px 16px}
.pp-live .bt span{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--t1)}
.pp-row{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 0 2px;width:100%;box-sizing:border-box}
.pp-row div{flex:1;min-width:0}.pp-row b{display:block}.pp-row small{color:var(--t3);font-size:12px}
.pp-row em{font-style:normal;font:800 18px var(--num)}
.pp-sec{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 0}
.pp-sec b{font:800 22px var(--num);letter-spacing:-.03em}.pp-sec a{color:var(--sig);font-weight:600;font-size:13.5px;text-decoration:none}
.pp-cards{display:flex;gap:12px;overflow-x:auto;margin:-4px -16px 0;padding:4px 16px 16px;scroll-snap-type:x mandatory;scrollbar-width:none}
.pp-card{all:unset;cursor:pointer;box-sizing:border-box;flex:none;width:152px;scroll-snap-align:start;background:#fff;border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 16px 30px -20px rgba(10,18,53,.4);min-width:0}
.pp-card .h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pp-card .sym{border-radius:50%}
.pp-card .dir{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}
.pp-card .dir.l{background:rgba(0,168,107,.1);color:var(--win)}.pp-card .dir.s{background:rgba(229,54,79,.1);color:var(--loss)}
.pp-card>b{font:800 30px/1.1 var(--num);letter-spacing:-.05em}
.pp-card .sy{font-weight:700;font-size:14px;color:var(--t1)}
.pp-card small{font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.pp-grid .pp-card{width:auto}
.pp-list{background:#fff;border-radius:26px;padding:4px 16px;box-shadow:0 16px 34px -22px rgba(10,18,53,.35)}
.pp-jrow{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--hair)}
.pp-jrow:last-child{border-bottom:0}
.pp-jrow .sym{border-radius:50%;width:42px;height:42px}
.pp-jrow div{flex:1;min-width:0}.pp-jrow b{display:flex;align-items:center;gap:6px;font-size:15px}
.pp-jrow small{display:block;color:var(--t3);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-jrow .dir{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px}.pp-jrow .dir.l{background:rgba(0,168,107,.1);color:var(--win)}.pp-jrow .dir.s{background:rgba(229,54,79,.1);color:var(--loss)}
.pp-jrow em{font-style:normal;font:800 22px var(--num);letter-spacing:-.04em}
.pp-day{display:flex;align-items:baseline;gap:8px;padding:8px 2px 0}
.pp-day b{font:800 19px var(--num);letter-spacing:-.03em}.pp-day span{color:var(--t3);font-size:13px}.pp-day em{margin-left:auto;font-style:normal;font-weight:800}
.pp-jsum{position:relative;overflow:hidden;background:var(--hero);color:#fff;border-radius:28px;padding:18px 22px;display:flex;align-items:baseline;gap:10px;box-shadow:0 24px 50px -26px rgba(27,77,255,.85)}
.pp-jsum span{font-weight:600;opacity:.85}.pp-jsum b{font:800 44px/1 var(--num);letter-spacing:-.05em}.pp-jsum small{margin-left:auto;font-weight:600;opacity:.85}
.pp-badges{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;text-decoration:none;color:inherit}
.pp-badges span{font-size:13px;color:var(--t2);font-weight:600;display:block}.pp-badges b{display:block;font:800 32px/1.1 var(--num);letter-spacing:-.04em}
.pp-badges b small{font-size:16px;color:var(--t3)}.pp-badges>div>small{color:var(--sig);font-weight:700;font-size:12px}
.pp-badges .md{display:flex}.pp-badges .md svg{width:50px;height:56px;margin-left:-12px;filter:drop-shadow(0 6px 10px rgba(10,18,53,.2))}
.ed-pep .coach{border-radius:24px;background:#fff;border-color:transparent;box-shadow:0 16px 34px -22px rgba(10,18,53,.35)}
[data-theme="pep"] .card,[data-theme="pep"] .list,[data-theme="pep"] .kpi,[data-theme="pep"] .grp,[data-theme="pep"] .gi,[data-theme="pep"] .exi{background:#fff;border-color:transparent;box-shadow:0 16px 34px -22px rgba(10,18,53,.35)}
[data-theme="pep"] .btn{border-radius:999px}
[data-theme="pep"] .btn.p{background:var(--sig-grad);color:#fff;box-shadow:0 14px 28px -12px rgba(27,77,255,.8)}
[data-theme="pep"] .chip,[data-theme="pep"] .pill,[data-theme="pep"] .seg,[data-theme="pep"] .seg button,[data-theme="pep"] .money,[data-theme="pep"] .input,[data-theme="pep"] .dir button,[data-theme="pep"] .acts button{border-radius:999px}
[data-theme="pep"] .ta,[data-theme="pep"] .pane,[data-theme="pep"] .rvault,[data-theme="pep"] .ev{border-radius:20px}
[data-theme="pep"] .chip[aria-pressed="true"],[data-theme="pep"] .seg button[aria-pressed="true"]{background:var(--sig);color:#fff}
[data-theme="pep"] .ib{border-radius:50%;background:#fff;box-shadow:0 4px 12px -6px rgba(10,18,53,.25)}
[data-theme="pep"] .hdr h1{font-weight:800;font-size:36px;letter-spacing:-.045em}
[data-theme="pep"] .hero,[data-theme="pep"] .eye{color:#fff;border:0;box-shadow:0 30px 60px -28px rgba(27,77,255,.85)}
[data-theme="pep"] .eye .k2,[data-theme="pep"] .eye .sub,[data-theme="pep"] .eye .r1{color:rgba(255,255,255,.8)}
[data-theme="pep"] .eye .pl .r{color:#fff;font-weight:800;letter-spacing:-.05em}
[data-theme="pep"] .sym{border-radius:50%}
[data-theme="pep"] .sheet .panel{border-radius:34px 34px 0 0;background:#F7F9FE;box-shadow:0 -30px 60px -20px rgba(10,18,53,.35)}
[data-theme="pep"] .sh-head b{font-weight:800;font-size:19px;letter-spacing:-.02em}
[data-theme="pep"] .money:focus-within,[data-theme="pep"] .input:focus{border-color:var(--sig);box-shadow:0 0 0 4px rgba(27,77,255,.15)}
[data-theme="pep"] .modal .box,[data-theme="pep"] .gtip{border-radius:24px;background:linear-gradient(145deg,#0D1F3C 0%,#071224 100%);border:1.5px solid rgba(56,189,248,.48);color:#F0F9FF;box-shadow:0 30px 70px rgba(2,8,23,.85)}
[data-theme="pep"] .toast{border-radius:999px;background:var(--sig);color:#fff;font-weight:600;box-shadow:0 14px 30px -8px rgba(27,77,255,.6)}
[data-theme="pep"] .rays{background:repeating-conic-gradient(from 0deg,rgba(27,77,255,.10) 0 5deg,transparent 5deg 15deg)}
[data-theme="pep"] .unl .k,[data-theme="pep"] .pfin .k{color:var(--sig)}
[data-theme="pep"] .btn:active:not(:disabled){transform:scale(.97)}
[data-theme="pep"] .edition,[data-theme="pep"] .bkp-ed{background:var(--sig);color:#fff}
[data-theme="pep"] .av{background:var(--sig-grad)}
[data-theme="pep"] .best{background:var(--hero);border:0;color:#fff;box-shadow:0 26px 50px -26px rgba(27,77,255,.85)}
[data-theme="pep"] .best .lab,[data-theme="pep"] .best .t2,[data-theme="pep"] .best .t3,[data-theme="pep"] .best small{color:rgba(255,255,255,.8)!important}
[data-theme="pep"] .best .big{font-weight:800;letter-spacing:-.05em}
[data-theme="icm"] .best{border-radius:3px;background:linear-gradient(rgba(60,255,170,.05) 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,rgba(18,209,142,.25),rgba(2,14,9,.95));border:1px solid rgba(60,255,170,.35);border-left:3px solid var(--sig)}
[data-theme="icm"] .best .big{font-family:var(--mono);text-transform:uppercase;letter-spacing:-.02em;color:#7CFFC4;text-shadow:0 0 18px rgba(18,209,142,.6)}
[data-theme="icm"] .card,[data-theme="icm"] .kpi{border-radius:3px;background:rgba(2,14,9,.86)}
/* Pepperstone dock: a white capsule of tabs where the active one grows into a blue pill, and a separate blue orb for new trade */
[data-theme="pep"] .tabbar{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.tabbar .in.pp-dock{display:flex;align-items:center;gap:10px}
.pp-pill{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:6px;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid var(--hair);box-shadow:0 22px 40px -16px rgba(10,18,53,.4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.pp-pill .tab{flex:none;flex-direction:row;gap:7px;padding:11px 13px;border-radius:999px;color:#8A94B2;transition:background .25s,padding .25s}
.pp-pill .tab span{display:none;font-size:13px;font-weight:700;white-space:nowrap}
.pp-pill .tab svg{width:22px;height:22px}
.pp-pill .tab[aria-current="page"]{background:var(--sig-grad);color:#fff;padding:11px 16px;box-shadow:0 10px 20px -8px rgba(27,77,255,.8)}
.pp-pill .tab[aria-current="page"] svg{color:#fff}
.pp-pill .tab[aria-current="page"] span{display:inline}
.pp-plus{all:unset;cursor:pointer;flex:none;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#6FB8FF,#1B4DFF 55%,#0B2BD9);color:#fff;display:grid;place-items:center;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 18px 30px -8px rgba(27,77,255,.85)}
.pp-plus svg{width:26px;height:26px}
.pp-plus:active{transform:scale(.94)}
/* ---- Exness: yellow block, calm graphite ---- */
[data-theme="exn"]{--r:16px}
.ed-exn{gap:14px}
.ex-top{display:flex;align-items:center;gap:12px;padding:4px 0}
.ex-top>div{flex:1;min-width:0}.ex-top small{display:block;color:var(--t3);font-size:12.5px;font-weight:500}.ex-top b{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ex-me .av{width:40px;height:40px;border-radius:12px;background:#FFDE02}
.ex-card{position:relative;overflow:hidden;background:#FFDE02;color:#141414;border-radius:24px;padding:18px 18px 0}
.ex-card::before{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-150px;border-radius:50%;border:26px solid rgba(20,20,20,.07)}
.ex-card::after{content:"";position:absolute;width:150px;height:150px;right:-30px;top:-60px;border-radius:50%;border:12px solid rgba(20,20,20,.07)}
.ex-card .top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;font-weight:700}
.ex-card>b,.ex-card .ex-hleft>b{position:relative;display:block;font:800 64px/1 var(--num)!important;letter-spacing:-.05em!important;margin:8px 0 4px!important;color:#141414!important}
.ex-card .sub{position:relative;display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;font-weight:700;color:rgba(20,20,20,.7)}
.ex-spark{display:block;width:calc(100% + 36px);margin:10px -18px 0;height:70px}
.ex-card>b:last-child,.ex-card .sub:last-child{margin-bottom:18px}
.ex-seg{display:flex;background:rgba(20,20,20,.1);border-radius:10px;padding:3px}
.ex-seg button{all:unset;cursor:pointer;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:700;color:rgba(20,20,20,.7)}
.ex-seg button[aria-pressed="true"]{background:#141414;color:#FFDE02}
.ex-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ex-acts a,.ex-acts button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--t2);text-align:center}
.ex-acts i{width:54px;height:54px;border-radius:18px;background:var(--s3);display:grid;place-items:center;color:#FFDE02}
.ex-acts i.y{background:#FFDE02;color:#141414}
.ex-acts svg{width:24px;height:24px}
.ex-box{display:block;background:var(--s2);border:1px solid var(--hair);border-radius:20px;padding:14px 16px;color:inherit;text-decoration:none}
.ex-box h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:800;letter-spacing:-.01em}
.ex-box h3 em{font-style:normal;margin-left:auto;font-size:14px}.ex-box h3 a{margin-left:auto;color:#FFDE02;font-size:13px;font-weight:700;text-decoration:none}
.ex-kv>div:not(.ex-meter){display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--hair);font-size:13.5px;color:var(--t2)}
.ex-kv>div:last-child{border-bottom:0}.ex-kv b{font-size:16px;color:var(--t1);font-weight:700}
.ex-meter{height:6px;border-radius:3px;background:var(--s4);overflow:hidden;margin:2px 0 6px}.ex-meter i{display:block;height:100%;background:#FFDE02;border-radius:3px}
.ex-row{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.ex-row:last-child{border-bottom:0}
.ex-sym{width:42px;height:42px;flex:none;border-radius:12px;background:var(--s4);display:grid;place-items:center;font:800 11.5px var(--num);color:var(--t1);letter-spacing:.02em;position:relative}
.ex-row.win .ex-sym{box-shadow:inset 3px 0 0 var(--win)}.ex-row.loss .ex-sym{box-shadow:inset 3px 0 0 var(--loss)}
.ex-sym.live::after{content:"";position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;background:#FFDE02;box-shadow:0 0 0 3px var(--s2)}
.ex-row>div{flex:1;min-width:0}.ex-row b{display:block;font-size:15px;font-weight:700}
.ex-row small{display:block;font-size:12.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-row small em{font-style:normal;font-weight:700}
.ex-row .rt{flex:none;text-align:right}.ex-row .rt b{font-size:17px;font-weight:800}
.ex-bars{display:flex;align-items:flex-end;gap:6px;height:96px;padding-top:6px}
.ex-bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}
.ex-bars i{width:100%;border-radius:4px;background:rgba(255,222,2,.35)}.ex-bars i.cur{background:#FFDE02}.ex-bars i.l{background:rgba(255,90,95,.55)}
.ex-bars small{font-size:10px;color:var(--t3)}
.ex-bd{display:flex;align-items:center;justify-content:space-between}.ex-bd h3{margin:0}.ex-bd small{color:var(--t3);font-size:12.5px}
.ex-bd .md{display:flex}.ex-bd .md svg{width:44px;height:50px;margin-left:-10px}
.ex-new{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;background:#FFDE02;color:#141414;font-weight:800;font-size:14px;padding:10px 16px;border-radius:12px}
.ex-new svg{width:18px;height:18px}
.ex-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}
.ex-stats div{background:var(--s2);border:1px solid var(--hair);border-radius:16px;padding:12px 14px}
.ex-stats div.y{background:#FFDE02;color:#141414;border:0}
.ex-stats span{display:block;font-size:12px;font-weight:600;opacity:.75}.ex-stats b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.ed-exn .coach{border-radius:20px;background:var(--s2);border-left:4px solid #FFDE02}
[data-theme="exn"] .btn{border-radius:14px}
[data-theme="exn"] .btn.p{background:#FFDE02;color:#141414;font-weight:800;box-shadow:none}
[data-theme="exn"] .chip,[data-theme="exn"] .pill,[data-theme="exn"] .seg,[data-theme="exn"] .seg button{border-radius:10px}
[data-theme="exn"] .chip[aria-pressed="true"],[data-theme="exn"] .seg button[aria-pressed="true"]{background:#FFDE02;color:#141414}
[data-theme="exn"] .card,[data-theme="exn"] .list,[data-theme="exn"] .kpi{border-radius:20px;background:var(--s2)}
[data-theme="exn"] .hdr h1{font-weight:800;letter-spacing:-.03em}
[data-theme="exn"] .eye{border:0;border-top:4px solid #FFDE02}
[data-theme="exn"] .best{background:#FFDE02;color:#141414;border:0}
[data-theme="exn"] .best .lab,[data-theme="exn"] .best small,[data-theme="exn"] .best .t2,[data-theme="exn"] .best .t3{color:rgba(20,20,20,.7)!important}
[data-theme="exn"] .best .big{font-weight:800;letter-spacing:-.04em}
[data-theme="exn"] .best .win{color:#0A7A45!important}
[data-theme="exn"] .best b:not(.win),[data-theme="exn"] .best span{color:#141414!important}
[data-theme="exn"] .sheet .panel{border-radius:24px 24px 0 0;background:#14161A}
[data-theme="exn"] .sh-head b{font-weight:800}
[data-theme="exn"] .money,[data-theme="exn"] .input,[data-theme="exn"] .ta,[data-theme="exn"] .dir button,[data-theme="exn"] .acts button,[data-theme="exn"] .pane{border-radius:14px}
[data-theme="exn"] .money:focus-within,[data-theme="exn"] .input:focus{border-color:#FFDE02;box-shadow:0 0 0 3px rgba(255,222,2,.18)}
[data-theme="exn"] .toast{border-radius:14px;background:#FFDE02;color:#141414;font-weight:700}
[data-theme="exn"] .modal .box,[data-theme="exn"] .gtip{border-radius:22px;border-color:rgba(255,222,2,.35)}
[data-theme="exn"] .rays{background:repeating-conic-gradient(from 0deg,rgba(255,222,2,.12) 0 5deg,transparent 5deg 15deg)}
[data-theme="exn"] .unl .k,[data-theme="exn"] .pfin .k{color:#FFDE02}
[data-theme="exn"] .av{background:#FFDE02}
[data-theme="exn"] .edition,[data-theme="exn"] .bkp-ed{background:#FFDE02;color:#141414}
[data-theme="exn"] .sym{border-radius:12px}
/* Exness dock: a solid yellow bar, black icons, the active one in a black tile, black orb for new trade */
[data-theme="exn"] .tabbar{background:#FFDE02;border:0;padding-top:8px;box-shadow:0 -12px 30px -10px rgba(255,222,2,.35)}
.tabbar .in.ex-dock{grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center}
.ex-dock .tab{gap:3px;font-size:11px;font-weight:800;color:rgba(20,20,20,.55)}
.ex-dock .tab svg{width:46px;height:34px;padding:5px 11px;box-sizing:border-box;border-radius:12px;color:#141414}
.ex-dock .tab[aria-current="page"]{color:#141414}
.ex-dock .tab[aria-current="page"] svg{background:#141414;color:#FFDE02}
.ex-plus{all:unset;cursor:pointer;width:60px;height:60px;margin:-30px auto 0;border-radius:50%;background:#141414;color:#FFDE02;display:grid;place-items:center;box-shadow:0 0 0 5px #FFDE02,0 12px 24px -6px rgba(0,0,0,.6)}
.ex-plus svg{width:28px;height:28px;stroke-width:2.6}
.ex-plus:active{transform:scale(.94)}
/* ---- FxPro: race telemetry ---- */
[data-theme="fxp"]{--r:4px;--disp:"Barlow Condensed","Geist",sans-serif}
.ed-fxp{gap:12px}
.fx-top{display:flex;align-items:center;gap:12px;padding:4px 0}
.fx-top>div{flex:1;min-width:0}.fx-top b{display:block;font:italic 800 24px/1 var(--disp);letter-spacing:.02em}.fx-top small{display:block;font:italic 700 12px var(--disp);letter-spacing:.14em;color:#FF3B3B;margin-top:3px}
.fx-plate{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font:italic 800 15px var(--disp);letter-spacing:.06em;background:#fff;color:#0A0A0A;padding:6px 12px 6px 6px;transform:skewX(-12deg)}
.fx-plate span{background:#E30613;color:#fff;padding:3px 7px}
.fx-cock{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px;align-items:center;padding:18px 16px 16px;background:linear-gradient(160deg,#1B1B1B,#0A0A0A);border:1px solid rgba(255,255,255,.08);border-left:4px solid #E30613}
.fx-cock .st{position:absolute;right:-40px;top:0;bottom:0;width:120px;background:repeating-linear-gradient(-60deg,rgba(227,6,19,.0) 0 14px,rgba(227,6,19,.16) 14px 22px);pointer-events:none}
.fx-cock .l{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0}
.fx-cock span{font:italic 700 12px var(--disp);letter-spacing:.16em;color:var(--t2)}
.fx-cock .l>b{font:italic 800 66px/0.95 var(--disp);letter-spacing:-.01em;color:#fff}
.fx-cock small{font:italic 700 14px var(--disp);letter-spacing:.06em;color:#FF3B3B}
.fx-cock .r{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}
.fx-gauge{width:100%;max-width:190px}
.fx-gauge .bg{fill:none;stroke:#262626;stroke-width:12}.fx-gauge .fg{fill:none;stroke:#E30613;stroke-width:12;filter:drop-shadow(0 0 6px rgba(227,6,19,.8))}
.fx-gauge .tk line{stroke:#555;stroke-width:2}.fx-gauge .nd{stroke:#fff;stroke-width:3;stroke-linecap:round}.fx-gauge .hub{fill:#fff}
.fx-gauge text{font:italic 800 30px var(--disp);fill:#fff}
.fx-seg{display:flex;gap:4px;margin-top:8px}
.fx-seg button{all:unset;cursor:pointer;padding:4px 10px;font:italic 700 12px var(--disp);letter-spacing:.08em;color:var(--t2);background:#1E1E1E;transform:skewX(-12deg)}
.fx-seg button[aria-pressed="true"]{background:#E30613;color:#fff}
.fx-sect{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fx-sect div{background:#111;border-top:3px solid #333;padding:9px 10px;transform:skewX(-8deg);display:flex;flex-direction:column;gap:2px}
.fx-sect div:first-child,.fx-sect div.y{border-top-color:#E30613}
.fx-sect div.y{background:#E30613}.fx-sect div.y span{color:rgba(255,255,255,.8)}.fx-sect div.y b{color:#fff}
.fx-sect span{font:italic 700 10.5px var(--disp);letter-spacing:.12em;color:var(--t3)}
.fx-sect b{font:italic 800 26px/1 var(--disp)}
.fx-acts{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:6px}
.fx-acts a,.fx-acts button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 4px;background:#141414;border:1px solid rgba(255,255,255,.08);font:italic 800 13px var(--disp);letter-spacing:.08em;color:#fff;transform:skewX(-12deg)}
.fx-acts button{background:var(--sig-grad);border:0}
.fx-acts svg{width:16px;height:16px}
.fx-box{display:block;background:rgba(14,14,14,.92);border:1px solid rgba(255,255,255,.07);padding:12px 14px;color:inherit;text-decoration:none}
.fx-box h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:italic 800 16px var(--disp);letter-spacing:.1em}
.fx-box h3 i{width:16px;height:6px;background:#E30613;transform:skewX(-30deg)}
.fx-box h3 em,.fx-box h3 a{margin-left:auto;font:italic 700 13px var(--disp);letter-spacing:.06em;color:var(--t2);text-decoration:none}
.fx-box.pit h3 i{animation:blink 1s steps(2) infinite}
.fx-lap{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.fx-lap:last-child{border-bottom:0}
.fx-lap .no{font:italic 800 15px var(--disp);color:var(--t3)}
.fx-lap.live .no{color:#E30613}
.fx-lap .mid{min-width:0;display:flex;flex-direction:column;gap:4px}
.fx-lap .mid b{font:italic 800 17px var(--disp);letter-spacing:.04em}.fx-lap .mid em{font-style:italic;font-size:12px;color:var(--t3);margin-left:4px}
.fx-lap .mid i{display:block;height:3px;background:#2BD97C;transform:skewX(-30deg)}.fx-lap.loss .mid i{background:#FF5577}.fx-lap.be .mid i{background:#555}
.fx-lap .mid small{font-size:12px;color:var(--t3)}
.fx-lap .t{font:italic 600 13px var(--disp);color:var(--t3)}
.fx-lap>b{font:italic 800 20px var(--disp);min-width:62px;text-align:right}
.fx-pos{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.fx-pos:last-child{border-bottom:0}
.fx-pos .p{font:italic 800 18px var(--disp);color:#fff;background:#262626;text-align:center;padding:2px 0;transform:skewX(-12deg)}
.fx-pos:first-child .p{background:#E30613}
.fx-pos b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-pos small{font-size:12px;color:var(--t3)}.fx-pos em{font:italic 800 18px var(--disp)}
.fx-season{display:flex;flex-direction:column;gap:4px}
.fx-season div{display:grid;grid-template-columns:34px minmax(0,1fr) 54px;gap:8px;align-items:center}
.fx-season small{font:italic 700 11px var(--disp);letter-spacing:.06em;color:var(--t3)}
.fx-season span{height:8px;background:#1A1A1A;transform:skewX(-30deg);overflow:hidden}
.fx-season span i{display:block;height:100%;background:rgba(43,217,124,.7)}.fx-season span i.l{background:#FF5577}
.fx-season .cur small{color:#fff}.fx-season .cur span i{background:#2BD97C;box-shadow:0 0 8px #2BD97C}
.fx-season b{font:italic 700 13px var(--disp);text-align:right}
.fx-troph .md{display:flex;padding-top:4px}.fx-troph .md svg{width:44px;height:50px;margin-right:-6px}
.fx-go{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;background:var(--sig-grad);color:#fff;font:italic 800 15px var(--disp);letter-spacing:.08em;padding:10px 16px;transform:skewX(-12deg)}
.fx-go svg{width:16px;height:16px}
.ed-fxp .coach.fx-radio{border-radius:0;background:#0E0E0E;border:1px solid rgba(255,255,255,.08);border-left:4px solid #E30613}
.ed-fxp .coach.fx-radio p::before{content:"RADIO · ";font:italic 800 13px var(--disp);letter-spacing:.1em;color:#FF3B3B}
.ed-fxp .card{border-radius:0}
[data-theme="fxp"] .tabbar{background:#070707;border-top:2px solid #E30613;padding-top:8px}
.tabbar .in.fx-dock{grid-template-columns:1fr 1fr 1.5fr 1fr 1fr;gap:4px;align-items:center}
.fx-dock .tab{font:italic 800 11.5px var(--disp);letter-spacing:.1em;color:#666}
.fx-dock .tab svg{width:22px;height:22px}
.fx-dock .tab[aria-current="page"]{color:#fff}.fx-dock .tab[aria-current="page"] svg{color:#E30613;filter:drop-shadow(0 0 6px rgba(227,6,19,.8))}
.fx-start{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;background:var(--sig-grad);color:#fff;font:italic 800 16px var(--disp);letter-spacing:.12em;transform:skewX(-14deg);box-shadow:0 10px 24px -8px rgba(227,6,19,.9)}
.fx-start svg{width:18px;height:18px}
.fx-start:active{filter:brightness(1.2)}
[data-theme="fxp"] .btn{border-radius:2px}
[data-theme="fxp"] .btn.p{background:var(--sig-grad);font:italic 800 17px var(--disp);letter-spacing:.1em;text-transform:uppercase}
[data-theme="fxp"] .chip,[data-theme="fxp"] .pill,[data-theme="fxp"] .seg,[data-theme="fxp"] .seg button,[data-theme="fxp"] .money,[data-theme="fxp"] .input,[data-theme="fxp"] .ta,[data-theme="fxp"] .dir button,[data-theme="fxp"] .acts button,[data-theme="fxp"] .pane,[data-theme="fxp"] .ev,[data-theme="fxp"] .ib{border-radius:2px}
[data-theme="fxp"] .chip[aria-pressed="true"],[data-theme="fxp"] .seg button[aria-pressed="true"]{background:#E30613;color:#fff}
[data-theme="fxp"] .card,[data-theme="fxp"] .list,[data-theme="fxp"] .kpi{border-radius:2px;background:rgba(14,14,14,.92)}
[data-theme="fxp"] .hdr h1{font:italic 800 34px var(--disp);letter-spacing:.04em;text-transform:uppercase}
[data-theme="fxp"] .eye{border-radius:2px;border:1px solid rgba(255,255,255,.08);border-left:4px solid #E30613}
[data-theme="fxp"] .eye .pl .r,[data-theme="fxp"] .hero .big{font-family:var(--disp);font-style:italic;font-weight:800}
[data-theme="fxp"] .best{border-radius:2px;background:linear-gradient(100deg,#A8000F,#E30613 60%,#FF3B3B);border:0;color:#fff}
[data-theme="fxp"] .best .big{font:italic 800 40px var(--disp);text-transform:uppercase;letter-spacing:.02em}
[data-theme="fxp"] .best .lab,[data-theme="fxp"] .best small,[data-theme="fxp"] .best span{color:rgba(255,255,255,.85)!important}
[data-theme="fxp"] .best .win{color:#fff!important}
[data-theme="fxp"] .sheet .panel{border-radius:0;border-top:3px solid #E30613;background:#0B0B0B}
[data-theme="fxp"] .sh-head b{font:italic 800 20px var(--disp);letter-spacing:.06em;text-transform:uppercase}
[data-theme="fxp"] .money:focus-within,[data-theme="fxp"] .input:focus{border-color:#E30613;box-shadow:0 0 0 2px rgba(227,6,19,.3)}
[data-theme="fxp"] .toast{border-radius:0;background:#E30613;color:#fff;font:italic 800 15px var(--disp);letter-spacing:.08em}
[data-theme="fxp"] .modal .box,[data-theme="fxp"] .gtip{border-radius:2px;border-color:#E30613}
[data-theme="fxp"] .rays{background:repeating-conic-gradient(from 0deg,rgba(227,6,19,.14) 0 4deg,transparent 4deg 12deg)}
[data-theme="fxp"] .unl .k,[data-theme="fxp"] .pfin .k{color:#FF3B3B}
[data-theme="fxp"] .av{background:#E30613;border-radius:4px}
[data-theme="fxp"] .edition,[data-theme="fxp"] .bkp-ed{background:#E30613;color:#fff;font-style:italic}
[data-theme="fxp"] .sym{border-radius:2px;transform:skewX(-8deg)}
/* locked theme preview: real screens, look only */
.pvwrap{position:fixed;inset:0;z-index:98;background:rgba(2,4,10,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:fade .2s both;padding:max(10px,env(safe-area-inset-top,0px)) 0 max(10px,env(safe-area-inset-bottom,0px))}
.pvin{width:100%;max-width:560px;max-height:100%;display:flex;flex-direction:column;gap:10px}
.pvhead{display:flex;align-items:flex-start;gap:12px;padding:0 16px;color:#fff}
.pvhead .kd{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#9FD0FF}
.pvhead b{display:block;font-size:22px;font-family:var(--num)}
.pvhead small{display:block;font-size:12.5px;color:rgba(255,255,255,.65)}
.pvgal{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 6px;scrollbar-width:none;flex:1;min-height:0}
.pvgal::-webkit-scrollbar{display:none}
.pvgal figure{margin:0;flex:none;width:min(72vw,300px,calc(60vh * .462));scroll-snap-align:center;display:flex;flex-direction:column;gap:6px}
.pvgal img{display:block;width:100%;aspect-ratio:390/844;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 50px rgba(0,0,0,.6);background:#0A0D16}
.pvgal figcaption{text-align:center;font-size:13px;color:rgba(255,255,255,.8);font-weight:600}
.pvdots{display:flex;justify-content:center;gap:6px}
.pvdots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25)}.pvdots i.on{background:#fff;width:18px;border-radius:3px}
.pvfoot{display:flex;flex-direction:column;gap:8px;align-items:center;padding:0 16px}
.pvfoot .lab{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.6)}.pvfoot .lab svg{width:13px;height:13px}
.pvfoot .btn{max-width:340px}
.pshare{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important}
@media (prefers-reduced-motion: reduce){.msg,.ans,.minp,.tgrid,.symwrap,.vwrap,.pop,.le,.enter *,svg.hm,.rays,.acts2 button.hl{animation:none!important}}

/* ================= v25: UX OVERHAUL — EXPLORE HUB, SETTINGS BADGES, THEME STUDIO, PREMIUM TRADE TICKET, BRAIN OUTCOMES ================= */
.login-cta{display:flex;flex-direction:column;gap:10px;padding-top:10px}
.ex-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px}
.ex-tabs button svg{width:16px;height:16px;flex:none}
@media (max-width:420px){.ex-tabs button{font-size:12px;padding:7px 6px}.ex-tabs button svg{width:14px;height:14px}}

/* Settings: Badges & Level Showcase Card */
.st-bcard{display:flex;flex-direction:column;gap:12px}
.st-btop{display:flex;align-items:center;gap:12px}
.st-bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (max-width:440px){.st-bgrid{grid-template-columns:minmax(0,1fr)}}
.st-bitem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--s2);border:1px solid var(--hair);text-align:left;min-width:0;transition:transform .15s,border-color .15s}
@media (hover:hover){.st-bitem:hover{border-color:var(--sig);transform:translateY(-1px)}}
.st-bitem svg{width:46px;height:52px;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3))}
.st-bitem.lk svg{filter:grayscale(1) brightness(.48)}
.st-btxt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.st-btxt b{font-size:13px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.st-btxt small{font-size:11.5px;color:var(--t3);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Settings: High-Conversion Theme Studio Cards */
.ts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:480px){.ts-grid{grid-template-columns:minmax(0,1fr)}}
.ts-card2{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--s1);border:1.5px solid var(--hair-2);text-align:left;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s}
@media (hover:hover){.ts-card2:hover{transform:translateY(-2px);border-color:var(--sig)}}
.ts-card2.active{border-color:var(--win);box-shadow:0 0 0 3px var(--win-soft)}
.ts-vis{position:relative;height:112px;width:100%;overflow:hidden;background:#070A12}
.ts-vis canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ts-mock{position:relative;z-index:1;height:100%;padding:9px 11px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.55) 100%)}
.ts-vis[data-th="white"] .ts-mock,.ts-vis[data-th="pep"] .ts-mock{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(14,21,38,.18) 100%);color:#0A1235}
.ts-mtop{display:flex;justify-content:space-between;align-items:center;gap:6px}
.ts-med{font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:6px;white-space:nowrap}
.ts-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;backdrop-filter:blur(6px)}
.ts-pill svg{width:11px;height:11px}
.ts-pill.active{background:var(--win);color:#04170F}
.ts-pill.price{background:#FFB020;color:#1A1205}
.ts-mtr{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:9px;background:rgba(12,17,28,.78);border:1px solid rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(6px)}
.ts-vis[data-th="white"] .ts-mtr,.ts-vis[data-th="pep"] .ts-mtr{background:rgba(255,255,255,.88);border-color:rgba(10,18,53,.12);color:#0A1235}
.ts-vis[data-th="exn"] .ts-mtr{background:#141414;border-color:rgba(255,222,2,.45)}
.ts-vis[data-th="fxp"] .ts-mtr{background:#0E0E0E;border-left:3px solid #E30613;border-radius:2px}
.ts-vis[data-th="icm"] .ts-mtr{background:rgba(2,14,9,.9);border-color:rgba(18,209,142,.45);border-radius:3px;font-family:var(--mono)}
.ts-msym b{display:block;font-size:11.5px;font-family:var(--num);line-height:1.1}
.ts-msym span{font-size:9.5px;opacity:.72}
.ts-mr{font-family:var(--num);font-size:14px;font-weight:800;letter-spacing:-.03em}
.ts-mcurve{width:100%;height:16px;display:block;opacity:.9}
.ts-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--s1)}
.ts-mtxt{flex:1;min-width:0}
.ts-mtxt b{display:block;font-size:14px;font-weight:700;color:var(--t1)}
.ts-mtxt small{display:block;font-size:11.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-cta{flex:none;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--s3);color:var(--t1);white-space:nowrap}
.ts-cta.on{background:var(--win-soft);color:var(--win)}
.ts-cta.buy{background:var(--sig-grad);color:var(--sig-ink)}

/* Super-Premium Trade Ticket & Live Manage Sheet */
.th-sig-strip{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,var(--sig-soft),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--sig) 35%,transparent);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--sig-text)}
.th-sig-dot{width:7px;height:7px;border-radius:50%;background:var(--sig-2);box-shadow:0 0 8px var(--sig-2);flex:none}
.th-sig-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-sig-tag{padding:2px 7px;border-radius:6px;background:var(--sig);color:var(--sig-ink);font-size:9.5px;font-weight:800;letter-spacing:.06em;flex:none}
.th-sig-icm{border-radius:3px;background:linear-gradient(90deg,rgba(18,209,142,.2),rgba(2,14,9,.9));border-color:rgba(60,255,170,.4);color:#7CFFC4}
.th-sig-fxp{border-radius:2px;background:linear-gradient(90deg,rgba(227,6,19,.24),#0E0E0E);border:1px solid rgba(255,255,255,.1);border-left:4px solid #E30613;font-style:italic;color:#fff}
.th-sig-exn{border-radius:12px;background:#1A1D22;border-color:rgba(255,222,2,.4);color:#FFDE02}
.th-sig-pep{border-radius:999px;background:#EEF3FD;border-color:rgba(27,77,255,.25);color:#1B4DFF}

.nt-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.nt-mbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 13px;border-radius:15px;background:var(--s2);border:1.5px solid var(--hair);text-align:left;transition:all .15s}
.nt-mbtn b{display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--t1)}
.nt-mbtn small{font-size:11.5px;color:var(--t3);line-height:1.3}
.nt-mbtn svg{width:15px;height:15px;margin-right:4px;color:var(--sig-2)}
.nt-mbtn[aria-pressed="true"]{background:var(--sig-soft);border-color:var(--sig);box-shadow:0 0 0 3px color-mix(in srgb,var(--sig) 15%,transparent)}
.nt-risk-card{padding:12px;border-radius:16px;background:var(--s1);border:1px solid var(--hair)}
.nt-rhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.nt-rpills{display:flex;gap:5px;flex-wrap:wrap}
.chip.sm{padding:4px 9px;font-size:11.5px}

/* Manage Live Trade: 3-Way SL Mode + Clear Exit Choices */
.mg-head{display:flex;justify-content:space-between;align-items:center}
.mg-modes button{font-size:12px;font-weight:600;padding:7px 8px}
.mg-modes button.m-loss[aria-pressed="true"]{background:var(--loss-soft);color:var(--loss);box-shadow: inset 0 0 0 1px rgba(255,90,110,.4)}
.mg-modes button.m-be[aria-pressed="true"]{background:var(--sig-soft);color:var(--sig-text);box-shadow: inset 0 0 0 1px var(--sig)}
.mg-modes button.m-win[aria-pressed="true"]{background:var(--win-soft);color:var(--win);box-shadow: inset 0 0 0 1px rgba(52,211,154,.4)}
.sign.be{background:var(--sig-soft);color:var(--sig-text)}
.mg-prev{font-size:13px;min-height:18px}
.mg-exit-btns{display:flex;flex-direction:column;gap:8px}
.mg-choice{min-height:58px;padding:10px 14px;text-align:left;justify-content:flex-start}
.mg-c-in{display:flex;flex-direction:column;gap:2px}
.mg-c-in b{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700}
.mg-c-in small{font-size:11.5px;font-weight:400;opacity:.8}
.pb-check-card{border-color:color-mix(in srgb,var(--violet) 45%,transparent);background:linear-gradient(160deg,var(--violet-soft),var(--s1) 70%)}

/* Brain: Horizontal R Outcome Breakdown */
.rdist-card{display:flex;flex-direction:column;gap:12px}
.rdist-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rdist-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rds-box{padding:10px 12px;border-radius:14px;background:var(--s2);border:1px solid var(--hair);display:flex;flex-direction:column;gap:2px}
.rds-box.w{border-left:3px solid var(--win)}
.rds-box.l{border-left:3px solid var(--loss)}
.rds-box b{font-size:17px}
.rds-box small{font-size:12px;color:var(--t2)}
.rdist-rows{display:flex;flex-direction:column;gap:9px}
.rdist-row{display:flex;flex-direction:column;gap:4px}
.rdist-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
.rdist-lbl{font-weight:500;color:var(--t1)}
.rdist-val small{color:var(--t3);font-weight:400}
.rdist-bar{height:9px;border-radius:5px;background:var(--s3);overflow:hidden}
.rdist-bar i{display:block;height:100%;border-radius:5px;transition:width .3s}
.rdist-foot{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.45}
.rdist-foot svg{width:18px;height:18px;flex:none}
.rdist-foot.ok{background:var(--win-soft);color:var(--win)}
.rdist-foot.warn{background:var(--loss-soft);color:var(--loss)}

.edge1-ic{width:44px;height:44px;border-radius:12px;background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.35);display:flex;align-items:center;justify-content:center;color:#C4B5FD;flex:none}
.edge1-ic svg{width:22px;height:22px}
.st-bd-grid .bd-req{color:var(--t2)!important;opacity:.92}

/* ================= v26: 3RD-EYE PRACTICE, FIXED 1R BAR, VISUAL R-METER, READABLE TERMINAL/RACE & PAID THEME UIs ================= */

/* 1. 3rd-Eye Companion Practice Trade */
.p3-banner{padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,var(--sig-soft),rgba(255,255,255,.02));border:1px solid color-mix(in srgb,var(--sig) 40%,transparent);display:flex;flex-direction:column;gap:4px}
.p3-k{font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--sig-2)}
.p3-banner p{margin:0;font-size:13.5px;font-weight:600;color:var(--t1);line-height:1.45}
.p3-ext{border-radius:18px;background:#131824;border:1.5px solid #2A344B;color:#E2E8F0;overflow:hidden;box-shadow:0 14px 30px -14px rgba(0,0,0,.6)}
.p3-ext-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#1B2234;border-bottom:1px solid #2A344B;font-size:11.5px}
.p3-ext-bar .dots{display:flex;gap:5px;flex:none}
.p3-ext-bar .dots i{width:9px;height:9px;border-radius:50%}
.p3-ext-bar .dots i:nth-child(1){background:#FF5F57}.p3-ext-bar .dots i:nth-child(2){background:#FEBC2E}.p3-ext-bar .dots i:nth-child(3){background:#28C840}
.p3-ext-lbl{font-weight:700;color:#CBD5E1;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p3-step-tag{font-family:var(--mono);font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;background:rgba(59,130,246,.2);color:#93C5FD;white-space:nowrap}
.p3-ext-body{padding:14px;display:flex;gap:12px;align-items:flex-start}
.p3-ext-ico{width:42px;height:42px;border-radius:12px;background:rgba(59,130,246,.16);color:#60A5FA;display:grid;place-items:center;flex:none}
.p3-ext-ico svg{width:22px;height:22px}
.p3-ext-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.p3-ext-txt>b{font-size:15px;color:#F8FAFC}
.p3-ext-txt>p{margin:0;font-size:13.5px;color:#94A3B8;line-height:1.5}
.p3-ext-txt>p b{color:#F8FAFC}
.p3-mt-pill{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:6px;padding:8px 11px;border-radius:10px;background:#0D111A;border:1px solid #232C40;font-family:var(--num);font-size:12.5px}
.p3-mt-pill .b{color:#60A5FA;font-weight:700}
.p3-bridge{display:flex;justify-content:center;margin:-4px 0}
.p3-bridge span{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:var(--s2);border:1px solid var(--sig);font-size:12px;font-weight:700;color:var(--sig-text);box-shadow:0 6px 16px -6px var(--sig)}
.p3-bridge svg{width:14px;height:14px}
.p3-app{padding:14px;gap:12px;border-width:1.5px}
.p3-prompt{font-size:14px;font-weight:600;color:var(--t1);padding:2px 2px 0}
.p3-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 18px}
.p3-done h2{margin:0;font-size:21px}
.p3-res-box{width:100%;padding:14px;border-radius:16px;background:var(--s2);border:1px solid var(--hair-2)}
.p3-res-box .big{font-size:38px;font-weight:700;margin-top:2px}
.p3-res-box .big small{font-size:18px;font-weight:600;opacity:.85}

/* 2. Open Trade: Fixed 1R + Total Account R Bar & Paid Theme Order Tickets */
.nt-rbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:15px;background:var(--s2);border:1px solid var(--hair-2)}
.nt-rb-l{display:flex;flex-direction:column;gap:1px}
.nt-rb-l b{font-size:17px;font-weight:700;color:var(--t1)}
.nt-rb-l b small{font-size:12.5px;font-weight:500;color:var(--t2)}
.nt-rbar-icm{border-radius:6px;background:#111927;border:1px solid rgba(16,185,129,.35)}
.nt-rbar-pep{border-radius:20px;background:#FFFFFF;border:1px solid rgba(27,77,255,.18);box-shadow:0 8px 20px -12px rgba(27,77,255,.35)}
.nt-rbar-exn{border-radius:14px;background:#FFDE02;color:#141414;border:0}
.nt-rbar-exn .lab,.nt-rbar-exn b,.nt-rbar-exn b small{color:#141414!important}
.nt-rbar-exn .pill{background:#141414!important;color:#FFDE02!important}
.nt-rbar-fxp{border-radius:4px;background:#121316;border:1px solid rgba(255,255,255,.1);border-left:4px solid #E30613}
.nt-core-grid{display:flex;flex-direction:column;gap:12px}
.sh-th-icm .dir button{border-radius:6px;font-family:var(--num);font-weight:700;letter-spacing:.02em}
.sh-th-fxp .dir button{border-radius:4px;height:58px;font:italic 800 18px var(--disp);letter-spacing:.06em;text-transform:uppercase}
.sh-th-exn .dir button[aria-pressed="true"].lg{background:#3DD68C;color:#051B10;border-color:#3DD68C}
.sh-th-exn .dir button[aria-pressed="true"].sh{background:#FF5A5F;color:#1F0406;border-color:#FF5A5F}
.sh-th-pep .field{background:#FFFFFF;padding:12px;border-radius:20px;box-shadow:0 8px 20px -14px rgba(10,18,53,.2)}

/* 3. Manage Trade: Visual R-Progress Gauge & 3-Stat Telemetry Matrix */
.tm-wrap{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding:12px;border-radius:16px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.1)}
.tm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tm-stats>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.tm-stats span{font-size:10.5px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-stats b{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-gauge{display:flex;flex-direction:column;gap:6px;padding-top:18px}
.tm-track{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.12)}
.tm-zero{position:absolute;top:-3px;bottom:-3px;width:2px;background:rgba(255,255,255,.55);z-index:1}
.tm-fill{position:absolute;top:0;bottom:0;border-radius:999px}
.tm-fill.win{background:linear-gradient(90deg,#10B981,#34D399)}
.tm-fill.loss{background:linear-gradient(90deg,#F43F5E,#FB7185)}
.tm-pin{position:absolute;top:-22px;transform:translateX(-50%);padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#fff;color:#090D14;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.35);z-index:2;transition:left .2s}
.tm-pin.win{background:#34D39A;color:#031B11}
.tm-pin.loss{background:#FF5A6E;color:#240408}
.tm-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;opacity:.65}
.tm-rpm{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;padding:2px 0}
.tm-rpm i{height:7px;border-radius:2px;background:rgba(255,255,255,.1);transition:all .2s}
.tm-pep{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3)}
.tm-exn{background:#141414;border:1px solid rgba(255,222,2,.35);border-radius:14px}
.tm-icm{background:#0B101B;border:1px solid rgba(16,185,129,.3);border-radius:6px}
.tm-fxp{background:#0B0C0E;border:1px solid rgba(255,255,255,.12);border-left:3px solid #E30613;border-radius:4px}

/* 4. Clean Terminal (icm) & Race (fxp) Readability Overrides */
[data-theme="icm"] .ed-icm{font-family:var(--sans);gap:12px}
[data-theme="icm"] .hero,[data-theme="icm"] .eye{background:var(--hero)!important;box-shadow:0 16px 40px -20px rgba(0,0,0,.6)!important;border:1px solid var(--hair-2)!important}
[data-theme="icm"] .hero::after,[data-theme="icm"] .bkp-hero::after{display:none!important}
[data-theme="icm"] .hdr h1{font-family:var(--num);text-transform:none;letter-spacing:-.02em;color:var(--t1);background:none}
[data-theme="icm"] .lab,[data-theme="icm"] .glab{font-family:var(--sans);letter-spacing:.01em}
.ic-tag{display:block;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--sig-2)}
.ic-id b{font-size:16px;text-transform:none;letter-spacing:-.01em}
.ic-hero{padding:18px;border-radius:12px;background:linear-gradient(160deg,#131D2E 0%,#0C1320 100%);border:1px solid rgba(16,185,129,.3);display:flex;flex-direction:column;gap:8px}
.ic-htop{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--t2);font-weight:600}
.ic-hmain{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ic-hmain b{font-family:var(--num);font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1}
.ic-hmain em{font-style:normal;font-size:20px;font-weight:600;color:var(--t2)}
.ic-hsub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--t2)}
.ic-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:460px){.ic-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ic-kpis>div{padding:11px 12px;border-radius:8px;background:var(--s1);border:1px solid var(--hair)}
.ic-kpis b{display:block;font-size:18px;font-weight:700;margin-top:2px}
.ic-panel{border-radius:10px;background:var(--s1);border:1px solid var(--hair)}
.ic-panel>header{padding:10px 14px;background:rgba(16,185,129,.06);border-bottom:1px solid var(--hair);font-size:12px;letter-spacing:.04em}
.ic-list .tr{border-left:0}
.ed-icm .coach.ic-con{font-family:var(--sans);border-radius:10px;background:var(--s1);border:1px solid var(--hair);border-left:3px solid var(--sig)}
.ed-icm .coach.ic-con p::before{display:none}

/* Clean Race (fxp) Overrides */
.fx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fx-kpis>div{padding:12px;border-radius:6px;background:#121316;border:1px solid rgba(255,255,255,.08);border-top:2px solid #E30613}
.fx-kpis b{display:block;font-family:var(--num);font-size:20px;font-weight:700;margin-top:2px}
.fx-tr{border-left:2px solid transparent}
@media (hover:hover){.fx-tr:hover{border-left-color:#E30613;background:rgba(227,6,19,.08)}}
.ed-fxp .coach.fx-radio p::before{display:none}

/* 5. Theme-Distinct Calendar History UI */
.cal-wrap{display:flex;flex-direction:column;gap:12px}
.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cal-title{text-align:center}
.cal-title b{display:block;font-size:17px;font-weight:700}
.cal-title small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.cal-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:var(--s1);border:1px solid var(--hair-2)}
.ch-main{display:flex;flex-direction:column;gap:1px}
.ch-main b{font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.03em}
.ch-main small{font-size:13px;color:var(--t2);font-weight:600}
.ch-kpis{display:flex;gap:16px}
.ch-kpis>div{display:flex;flex-direction:column;gap:2px;text-align:right}
.ch-kpis span{font-size:11.5px;color:var(--t3)}
.ch-kpis b{font-size:14.5px;font-weight:700}
.cal .c{position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
@media (hover:hover){.cal .c:hover{transform:translateY(-1px);border-color:var(--sig)}}
.cal .c-top{display:flex;justify-content:space-between;align-items:center;width:100%}
.cal .c-sub{font-size:9.5px;color:var(--t2);text-align:right;display:block;line-height:1}
.cal .c-star{font-size:10px;color:#FFDE02}
.cal .c-bar{position:absolute;left:0;right:0;top:0;height:3px}
.cal .c-bar.pos{background:#2BD97C}.cal .c-bar.neg{background:#FF5577}
/* Terminal Calendar */
.cal-th-icm .cal-hero{border-radius:8px;background:#111927;border-color:rgba(16,185,129,.35)}
.cal-th-icm .cal .c{border-radius:5px;aspect-ratio:1/1.15}
/* Altitude Calendar */
.cal-th-pep .cal-hero{border-radius:26px;background:var(--hero);color:#fff;border:0;box-shadow:0 20px 40px -24px rgba(27,77,255,.8)}
.cal-th-pep .cal-hero .lab,.cal-th-pep .cal-hero span,.cal-th-pep .cal-hero small,.cal-th-pep .cal-hero b{color:#fff!important}
.cal-th-pep .cal .c{border-radius:18px;background:#FFFFFF;border-color:rgba(10,18,53,.06);box-shadow:0 6px 14px -8px rgba(10,18,53,.18)}
/* Hornet Calendar */
.cal-th-exn .cal-hero{border-radius:22px;background:#FFDE02;color:#141414;border:0}
.cal-th-exn .cal-hero .lab,.cal-th-exn .cal-hero span,.cal-th-exn .cal-hero small,.cal-th-exn .cal-hero b{color:#141414!important}
.cal-th-exn .cal .c{border-radius:14px;background:#1A1D22;border-color:rgba(255,255,255,.08)}
.cal-th-exn .cal .c.pos{border-color:rgba(255,222,2,.55);box-shadow:inset 0 0 0 1px rgba(255,222,2,.25)}
/* Race Calendar */
.cal-th-fxp .cal-hero{border-radius:4px;background:#121316;border:1px solid rgba(255,255,255,.08);border-left:4px solid #E30613}
.cal-th-fxp .cal .c{border-radius:3px;background:#121316}

/* 6. Theme Studio: 3-Screen Mini Showcase Thumbnails ($4.99 Store Cards) */
.ts-vis3{position:relative;height:132px;width:100%;overflow:hidden;padding:9px 10px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--hair)}
.ts-vis3 canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.45}
.ts-vhead{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:6px}
.ts-vtag{font-family:var(--mono);font-size:9.5px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:6px}
.ts-price-tag{font-family:var(--num);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;background:#FFB020;color:#1A1205;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.ts-free-tag{font-family:var(--mono);font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.16);color:inherit;backdrop-filter:blur(4px)}
.ts-screens{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}
.ts-sc{background:var(--tc);border:1px solid rgba(128,128,128,.22);border-radius:var(--tr,8px);padding:5px 6px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.ts-slbl{font-family:var(--mono);font-size:7.5px;font-weight:700;letter-spacing:.06em;opacity:.65}
.ts-shero{padding:3px 5px;border-radius:calc(var(--tr,8px) * .7);background:rgba(128,128,128,.12);display:flex;justify-content:space-between;align-items:center}
.ts-shero b{font-family:var(--num);font-size:10px;font-weight:800;color:var(--tw)}
.ts-shero i{width:14px;height:6px;border-radius:3px;background:var(--ta)}
.ts-skpi{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.ts-skpi i{height:5px;border-radius:2px;background:rgba(128,128,128,.25)}
.ts-stkt{display:flex;flex-direction:column;gap:3px}
.ts-sdir{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.ts-sdir i{font-style:normal;font-size:7px;font-weight:800;text-align:center;padding:2px 0;border-radius:3px}
.ts-sdir i.w{background:rgba(52,211,154,.25);color:var(--tw)}
.ts-sdir i.l{background:rgba(255,90,110,.22);color:#FF5A6E}
.ts-sgauge{height:4px;border-radius:2px;background:rgba(128,128,128,.25);overflow:hidden}
.ts-sgauge span{display:block;height:100%;border-radius:2px}
.ts-stkt b{font-family:var(--mono);font-size:7.5px;opacity:.8}
.ts-scal{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.ts-scal i{height:9px;border-radius:2px;background:rgba(128,128,128,.18)}
.ts-scal i.w{background:var(--tw);opacity:.85}
.ts-scal i.l{background:#FF5A6E;opacity:.8}
.ts-pinline{font-style:normal;font-size:11.5px;font-weight:700;color:var(--sig-text);margin-left:4px}

@media (min-width:1000px){
  .sheet .scrim{background:rgba(2,4,10,.28);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* ================= v26.1: UNDO ICON SIZE FIX & TERMINAL SLATE BORDER REFINEMENT ================= */
.tl-undo,button[data-act="tr-undo"]{display:inline-flex;align-items:center;gap:4px}
.tl-undo svg,button[data-act="tr-undo"] svg,.link svg{width:14px;height:14px;flex:none}

/* Tone down Terminal (icm) green outlines & glows to crisp institutional slate borders */
[data-theme="icm"] .card,[data-theme="icm"] .list,[data-theme="icm"] .kpi,[data-theme="icm"] .grp,[data-theme="icm"] .gi,[data-theme="icm"] .exi,[data-theme="icm"] .bkp-row,[data-theme="icm"] .mathc,[data-theme="icm"] .ic-hero,[data-theme="icm"] .nt-rbar-icm,[data-theme="icm"] .tm-icm,.cal-th-icm .cal-hero{
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 10px 28px -18px rgba(0,0,0,.6)!important;
}
[data-theme="icm"] .mathc::before{background:rgba(16,185,129,.65);height:2px}
[data-theme="icm"] .sheet .panel{
  border-top:1px solid rgba(148,163,184,.2)!important;
  border-left:1px solid rgba(148,163,184,.18)!important;
  box-shadow:-16px 0 44px rgba(0,0,0,.65)!important;
}
[data-theme="icm"] .btn.p{
  box-shadow:0 8px 20px -8px rgba(16,185,129,.45)!important;
}

/* ================= v27: 7 REQUIREMENTS COMPLETE — BOOK SVG FIX, LIVE TOP BAR, VISUAL ART BANNERS, SIGNATURE MANAGE DECKS, CALENDARS & SHARE MODAL ================= */

/* 1. Fix Huge Book SVG Icon in #brain (.edge-hero / .bp-ico / .best) */
.bp-ico,.edge-hero .bp-ico{
  width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;
  border-radius:12px;background:rgba(167,139,250,.16);border:1px solid rgba(167,139,250,.38);
  display:inline-flex;align-items:center;justify-content:center;color:#C9B8FF;flex:0 0 40px;overflow:hidden;
}
.bp-ico svg,.best svg,.edge-hero svg{
  width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex:none;display:block;
}

/* 3. Live Moving Active Trade Bar at VERY TOP of #home (.live-top-bar) */
@keyframes ltbPulse{
  0%{transform:scale(.85);opacity:.9}
  70%{transform:scale(2.2);opacity:0}
  100%{transform:scale(2.2);opacity:0}
}
@keyframes ltbShimmer{
  0%{transform:translateX(-110%)}
  100%{transform:translateX(110%)}
}
.live-top-bar{
  position:relative;overflow:hidden;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 14px;border-radius:16px;
  background:linear-gradient(125deg,rgba(16,185,129,.18) 0%,rgba(15,23,42,.92) 55%,rgba(16,185,129,.12) 100%);
  border:1.5px solid rgba(52,211,154,.55);
  box-shadow:0 12px 28px -12px rgba(16,185,129,.45);
  transition:transform .15s,border-color .15s;
}
@media (hover:hover){.live-top-bar:hover{transform:translateY(-1px);border-color:#34D39A}}
.ltb-wave{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,rgba(52,211,154,.18) 45%,rgba(255,255,255,.16) 50%,rgba(52,211,154,.18) 55%,transparent 100%);
  animation:ltbShimmer 3.2s infinite linear;
}
.ltb-left{position:relative;z-index:1;display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.live-beacon{position:relative;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.live-beacon i{
  position:absolute;inset:0;border-radius:50%;background:rgba(52,211,154,.55);
  animation:ltbPulse 1.7s infinite cubic-bezier(.16,1,.3,1);
}
.live-beacon b{position:relative;width:8px;height:8px;border-radius:50%;background:#34D39A;box-shadow:0 0 8px #34D39A}
.ltb-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.ltb-badge{font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#34D39A;text-transform:uppercase}
.ltb-chips{display:flex;flex-wrap:wrap;gap:6px}
.ltb-chip{
  display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:8px;
  background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);
  font-family:var(--num);font-size:12px;color:#F8FAFC;white-space:nowrap;
}
.ltb-chip em{font-style:normal;font-weight:800;font-size:10.5px;padding:1px 5px;border-radius:4px}
.ltb-chip em.w{background:rgba(52,211,154,.2);color:#34D39A}
.ltb-chip em.l{background:rgba(255,90,110,.2);color:#FF5A6E}
.ltb-cta{
  position:relative;z-index:1;flex:none;
  padding:8px 13px;border-radius:11px;border:0;cursor:pointer;
  background:#34D39A;color:#031B11;font-size:12.5px;font-weight:800;white-space:nowrap;
  box-shadow:0 6px 16px -4px rgba(52,211,154,.55);
}
/* Theme-specific Live Top Bar variants */
.ltb-fxp{border-radius:4px;background:linear-gradient(90deg,rgba(227,6,19,.26),#0F1014 70%);border:1px solid rgba(255,255,255,.16);border-left:4px solid #E30613}
.ltb-fxp .ltb-badge{color:#FF4D4D}.ltb-fxp .live-beacon b{background:#E30613;box-shadow:0 0 8px #E30613}.ltb-fxp .live-beacon i{background:rgba(227,6,19,.55)}
.ltb-fxp .ltb-cta{border-radius:4px;background:#E30613;color:#fff;box-shadow:0 6px 16px -4px rgba(227,6,19,.6)}
.ltb-pep{border-radius:22px;background:linear-gradient(125deg,#0B2BD9,#1B4DFF 60%,#3FA9FF);border:1px solid rgba(255,255,255,.45);color:#fff;box-shadow:0 14px 28px -12px rgba(27,77,255,.55)}
.ltb-pep .ltb-badge{color:#E0F2FE}.ltb-pep .ltb-chip{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.32);color:#fff}
.ltb-pep .ltb-cta{border-radius:999px;background:#FFFFFF;color:#0B2BD9;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.ltb-exn{border-radius:12px;background:#14171D;border:1.5px solid #FACC15;box-shadow:0 12px 26px -12px rgba(250,204,21,.35)}
.ltb-exn .ltb-badge{color:#FACC15}.ltb-exn .live-beacon b{background:#FACC15;box-shadow:0 0 8px #FACC15}.ltb-exn .live-beacon i{background:rgba(250,204,21,.5)}
.ltb-exn .ltb-cta{border-radius:8px;background:#FACC15;color:#141414;box-shadow:0 6px 16px -4px rgba(250,204,21,.5)}
.ltb-icm{border-radius:8px;background:#0F172A;border:1px solid rgba(16,185,129,.45)}

/* 4. Visual SVG Theme Artwork Banner in Open Trade & Manage Trade (.sh-art-banner) */
.sh-art-banner{
  position:relative;height:46px;border-radius:14px;overflow:hidden;
  border:1px solid var(--hair-2);background:var(--s2);
  display:flex;align-items:center;justify-content:flex-end;padding:0 12px;
}
.sh-art-banner svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sh-art-pill{
  position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px;border-radius:999px;font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.06em;
  background:rgba(0,0,0,.52);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px);
}
.sh-art-pill i{width:6px;height:6px;border-radius:50%;background:var(--sig)}
.sh-art-fxp{border-radius:4px;border-left:4px solid #E30613}
.sh-art-pep{border-radius:20px;border-color:rgba(27,77,255,.25)}
.sh-art-pep .sh-art-pill{background:rgba(255,255,255,.88);color:#0B2BD9;border-color:#fff}
.sh-art-pep .sh-art-pill i{background:#1B4DFF}
.sh-art-exn{border-radius:10px;border-color:rgba(250,204,21,.45)}
.sh-art-exn .sh-art-pill{background:#FACC15;color:#141414;border:0}
.sh-art-icm{border-radius:6px;border-color:rgba(16,185,129,.35)}

/* 5. Signature Per-Theme R-Gauge & Manage Trade Decks */
/* Altitude (pep): 12-Step Frosted Sky Elevation Bar + 3 floating white 3D frosted stat cards */
.tm-elev-bar{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px;height:18px;padding:1px 2px}
.tm-elev-bar i{display:block;border-radius:3px;background:rgba(255,255,255,.24);transition:all .2s}
.tm-elev-bar i.on{background:#FFFFFF;box-shadow:0 0 8px rgba(255,255,255,.85)}
.tm-stats-pep .tm-stat-cell{
  padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.92);color:#0A1235;
  box-shadow:0 8px 18px -8px rgba(7,27,138,.35);border:1px solid #FFFFFF;
}
.tm-stats-pep .tm-stat-cell span{color:#4A5677;opacity:1}
.tm-stats-pep .tm-stat-cell b{color:#0A1235}

/* Hornet (exn): 10-Cell Angled Electric Gold Voltage Bar + chamfered stat boxes */
.tm-volt-bar{display:flex;align-items:center;gap:4px;padding:2px 0}
.tm-volt-bar .v-bolt{font-size:13px;color:#FACC15;margin-right:2px}
.tm-volt-bar i{flex:1;height:9px;background:rgba(255,255,255,.1);transform:skewX(-18deg);border-radius:2px;transition:all .2s}
.tm-volt-bar i.on{background:#FACC15;box-shadow:0 0 8px rgba(250,204,21,.75)}
.tm-stats-exn .tm-stat-cell{
  padding:8px 10px;background:#181B22;border:1px solid rgba(250,204,21,.32);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}

/* Terminal (icm): 20-Tick Graduated Institutional Ruler Scale + 3-col bordered institutional ledger */
.tm-ruler-bar{display:grid;grid-template-columns:repeat(20,1fr);align-items:end;gap:2px;height:14px;padding:2px 0;border-bottom:1px solid rgba(148,163,184,.25)}
.tm-ruler-bar i{display:block;height:6px;background:rgba(148,163,184,.25)}
.tm-ruler-bar i.maj{height:11px}
.tm-ruler-bar i.on{background:#10B981;box-shadow:0 0 5px rgba(16,185,129,.6)}
.tm-stats-icm{gap:0;border:1px solid rgba(148,163,184,.24);border-radius:6px;overflow:hidden;background:#0D131F}
.tm-stats-icm .tm-stat-cell{padding:8px 10px;border-right:1px solid rgba(148,163,184,.18)}
.tm-stats-icm .tm-stat-cell:last-child{border-right:0}

/* Manage Deck per-theme styling */
.mg-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mg-unit-badge{font-family:var(--mono);font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--s3);color:var(--t2)}
.mg-modes button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.m-dot{width:6px;height:6px;border-radius:50%;display:inline-block;opacity:.45}
.m-dot.l{background:#FF5A6E}.m-dot.b{background:#3FD5FF}.m-dot.w{background:#34D39A}
.mg-modes button[aria-pressed="true"] .m-dot{opacity:1;box-shadow:0 0 6px currentColor}

/* Race (fxp) Manage Deck: carbon-weave control pod with red telemetry corner brackets & angled paddle buttons */
.mg-deck-fxp{
  position:relative;border-radius:4px!important;
  background:radial-gradient(circle at top right,rgba(227,6,19,.14),transparent 60%),#101115!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.fxp-cr{position:absolute;width:10px;height:10px;border-color:#E30613;border-style:solid;pointer-events:none}
.fxp-cr.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}
.fxp-cr.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}
.fxp-cr.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}
.fxp-cr.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.mg-deck-fxp .mg-modes button{transform:skewX(-10deg);border-radius:3px;font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase}
.mg-deck-fxp .mg-inp-box{border-radius:4px;background:#07080A;border:1px solid rgba(227,6,19,.45);font-family:var(--mono)}
.mg-deck-fxp .mg-set-btn,.mg-deck-fxp .mg-btn-exit,.mg-deck-fxp .mg-btn-close{
  border-radius:4px;background:linear-gradient(180deg,#FF2A36 0%,#C8000D 100%)!important;color:#fff!important;
  box-shadow:0 8px 20px -6px rgba(227,6,19,.65)!important;
}

/* Altitude (pep) Manage Deck: soft 3D glassmorphic card with capsule $ input & royal-blue 3D buttons */
.mg-deck-pep{
  border-radius:26px!important;background:rgba(255,255,255,.92)!important;
  border:1.5px solid #FFFFFF!important;box-shadow:0 18px 36px -18px rgba(11,43,217,.28)!important;
}
.mg-deck-pep .mg-inp-box{border-radius:999px;padding-left:16px;padding-right:16px;background:#F3F6FD;border:1.5px solid rgba(27,77,255,.22)}
.mg-deck-pep .mg-set-btn,.mg-deck-pep .mg-btn-exit,.mg-deck-pep .mg-btn-close{
  border-radius:999px;background:linear-gradient(135deg,#0B2BD9 0%,#1B4DFF 55%,#3FA9FF 100%)!important;color:#fff!important;
  box-shadow:0 10px 22px -8px rgba(27,77,255,.55)!important;
}

/* Hornet (exn) Manage Deck: tactical obsidian deck with gold hazard-stripe top edge & solid Electric Gold (#FACC15) button */
.mg-deck-exn{
  position:relative;overflow:hidden;border-radius:12px!important;
  background:#14171E!important;border:1.5px solid rgba(250,204,21,.45)!important;
}
.exn-hazard{
  display:block;height:5px;margin:-16px -16px 8px -16px;
  background:repeating-linear-gradient(-45deg,#FACC15,#FACC15 8px,#141414 8px,#141414 16px);
}
.mg-deck-exn .mg-unit-badge{background:rgba(250,204,21,.16);color:#FACC15;border:1px solid rgba(250,204,21,.35)}
.mg-deck-exn .mg-inp-box{border-radius:8px;background:#0C0E12;border:1.5px solid rgba(250,204,21,.45)}
.mg-deck-exn .mg-set-btn,.mg-deck-exn .mg-btn-exit,.mg-deck-exn .mg-btn-close{
  border-radius:8px;background:#FACC15!important;color:#141414!important;font-weight:800!important;
  box-shadow:0 8px 20px -6px rgba(250,204,21,.5)!important;
}

/* Terminal (icm) Manage Deck: structured dark slate-obsidian DMA execution ticket */
.mg-deck-icm{
  border-radius:8px!important;background:#0F1624!important;border:1px solid rgba(148,163,184,.24)!important;
}
.mg-deck-icm .mg-inp-box{border-radius:6px;background:#090D16;border:1px solid rgba(16,185,129,.4);font-family:var(--mono)}

/* 6. Distinct Calendar History UI per Paid Theme + Live Running Indicator on Today's Cell */
.c-live-dot{
  font-family:var(--mono);font-size:8.5px;font-weight:800;padding:1px 5px;border-radius:999px;
  background:rgba(52,211,154,.2);color:#34D39A;border:1px solid rgba(52,211,154,.45);
  animation:pulse 1.5s infinite;white-space:nowrap;
}
.c-live-tag{
  font-size:10px;font-weight:700;color:#34D39A;margin-top:auto;
}
.cal .c.today{box-shadow:inset 0 0 0 1.5px var(--sig)}

/* Race (fxp) Calendar: 20-LED Season Pace Bar + 4 sector pods + Pit-Board carbon tiles */
.cal-hero-fxp{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:6px;background:#111216;border:1px solid rgba(255,255,255,.12);border-left:4px solid #E30613}
.fxp-pace-bar{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.fxp-pace-bar i{height:7px;border-radius:1.5px;background:rgba(255,255,255,.1)}
.fxp-sectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:460px){.fxp-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fxp-sectors .sec{padding:8px 10px;border-radius:4px;background:#181A20;border-top:2px solid #E30613;display:flex;flex-direction:column;gap:2px}
.fxp-sectors .sec span{font-size:10.5px;color:var(--t3)}
.fxp-sectors .sec b{font-size:15px;font-weight:800}
.cal-grid-fxp .c .c-bar.idle{background:rgba(255,255,255,.12)}
.cal-grid-fxp .c .d{font-family:var(--disp);font-weight:800;letter-spacing:.03em}

/* Altitude (pep) Calendar: 4 floating glass stat bubbles + soft blue bento tray */
.cal-hero-pep{padding:16px;border-radius:26px;background:linear-gradient(135deg,#0B2BD9 0%,#1B4DFF 55%,#3FA9FF 100%);box-shadow:0 18px 36px -18px rgba(27,77,255,.65)}
.pep-bubbles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
@media (max-width:460px){.pep-bubbles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pep-bubbles .bub{padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:2px;color:#fff}
.pep-bubbles .bub span{font-size:10.5px;opacity:.85}
.pep-bubbles .bub b{font-size:16px;font-weight:800;color:#fff}
.cal-grid-pep{padding:10px;border-radius:24px;background:#E6EEFA;gap:7px}
.cal-grid-pep .c{border-radius:18px!important;background:#FFFFFF!important;border:1px solid rgba(27,77,255,.08)!important;box-shadow:0 6px 14px -8px rgba(10,18,53,.16)}
.cal-grid-pep .c.pos{background:linear-gradient(180deg,#FFFFFF 0%,#ECFDF5 100%)!important;border-color:rgba(0,168,107,.28)!important}
.cal-grid-pep .c.neg{background:linear-gradient(180deg,#FFFFFF 0%,#FFF1F2 100%)!important;border-color:rgba(229,54,79,.28)!important}
.cal-grid-pep .c .d{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#EEF3FD;font-size:10.5px;font-weight:700;color:#0A1235}
.c-orb{width:7px;height:7px;border-radius:50%;display:inline-block}
.c-orb.pos{background:#00A86B;box-shadow:0 0 6px rgba(0,168,107,.6)}
.c-orb.neg{background:#E5364F;box-shadow:0 0 6px rgba(229,54,79,.6)}

/* Hornet (exn) Calendar: 12-Cell Gold Voltage Bar + chamfered cut-corner dark day tiles with gold borders */
.cal-hero-exn{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#14171E;border:1.5px solid #FACC15}
.cal-hero-exn .lab,.cal-hero-exn span,.cal-hero-exn small{color:#A6ACB6!important}
.cal-hero-exn b{color:#FACC15!important}
.exn-vhead{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;flex-wrap:wrap}
.exn-volt-12{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;width:100%}
.exn-volt-12 i{height:8px;transform:skewX(-16deg);background:rgba(255,255,255,.1);border-radius:2px}
.exn-volt-12 i.on{background:#FACC15;box-shadow:0 0 8px rgba(250,204,21,.65)}
.cal-grid-exn .c{
  border-radius:8px!important;background:#151820!important;border:1px solid rgba(255,255,255,.1)!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
.cal-grid-exn .c.pos{border-color:#FACC15!important;box-shadow:inset 0 0 0 1px rgba(250,204,21,.35)}
.c-bolt{font-size:10px;color:#FACC15}

/* Terminal (icm) Calendar: 4-col bordered institutional ledger header + matrix cells with 2T badge & mini P&L bar */
.cal-hero-icm{padding:0!important;border-radius:8px!important;overflow:hidden;background:#0F172A!important;border:1px solid rgba(148,163,184,.24)!important}
.icm-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
@media (max-width:460px){.icm-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
.icm-ledger>div{padding:11px 12px;border-right:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;gap:2px}
.icm-ledger>div:last-child{border-right:0}
.icm-ledger span{font-size:10.5px;color:var(--t3)}
.icm-ledger b{font-family:var(--mono);font-size:15.5px;font-weight:700}
.c-tcnt{font-family:var(--mono);font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:3px;background:rgba(148,163,184,.16);color:#CBD5E1}
.c-mbar{display:block;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden;margin:2px 0}
.c-mbar em{display:block;height:100%}
.c-mbar.pos em{background:#10B981}
.c-mbar.neg em{background:#F43F5E}

/* 7. In-App Share Trade Poster Modal & 7-Theme Live Switcher */
.sh-modal-wrap{display:flex;flex-direction:column;gap:12px;width:100%}
.sh-modal-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sh-modal-top b{font-size:15.5px;font-weight:700;color:var(--t1)}
.sh-stage{
  position:relative;width:100%;max-width:310px;aspect-ratio:4/5;margin:0 auto;
  border-radius:18px;overflow:hidden;background:#070A12;border:1px solid var(--hair-2);
  box-shadow:0 18px 40px -16px rgba(0,0,0,.65);display:grid;place-items:center;
}
.sh-stage img{width:100%;height:100%;object-fit:contain;display:block}
.sh-spin{
  position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(7,10,18,.65);backdrop-filter:blur(4px);
  font-size:13px;font-weight:600;color:#fff;
}

/* ================= v28: PURE WH LOGO, 4-PART THEME HOME, ROBOT/HORNET/DIAMOND/RACE MASCOTS, BIG-NUMBER THEMED CALENDAR & 9:16 IG STORY SHARE ================= */

/* 1. Pure WH Vector Logo — Transparent Background Everywhere (No Square Box!) */
.wh-logo,.mark.wh-logo{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  display:inline-block;vertical-align:middle;flex:none;
}
.side .br.wh-brand{
  display:flex;align-items:center;justify-content:flex-start;padding:8px 10px 10px;
}
.coach .mk,.who .mk{
  background:transparent!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;
}

/* 2. Mascot Artwork Containers in Home Hero, Open/Manage Trade Header & Calendar Header */
.ic-hero-split,.pp-hero-split,.ex-hero-split{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.ic-hleft,.pp-hleft,.ex-hleft{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ic-hmascot,.pp-hmascot,.ex-hmascot,.fx-mascot-box{
  flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.th-mascot{display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.pp-hmoney{font-size:20px;font-weight:700;color:rgba(255,255,255,.92);margin-top:-4px}
.ex-hmoney{font-size:20px;font-weight:800;color:rgba(20,20,20,.82);margin-top:-2px}
.sh-art-banner{height:52px;justify-content:space-between;padding:0 12px}
.sh-art-mascot{position:relative;z-index:1;display:inline-flex;align-items:center}
.sh-art-mascot svg{width:40px!important;height:40px!important}

/* Terminal (icm) v28 Cyber-Robot Electric Green (#00FF9D) Upgrade */
[data-theme="icm"] .ic-hero{
  background:linear-gradient(155deg,#0B2924 0%,#07191D 55%,#050C10 100%)!important;
  border:1.5px solid rgba(0,255,157,.38)!important;
  box-shadow:0 16px 38px -18px rgba(0,255,157,.28)!important;
}
[data-theme="icm"] .ic-tag{color:#00FF9D;letter-spacing:.1em}
[data-theme="icm"] .ic-hmain b{color:#00FF9D;text-shadow:0 0 24px rgba(0,255,157,.28)}
[data-theme="icm"] .card,[data-theme="icm"] .list,[data-theme="icm"] .kpi,[data-theme="icm"] .grp,[data-theme="icm"] .gi,[data-theme="icm"] .exi,[data-theme="icm"] .nt-rbar-icm,[data-theme="icm"] .tm-icm{
  border-color:rgba(0,255,157,.25)!important;
}

/* 3. Theme-Based Performance Section on #home (Only 4 Clear Stats: Win Rate, Avg. Win, Avg. Loss, Trades) */
.hm-perf{
  padding:16px;border-radius:18px;background:var(--s1);border:1px solid var(--hair-2);
  display:flex;flex-direction:column;gap:12px;
}
.hmp-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hmp-head h2{margin:0;font-size:16px;font-weight:700;color:var(--t1)}
.hmp-tag{
  font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.06em;
  padding:3px 9px;border-radius:999px;background:var(--sig-soft);color:var(--sig-text);
}
.hmp-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
}
@media (max-width:640px){.hmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hmp-cell{
  padding:12px 14px;border-radius:14px;background:var(--s2);border:1px solid var(--hair);
  display:flex;flex-direction:column;justify-content:space-between;gap:4px;
}
.hmp-cell .lab{font-size:11.5px;color:var(--t2)}
.hmp-cell b{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.hmp-bar{height:6px;border-radius:999px;background:var(--s3);overflow:hidden;margin-top:4px}
.hmp-bar i{display:block;height:100%;border-radius:999px;background:var(--sig)}

/* Per-theme Performance Section Signatures */
.hm-perf-icm{border-radius:10px;background:#07161B;border:1.5px solid rgba(0,255,157,.32)}
.hm-perf-icm .hmp-cell{border-radius:8px;background:#0B2027;border:1px solid rgba(0,255,157,.22)}
.hm-perf-icm .hmp-cell b{font-family:var(--mono)}
.hm-perf-icm .hmp-bar i{background:linear-gradient(90deg,#00FF9D,#00E5FF)}

.hm-perf-pep{border-radius:26px;background:rgba(255,255,255,.88);border:1.5px solid #FFFFFF;box-shadow:0 16px 34px -18px rgba(11,43,217,.22)}
.hm-perf-pep .hmp-cell{border-radius:18px;background:#FFFFFF;border:1px solid rgba(27,77,255,.10);box-shadow:0 8px 18px -10px rgba(11,43,217,.16)}
.hm-perf-pep .hmp-bar i{background:linear-gradient(90deg,#0B2BD9,#3FA9FF)}

.hm-perf-exn{border-radius:14px;background:#14171E;border:1.5px solid rgba(250,204,21,.45)}
.hm-perf-exn .hmp-tag{background:#FACC15;color:#141414}
.hm-perf-exn .hmp-cell{
  border-radius:8px;background:#1A1E27;border:1px solid rgba(250,204,21,.28);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.hm-perf-exn .hmp-bar i{background:#FACC15}

.hm-perf-fxp{border-radius:6px;background:#111216;border:1px solid rgba(255,255,255,.12);border-left:4px solid #E30613}
.hm-perf-fxp .hmp-tag{background:rgba(227,6,19,.2);color:#FF4D4D;border-radius:4px}
.hm-perf-fxp .hmp-cell{border-radius:4px;background:#17191F;border:1px solid rgba(255,255,255,.08);border-top:2px solid #E30613}
.hm-perf-fxp .hmp-cell b{font-family:var(--disp);font-style:italic;font-size:26px;letter-spacing:.01em}

/* 4. Theme-Based Your Playbook & Your Edge Cards with Small R Badge Beside Each Item */
.hm-pe-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
}
@media (max-width:680px){.hm-pe-grid{grid-template-columns:1fr}}
.hm-pe-card{
  padding:16px;border-radius:18px;background:var(--s1);border:1px solid var(--hair-2);
  display:flex;flex-direction:column;gap:12px;
}
.pe-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pe-head h3{margin:0;font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--t1)}
.pe-head h3 svg{width:18px;height:18px;color:var(--sig-text)}
.pe-list{display:flex;flex-direction:column;gap:8px}
.pe-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border-radius:13px;background:var(--s2);border:1px solid var(--hair);
  text-decoration:none;color:inherit;transition:transform .14s,border-color .14s;
}
@media (hover:hover){.pe-row:hover{transform:translateY(-1px);border-color:var(--sig)}}
.pe-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pe-ico{
  width:34px;height:34px;border-radius:10px;background:var(--sig-soft);color:var(--sig-text);
  display:grid;place-items:center;flex:none;
}
.pe-ico svg{width:17px;height:17px}
.pe-txt{display:flex;flex-direction:column;min-width:0}
.pe-txt b{font-size:14px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-txt small{font-size:11.5px;color:var(--t2)}
.pe-r-pill{
  font-family:var(--num);font-size:13.5px;font-weight:800;padding:4px 10px;border-radius:999px;
  background:var(--s3);border:1px solid var(--hair-2);flex:none;white-space:nowrap;
}
.pe-r-pill.win{background:var(--win-soft);color:var(--win);border-color:color-mix(in srgb,var(--win) 40%,transparent)}
.pe-r-pill.loss{background:var(--loss-soft);color:var(--loss);border-color:color-mix(in srgb,var(--loss) 40%,transparent)}
.pe-r-pill.sm{font-size:12.5px;padding:3px 8px}

.pe-chips{display:flex;flex-wrap:wrap;gap:8px}
.pe-chip-item{
  display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:12px;
  background:var(--s2);border:1px solid var(--hair);text-decoration:none;color:inherit;
  transition:transform .14s,border-color .14s;
}
@media (hover:hover){.pe-chip-item:hover{transform:translateY(-1px);border-color:var(--sig)}}
.pe-cname{font-size:13.5px;font-weight:600;color:var(--t1)}
.pe-empty{margin:4px 0;font-size:13px}

/* Per-theme Playbook & Edge Card Signatures */
.hm-pe-icm .hm-pe-card{border-radius:10px;background:#07161B;border:1.5px solid rgba(0,255,157,.28)}
.hm-pe-icm .pe-row,.hm-pe-icm .pe-chip-item{border-radius:8px;background:#0B2027;border-color:rgba(0,255,157,.2)}
.hm-pe-pep .hm-pe-card{border-radius:24px;background:rgba(255,255,255,.9);border:1.5px solid #FFFFFF;box-shadow:0 16px 32px -18px rgba(11,43,217,.2)}
.hm-pe-pep .pe-row,.hm-pe-pep .pe-chip-item{border-radius:16px;background:#FFFFFF;border-color:rgba(27,77,255,.12)}
.hm-pe-exn .hm-pe-card{border-radius:14px;background:#14171E;border:1.5px solid rgba(250,204,21,.42)}
.hm-pe-exn .pe-row,.hm-pe-exn .pe-chip-item{border-radius:8px;background:#1A1E27;border-color:rgba(250,204,21,.28)}
.hm-pe-fxp .hm-pe-card{border-radius:6px;background:#111216;border:1px solid rgba(255,255,255,.12);border-top:2px solid #E30613}
.hm-pe-fxp .pe-row,.hm-pe-fxp .pe-chip-item{border-radius:4px;background:#17191F;border-color:rgba(255,255,255,.1)}

/* 5. Redesigned Desktop & Mobile Calendar Day Boxes — BIG Centered Numbers & Distinct Theme Cells */
.cal-mascot{flex:none;display:flex;align-items:center;justify-content:center}
.fxp-cal-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fxp-cal-top .fxp-pace-bar{flex:1}
.cal-hero-pep{display:flex;align-items:center;justify-content:space-between;gap:14px}
.cal-hero-icm{display:flex;align-items:center;justify-content:space-between;padding-right:12px!important}

.cal .c.c-day{
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;
  padding:8px 9px!important;min-height:86px;position:relative;overflow:hidden;
}
@media (min-width:760px){
  .cal .c.c-day{min-height:108px;padding:10px 12px!important}
}
.cal .c.c-day .c-top{
  display:flex;justify-content:space-between;align-items:center;width:100%;z-index:1;
}
.cal .c.c-day .d{
  font-size:12.5px;font-weight:700;color:var(--t2);line-height:1;
}
.cal .c.c-day .c-mid{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  width:100%;text-align:center;z-index:1;margin:2px 0;
}
.cal .c.c-day .c-r{
  font-size:clamp(16px,2.1vw,26px)!important;font-weight:800!important;line-height:1.05!important;
  letter-spacing:-.03em!important;display:block;text-align:center;
}
.cal .c.c-day .c-pl-pill{
  font-size:clamp(10.5px,1.05vw,12.5px);font-weight:700;line-height:1.15;
  padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.28);color:var(--t1);
  display:inline-block;white-space:nowrap;
}
.cal .c.c-day.pos .c-pl-pill{background:rgba(52,211,154,.18);color:var(--win)}
.cal .c.c-day.neg .c-pl-pill{background:rgba(255,90,110,.18);color:var(--loss)}
.c-emblem{font-size:12px;line-height:1}

/* Theme 1: Race (fxp) — F1 Pit-Board & Racing Kerb Telemetry Day Cells */
.cal-grid-fxp .c.c-day{
  border-radius:4px!important;
  background:repeating-linear-gradient(135deg,#13151B 0px,#13151B 6px,#0E1015 6px,#0E1015 12px)!important;
  border:1px solid rgba(255,255,255,.11)!important;padding-left:13px!important;
}
.cal-grid-fxp .c.c-day.pos{
  background:linear-gradient(160deg,rgba(43,217,124,.18) 0%,#12151B 85%)!important;
  border-color:rgba(43,217,124,.55)!important;
}
.cal-grid-fxp .c.c-day.neg{
  background:linear-gradient(160deg,rgba(227,6,19,.24) 0%,#12151B 85%)!important;
  border-color:rgba(227,6,19,.6)!important;
}
.c-kerb{
  position:absolute;left:0;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(180deg,#E30613 0px,#E30613 8px,#FFFFFF 8px,#FFFFFF 16px);
  opacity:.35;
}
.c-kerb.pos{
  background:repeating-linear-gradient(180deg,#2BD97C 0px,#2BD97C 8px,#FFFFFF 8px,#FFFFFF 16px);
  opacity:.95;
}
.c-kerb.neg{
  background:repeating-linear-gradient(180deg,#E30613 0px,#E30613 8px,#FFFFFF 8px,#FFFFFF 16px);
  opacity:.95;
}
.cal-grid-fxp .c.c-day .c-r{
  font-family:var(--disp)!important;font-style:italic;font-size:clamp(19px,2.3vw,30px)!important;letter-spacing:0!important;
}

/* Theme 2: Terminal (icm) — Cyber-Robot AI HUD Day Cells */
.cal-grid-icm .c.c-day{
  border-radius:6px!important;background:#07151A!important;
  border:1px solid rgba(0,255,157,.18)!important;
}
.cal-grid-icm .c.c-day.pos{
  background:radial-gradient(circle at center,rgba(0,255,157,.18) 0%,#081C21 85%)!important;
  border:1.5px solid #00FF9D!important;box-shadow:inset 0 0 14px rgba(0,255,157,.14);
}
.cal-grid-icm .c.c-day.neg{
  background:radial-gradient(circle at center,rgba(255,77,109,.18) 0%,#180B12 85%)!important;
  border:1.5px solid #FF4D6D!important;
}
.c-hud-cr{position:absolute;width:8px;height:8px;border-color:#00FF9D;border-style:solid;pointer-events:none;opacity:.65}
.c-hud-cr.tl{top:2px;left:2px;border-width:2px 0 0 2px}
.c-hud-cr.br{bottom:2px;right:2px;border-width:0 2px 2px 0}
.cal-grid-icm .c.c-day .c-r{font-family:var(--mono)!important}
.c-tcnt.icm{background:rgba(0,255,157,.14);color:#00FF9D;border:1px solid rgba(0,255,157,.3)}

/* Theme 3: Hornet (exn) — Cyber-Hornet Honeycomb Armor Day Cells */
.cal-grid-exn .c.c-day{
  border-radius:10px!important;background:#14171F!important;
  border:1px solid rgba(255,255,255,.10)!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.cal-grid-exn .c.c-day.pos{
  background:linear-gradient(155deg,rgba(250,204,21,.22) 0%,#171B22 80%)!important;
  border:1.5px solid #FACC15!important;
}
.cal-grid-exn .c.c-day.neg{
  background:linear-gradient(155deg,rgba(255,90,95,.20) 0%,#1A1316 80%)!important;
  border:1.5px solid #FF5A5F!important;
}
.cal-grid-exn .c.c-day.pos .c-r{color:#FACC15!important;text-shadow:0 0 14px rgba(250,204,21,.3)}
.cal-grid-exn .c.c-day.pos .c-pl-pill{background:rgba(250,204,21,.2);color:#FACC15}

/* Theme 4: Altitude (pep) — 3D Crystal Diamond Bento Day Cells */
.cal-grid-pep .c.c-day{
  border-radius:20px!important;background:#FFFFFF!important;
  border:1.5px solid rgba(27,77,255,.10)!important;
  box-shadow:0 8px 18px -10px rgba(10,18,53,.18);
}
.cal-grid-pep .c.c-day.pos{
  background:linear-gradient(180deg,#FFFFFF 0%,#E0F2FE 100%)!important;
  border-color:rgba(27,77,255,.38)!important;
  box-shadow:0 10px 22px -10px rgba(27,77,255,.35);
}
.cal-grid-pep .c.c-day.neg{
  background:linear-gradient(180deg,#FFFFFF 0%,#FFE4E6 100%)!important;
  border-color:rgba(229,54,79,.35)!important;
}
.cal-grid-pep .c.c-day.pos .c-pl-pill{background:rgba(27,77,255,.12);color:#0B2BD9}
.cal-grid-pep .c.c-day.neg .c-pl-pill{background:rgba(229,54,79,.14);color:#E5364F}

/* 6. 9:16 IG Story Share Modal Stage */
.sh-stage.sh-stage-916{
  aspect-ratio:9/16!important;
  max-height:54vh!important;
  width:auto!important;
  max-width:265px!important;
  margin:0 auto!important;
  border-radius:20px;
}

/* v28.1: Calendar Hero Specificity & Even Bigger Centered Day Numbers */
.cal-th-exn .cal-hero.cal-hero-exn{
  background:linear-gradient(155deg,#171B24 0%,#0E1015 100%)!important;
  border:2px solid #FACC15!important;color:#F5F5F0!important;
  box-shadow:0 16px 34px -18px rgba(250,204,21,.35)!important;
}
.cal-th-exn .cal-hero.cal-hero-exn .lab{color:#FACC15!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-main b{color:#FACC15!important;font-size:34px!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-kpis b{color:#3DD68C!important}

.cal-th-icm .cal-hero.cal-hero-icm{
  background:linear-gradient(155deg,#09221E 0%,#061317 100%)!important;
  border:1.5px solid #00FF9D!important;
  box-shadow:0 16px 34px -18px rgba(0,255,157,.32)!important;
}

.cal .c.c-day .c-r{
  font-size:clamp(20px,2.45vw,31px)!important;
  font-weight:800!important;
}
.cal .c.c-day .c-pl-pill{
  font-size:clamp(11.5px,1.15vw,13.5px)!important;
  padding:3px 10px!important;
}
.cal-grid-exn .c.c-day{
  border-radius:0!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)!important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.12)!important;
}
.cal-grid-exn .c.c-day.pos{
  box-shadow:inset 0 0 0 2px #FACC15,inset 0 0 18px rgba(250,204,21,.22)!important;
}
.cal-grid-exn .c.c-day.neg{
  box-shadow:inset 0 0 0 2px #FF5A5F!important;
}
.cal-grid-fxp .c.c-day{
  padding-left:15px!important;
}
.c-kerb{width:7px!important}

/* ================= v29: UNIFIED FULL-WIDTH CALENDAR HERO WITH BLENDED MASCOTS, PURE R BY DEFAULT, & LUXURY 3D ROYAL SAPPHIRE DIAMOND THEME ================= */

/* 1. Edition Header Mini Mascot Badge (Replaces duplicate WH logo in Race/Hornet/Prop home headers) */
.ed-mini-msc{
  width:42px;height:42px;border-radius:12px;background:var(--s2);border:1px solid var(--hair-2);
  display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;
}
.ed-mini-msc svg{width:32px!important;height:32px!important}

/* 2. Unified Full-Width Calendar Header (.cal-hero) with Seamlessly Blended Mascot on the Right */
.cal-wrap .cal-hero{
  position:relative!important;overflow:hidden!important;
  width:100%!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;
  min-height:126px!important;padding:20px 24px!important;
  border-radius:18px!important;
}
.cal-wrap .cal-hero.has-mascot{
  padding-right:136px!important;
}
@media (max-width:560px){
  .cal-wrap .cal-hero.has-mascot{padding-right:104px!important}
}
.ch-content{
  position:relative;z-index:2;flex:1;min-width:0;width:100%;
  display:flex;flex-direction:column;gap:12px;
}
.ch-stats-row{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;align-items:center;width:100%;
}
@media (max-width:640px){
  .ch-stats-row{grid-template-columns:1fr 1fr;gap:10px}
}
.ch-stat{
  display:flex;flex-direction:column;gap:3px;min-width:0;
}
.ch-lbl{
  font-size:11.5px;font-weight:600;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ch-val{
  font-size:19px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--t1);
}
.ch-val.big{
  font-size:34px!important;line-height:1!important;letter-spacing:-.04em!important;
}
.ch-sub{
  font-size:12.5px;font-weight:700;color:var(--t2);
}
.ch-pace{
  width:100%;margin-top:2px;
}
.icm-ruler-20{
  display:grid;grid-template-columns:repeat(20,1fr);align-items:end;gap:3px;height:10px;
}
.icm-ruler-20 i{display:block;height:5px;background:rgba(0,255,157,.16);border-radius:1px}
.icm-ruler-20 i.maj{height:9px}
.icm-ruler-20 i.on{background:#00FF9D;box-shadow:0 0 6px rgba(0,255,157,.65)}

.pep-prism-12{
  display:grid;grid-template-columns:repeat(12,1fr);gap:5px;height:8px;
}
.pep-prism-12 i{display:block;height:100%;border-radius:999px;background:rgba(255,255,255,.18)}
.pep-prism-12 i.on{background:linear-gradient(90deg,#BAE6FD,#38BDF8);box-shadow:0 0 10px rgba(56,189,248,.8)}

/* Blended Mascot & Faded Watermark Inside Right Side of .cal-hero */
.ch-watermark{
  position:absolute;right:-18px;top:50%;transform:translateY(-50%) rotate(6deg);
  width:165px;height:165px;opacity:.11;pointer-events:none;z-index:1;
  display:grid;place-items:center;
}
.ch-watermark svg{width:165px!important;height:165px!important}
.ch-mascot-blend{
  position:absolute;right:20px;top:50%;transform:translateY(-50%);
  width:90px;height:90px;display:grid;place-items:center;z-index:2;pointer-events:none;
}
.ch-mascot-blend svg{width:84px!important;height:84px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.ch-msc-glow{
  position:absolute;inset:-12px;border-radius:50%;
  background:radial-gradient(circle,var(--sig-soft) 0%,transparent 70%);
  z-index:-1;
}
@media (max-width:560px){
  .ch-mascot-blend{right:12px;width:72px;height:72px}
  .ch-mascot-blend svg{width:68px!important;height:68px!important}
}

/* Per-Theme .cal-hero Styling (All Full-Width & Consistent!) */
.cal-th-icm .cal-hero.cal-hero-icm{
  border-radius:10px!important;
  background:linear-gradient(135deg,#092420 0%,#061419 65%,#050E12 100%)!important;
  border:1.5px solid rgba(0,255,157,.45)!important;
  box-shadow:0 18px 40px -18px rgba(0,255,157,.28)!important;
}
.cal-th-icm .cal-hero.cal-hero-icm .ch-val.big{color:#00FF9D!important;font-family:var(--mono)}
.cal-th-icm .cal-hero.cal-hero-icm .ch-msc-glow{background:radial-gradient(circle,rgba(0,255,157,.28) 0%,transparent 70%)}

.cal-th-exn .cal-hero.cal-hero-exn{
  border-radius:16px!important;
  background:linear-gradient(135deg,#181C26 0%,#101218 65%,#1F1B0C 100%)!important;
  border:2px solid #FACC15!important;
  box-shadow:0 18px 40px -18px rgba(250,204,21,.32)!important;
}
.cal-th-exn .cal-hero.cal-hero-exn .ch-lbl{color:#A6ACB6!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-val{color:#F5F5F0!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-val.big{color:#FACC15!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-val.win{color:#3DD68C!important}
.cal-th-exn .cal-hero.cal-hero-exn .ch-msc-glow{background:radial-gradient(circle,rgba(250,204,21,.32) 0%,transparent 70%)}

.cal-th-fxp .cal-hero.cal-hero-fxp{
  border-radius:6px!important;
  background:linear-gradient(135deg,#1A1114 0%,#111216 55%,#0B0C0F 100%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-left:5px solid #E30613!important;
  box-shadow:0 18px 40px -18px rgba(227,6,19,.35)!important;
}
.cal-th-fxp .cal-hero.cal-hero-fxp .ch-val.big{font-family:var(--disp);font-style:italic;font-size:38px!important;color:#FFFFFF!important}
.cal-th-fxp .cal-hero.cal-hero-fxp .ch-msc-glow{background:radial-gradient(circle,rgba(227,6,19,.35) 0%,transparent 70%)}

.cal-th-pep .cal-hero.cal-hero-pep{
  border-radius:26px!important;
  background:linear-gradient(135deg,#0D285E 0%,#1D4ED8 48%,#0284C7 82%,#38BDF8 100%)!important;
  border:1.5px solid rgba(186,230,253,.55)!important;
  box-shadow:0 22px 48px -18px rgba(2,132,199,.65),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.cal-th-pep .cal-hero.cal-hero-pep .ch-lbl{color:#E0F2FE!important}
.cal-th-pep .cal-hero.cal-hero-pep .ch-val,.cal-th-pep .cal-hero.cal-hero-pep .ch-val.big{color:#FFFFFF!important;text-shadow:0 4px 16px rgba(4,16,38,.35)}
.cal-th-pep .cal-hero.cal-hero-pep .ch-msc-glow{background:radial-gradient(circle,rgba(255,255,255,.38) 0%,transparent 70%)}

/* 3. Remake Diamond (pep) into an Ultra-Luxury 3D Royal Sapphire & Prismatic Ice-Crystal Theme */
[data-theme="pep"] .side{
  background:linear-gradient(180deg,rgba(8,20,44,.94) 0%,rgba(5,13,30,.96) 100%)!important;
  border-right:1px solid rgba(125,211,252,.22)!important;
}
[data-theme="pep"] .card,[data-theme="pep"] .list,[data-theme="pep"] .kpi,[data-theme="pep"] .grp,[data-theme="pep"] .gi,[data-theme="pep"] .exi,[data-theme="pep"] .mathc,[data-theme="pep"] .pp-list,[data-theme="pep"] .pp-card{
  background:linear-gradient(145deg,rgba(18,41,82,.84) 0%,rgba(10,24,52,.92) 100%)!important;
  border:1px solid rgba(125,211,252,.32)!important;
  box-shadow:0 20px 44px -18px rgba(2,8,23,.78),inset 0 1px 0 rgba(255,255,255,.22)!important;
  color:#F8FAFC!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
[data-theme="pep"] .pp-ed-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:11px;font-weight:800;letter-spacing:.08em;
  color:#7DD3FC;text-shadow:0 0 12px rgba(56,189,248,.35);
}
[data-theme="pep"] .pp-hdr h1,[data-theme="pep"] .hdr h1{
  color:#F8FAFC!important;text-shadow:0 4px 20px rgba(56,189,248,.25);
}
[data-theme="pep"] .pp-hero{
  background:linear-gradient(135deg,#0D285E 0%,#1D4ED8 45%,#0284C7 80%,#38BDF8 100%)!important;
  border:1.5px solid rgba(186,230,253,.55)!important;
  box-shadow:0 26px 56px -22px rgba(2,132,199,.75),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
.pp-hero i.dm-prism{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.12) 36%,transparent 48%,rgba(186,230,253,.10) 68%,transparent 80%);
}
[data-theme="pep"] .hm-perf-pep,[data-theme="pep"] .hm-pe-pep .hm-pe-card{
  background:linear-gradient(145deg,rgba(18,41,82,.84) 0%,rgba(10,24,52,.92) 100%)!important;
  border:1.5px solid rgba(125,211,252,.36)!important;
  box-shadow:0 20px 44px -18px rgba(2,8,23,.78),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
[data-theme="pep"] .hm-perf-pep .hmp-cell,[data-theme="pep"] .hm-pe-pep .pe-row,[data-theme="pep"] .hm-pe-pep .pe-chip-item{
  background:linear-gradient(160deg,rgba(26,56,108,.75) 0%,rgba(14,33,68,.88) 100%)!important;
  border:1px solid rgba(125,211,252,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
[data-theme="pep"] .hm-perf-pep .hmp-bar i{
  background:linear-gradient(90deg,#38BDF8,#818CF8,#E0F2FE)!important;
  box-shadow:0 0 10px rgba(56,189,248,.6);
}

/* Luxury 3D Sapphire Crystal Calendar Grid & Day Cells in Diamond (pep) */
.cal-grid-pep{
  padding:12px!important;border-radius:26px!important;
  background:linear-gradient(160deg,rgba(12,28,58,.86) 0%,rgba(7,18,38,.92) 100%)!important;
  border:1.5px solid rgba(125,211,252,.28)!important;
  box-shadow:0 22px 48px -20px rgba(2,8,23,.85),inset 0 1px 0 rgba(255,255,255,.16)!important;
  gap:8px!important;
}
.cal-grid-pep .wd{color:#7DD3FC!important;font-weight:700}
.cal-grid-pep .c.c-day{
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(20,44,86,.78) 0%,rgba(11,26,54,.88) 100%)!important;
  border:1px solid rgba(125,211,252,.22)!important;
  box-shadow:0 8px 20px -10px rgba(2,8,23,.65),inset 0 1px 0 rgba(255,255,255,.14)!important;
  color:#F8FAFC!important;
}
.cal-grid-pep .c.c-day .d{
  background:rgba(56,189,248,.16)!important;color:#BAE6FD!important;
  border:1px solid rgba(125,211,252,.28);
}
.c-dm-shine{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.10) 0%,transparent 45%);
}
.cal-grid-pep .c.c-day.pos{
  background:linear-gradient(145deg,rgba(14,116,144,.52) 0%,rgba(29,78,216,.48) 55%,rgba(16,185,129,.28) 100%)!important;
  border:1.5px solid #38BDF8!important;
  box-shadow:0 10px 24px -8px rgba(56,189,248,.42),inset 0 0 16px rgba(56,189,248,.22)!important;
}
.cal-grid-pep .c.c-day.pos .c-r{
  color:#7DD3FC!important;text-shadow:0 0 16px rgba(56,189,248,.45);
}
.cal-grid-pep .c.c-day.neg{
  background:linear-gradient(145deg,rgba(136,19,55,.55) 0%,rgba(30,27,75,.75) 100%)!important;
  border:1.5px solid #FB7185!important;
}
.cal-grid-pep .c.c-day.neg .c-r{color:#FDA4AF!important}
.cal-grid-pep .c.c-day.pos .c-pl-pill{background:rgba(56,189,248,.22)!important;color:#E0F2FE!important}
.cal-grid-pep .c.c-day.neg .c-pl-pill{background:rgba(251,113,133,.22)!important;color:#FFE4E6!important}

/* Luxury 3D Sapphire Crystal Manage Trade Sheet in Diamond (pep) */
[data-theme="pep"] .sheet .panel{
  background:linear-gradient(165deg,#0B1D3D 0%,#061024 100%)!important;
  border-top:1.5px solid rgba(125,211,252,.45)!important;
  border-left:1.5px solid rgba(125,211,252,.35)!important;
  color:#F8FAFC!important;
}
[data-theme="pep"] .ib{
  background:rgba(24,53,102,.75)!important;color:#E0F2FE!important;border:1px solid rgba(125,211,252,.3)!important;
}
.sh-th-pep .field{
  background:rgba(16,37,74,.82)!important;border:1px solid rgba(125,211,252,.3)!important;color:#F8FAFC!important;
}
.tm-stats-pep .tm-stat-cell{
  background:rgba(15,34,68,.85)!important;border:1px solid rgba(125,211,252,.38)!important;color:#F8FAFC!important;
}
.tm-stats-pep .tm-stat-cell span{color:#BAE6FD!important}
.tm-stats-pep .tm-stat-cell b{color:#FFFFFF!important}
.mg-deck-pep{
  background:linear-gradient(145deg,rgba(18,41,82,.90) 0%,rgba(10,24,52,.95) 100%)!important;
  border:1.5px solid rgba(125,211,252,.42)!important;
  box-shadow:0 18px 36px -18px rgba(2,8,23,.8),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.mg-deck-pep .mg-inp-box{
  background:#091730!important;border:1.5px solid rgba(56,189,248,.45)!important;color:#F8FAFC!important;
}
[data-theme="pep"] .pp-pill{
  background:rgba(12,28,58,.92)!important;border:1px solid rgba(125,211,252,.35)!important;
}
[data-theme="pep"] .pp-pill .tab{color:#93C5FD}

/* v29.1: Blended Home Hero Mascot Watermarks & Deep 3D Royal Sapphire Crystal Hero for Diamond (pep) */
.ic-hero{position:relative;overflow:hidden}
.ic-hmascot,.pp-hmascot,.ex-hmascot,.fx-mascot-box{
  position:relative;z-index:2;padding-right:8px;
}
.hm-msc-watermark{
  position:absolute;right:-36px;top:50%;transform:translateY(-50%) rotate(8deg);
  width:170px;height:170px;opacity:.12;pointer-events:none;z-index:-1;
  display:grid;place-items:center;
}
.hm-msc-watermark svg{width:170px!important;height:170px!important}
.hm-msc-aura{
  position:absolute;inset:-18px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.24) 0%,transparent 70%);
  z-index:-1;pointer-events:none;
}
.ic-hmascot .hm-msc-aura{background:radial-gradient(circle,rgba(0,255,157,.28) 0%,transparent 70%)}
.ex-hmascot .hm-msc-aura{background:radial-gradient(circle,rgba(20,20,20,.18) 0%,transparent 70%)}
.fx-mascot-box .hm-msc-aura{background:radial-gradient(circle,rgba(227,6,19,.32) 0%,transparent 70%)}

/* Deeper 3D Royal Sapphire & Prismatic Ice-Crystal Hero Card on #home for Diamond (pep) */
[data-theme="pep"] .pp-hero{
  background:
    radial-gradient(circle at 82% 28%,rgba(56,189,248,.42) 0%,transparent 52%),
    radial-gradient(circle at 18% 88%,rgba(99,102,241,.35) 0%,transparent 55%),
    linear-gradient(135deg,#06132E 0%,#0D2556 42%,#153B82 76%,#0284C7 100%)!important;
  border:1.5px solid rgba(125,211,252,.65)!important;
  box-shadow:0 28px 60px -20px rgba(2,8,23,.88),0 0 36px rgba(56,189,248,.22),inset 0 1.5px 0 rgba(255,255,255,.45)!important;
}
[data-theme="pep"] .pp-hero .pp-hleft>b{
  font:800 68px/1 var(--num);letter-spacing:-.055em;
  background:linear-gradient(180deg,#FFFFFF 20%,#BAE6FD 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 18px rgba(2,132,199,.45));
}

/* ================= v30: EDITABLE PROFILE NAME, HERO MASCOT THEME THUMBNAILS, INLINE MAIN-CARD THEME BADGE & CLEAN READ-ONLY MANAGE TRADE ================= */

/* 1. Inline Editable Profile Name Card in #settings */
.st-prof-card{
  padding:14px 16px!important;
}
.st-prof-top{
  display:flex;align-items:center;gap:14px;
}
.st-prof-top .avb{
  position:relative;flex:none;border:0;background:none;padding:0;cursor:pointer;
}
.st-prof-meta{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;
}
.st-prof-inp-row{
  display:flex;align-items:center;gap:8px;
}
.st-prof-inp-row .input{
  flex:1;min-width:0;min-height:40px;padding:7px 12px;font-weight:700;font-size:15px;
}

/* 2. Theme Studio Hero Mascot Thumbnails (.ts-vis-hero) */
.ts-vis3.ts-vis-hero{
  height:142px!important;padding:10px 14px!important;
  display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
}
.ts-vh-exn{
  background:radial-gradient(circle at 80% 55%,rgba(250,204,21,.22),transparent 62%),linear-gradient(145deg,#14171F 0%,#0B0D12 100%)!important;
}
.ts-vh-pep{
  background:radial-gradient(circle at 80% 50%,rgba(56,189,248,.32),transparent 65%),linear-gradient(135deg,#0B2454 0%,#163C82 55%,#071636 100%)!important;
}
.ts-vh-icm{
  background:radial-gradient(circle at 80% 55%,rgba(0,255,157,.24),transparent 62%),linear-gradient(145deg,#071A1E 0%,#040B0E 100%)!important;
}
.ts-vh-fxp{
  background:radial-gradient(circle at 80% 55%,rgba(227,6,19,.28),transparent 62%),repeating-linear-gradient(135deg,#121318 0px,#121318 6px,#0C0D10 6px,#0C0D10 12px)!important;
}
.ts-hero-art{
  position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px;
}
.tsh-left{
  display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;
}
.tsh-sub{
  font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.08em;opacity:.75;
}
.tsh-r{
  font-family:var(--num);font-size:26px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--tw);
}
.ts-vh-exn .tsh-r{color:#FACC15}
.ts-vh-pep .tsh-r{color:#FFFFFF;text-shadow:0 2px 12px rgba(56,189,248,.45)}
.ts-vh-icm .tsh-r{font-family:var(--mono);color:#00FF9D;text-shadow:0 0 14px rgba(0,255,157,.35)}
.ts-vh-fxp .tsh-r{font-family:var(--disp);font-style:italic;font-size:29px;letter-spacing:0;color:#FFFFFF}

.tsh-bar{display:flex;gap:3px;align-items:center;max-width:130px;margin:2px 0}
.tsh-bar.exn i{flex:1;height:6px;transform:skewX(-18deg);border-radius:1.5px;background:rgba(255,255,255,.14)}
.tsh-bar.exn i.on{background:#FACC15;box-shadow:0 0 6px rgba(250,204,21,.6)}
.tsh-bar.pep i{flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.2)}
.tsh-bar.pep i.on{background:linear-gradient(90deg,#BAE6FD,#38BDF8);box-shadow:0 0 6px rgba(56,189,248,.7)}
.tsh-bar.icm{align-items:end;height:9px}
.tsh-bar.icm i{flex:1;height:5px;background:rgba(0,255,157,.18)}
.tsh-bar.icm i:nth-child(4n+1){height:8px}
.tsh-bar.icm i.on{background:#00FF9D;box-shadow:0 0 5px rgba(0,255,157,.6)}
.tsh-bar.fxp i{flex:1;height:5px;border-radius:1.5px}
.tsh-curve{width:118px;height:22px;display:block}

.tsh-pills{display:flex;gap:5px;margin-top:2px}
.tsh-pills span{
  font-family:var(--mono);font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:5px;
  background:rgba(128,128,128,.18);border:1px solid rgba(128,128,128,.22);
}
.tsh-right{
  position:relative;width:82px;height:82px;display:grid;place-items:center;flex:none;
}
.tsh-right svg.th-mascot{
  width:78px!important;height:78px!important;position:relative;z-index:1;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));transition:transform .2s;
}
@media (hover:hover){.ts-card2:hover .tsh-right svg.th-mascot{transform:scale(1.07) translateY(-2px)}}
.tsh-aura{
  position:absolute;inset:-6px;border-radius:50%;
  background:radial-gradient(circle,var(--ta) 0%,transparent 70%);opacity:.25;pointer-events:none;
}
.tsh-wh-emblem{
  width:64px;height:64px;border-radius:0;background:transparent;
  border:0;box-shadow:none;display:grid;place-items:center;position:relative;z-index:1;
}

/* 3. Manage Trade & Open Trade: Theme Mascot + Small Theme Name Inside Main Card (.tc-theme-sig) */
.eye{
  position:relative;overflow:hidden;
}
.eye-bg-msc{
  position:absolute;right:-14px;top:12px;width:136px;height:136px;
  opacity:.12;pointer-events:none;z-index:0;display:grid;place-items:center;
}
.eye-bg-msc svg{width:136px!important;height:136px!important}
.eye>*:not(.eye-bg-msc){position:relative;z-index:1}

.eye-setup-txt{
  font-size:12.5px;font-weight:600;color:var(--t2);opacity:.88;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;
}
[data-theme="pep"] .eye-setup-txt{color:rgba(255,255,255,.85)}

.tc-theme-sig{
  margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  padding:4px 10px 4px 6px;border-radius:999px;
  background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.16);
  font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--t1);
  flex:none;white-space:nowrap;
}
.tc-theme-sig svg{width:22px!important;height:22px!important;flex:none;display:block}
.tc-sig-exn{background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.45);color:#FACC15;border-radius:8px}
.tc-sig-pep{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.38);color:#FFFFFF}
.tc-sig-icm{background:rgba(0,255,157,.14);border-color:rgba(0,255,157,.42);color:#00FF9D;border-radius:6px}
.tc-sig-fxp{background:rgba(227,6,19,.22);border-color:rgba(227,6,19,.55);color:#FFFFFF;border-radius:4px}

/* 4. Clean Read-Only Top Card in Manage Trade (No inner button-like boxes!) */
.rvault-line{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;
  padding:4px 0 2px;font-size:13.5px;color:var(--t2);
}
[data-theme="pep"] .rvault-line{color:rgba(255,255,255,.88)}
.rvault-line .rv-item b{color:var(--t1);font-weight:800;margin-left:3px}
[data-theme="pep"] .rvault-line .rv-item b{color:#FFFFFF}
.rvault-line .rv-item b.win{color:var(--win)!important}
.rvault-line .rv-item b.loss{color:var(--loss)!important}
.rvault-line .rv-arr{opacity:.65;font-weight:700}

.tm-wrap.tm-clean{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:6px 0 2px!important;margin-top:6px!important;gap:8px!important;
}

/* 5. Signature Theme Icon in front of แบ่งปิด / ปิดเทรด Button */
.mg-btn-exit,.mg-btn-hold{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.th-btn-ic{
  flex:none;display:inline-block;vertical-align:middle;
}

/* ================= v31: HORNET HERO R SIZE, MANAGE TRADE TP + PIN FIX, JOURNAL FILTER MODES, ANIMATED 2-SCREEN PRACTICE & PER-THEME BRAIN ================= */

/* 1. Hornet (exn) Home Total R Hero Number Size Fix */
.ex-card > b,
.ex-card .ex-hleft > b {
  font: 800 64px/1 var(--num) !important;
  letter-spacing: -.05em !important;
  margin: 8px 0 4px !important;
  color: #141414 !important;
  display: block;
}

/* 2. Manage Trade TP ($) Section & Unclipped Pin Badge */
.tm-pin {
  max-width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: left .2s, transform .2s;
}
.mg-tp-sec {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 6px;
  border-top: 1px dashed var(--hair-2);
}
.mg-tp-btn {
  background: linear-gradient(135deg, #10B981, #059669) !important;
  color: #FFFFFF !important;
  border: 0 !important;
  font-weight: 800 !important;
}
[data-theme="exn"] .mg-tp-btn {
  background: #FACC15 !important;
  color: #141414 !important;
}
[data-theme="pep"] .mg-tp-btn {
  background: linear-gradient(135deg, #38BDF8, #2563EB) !important;
  color: #FFFFFF !important;
}
[data-theme="icm"] .mg-tp-btn {
  background: #00FF9D !important;
  color: #031B11 !important;
}

/* 3. Journal Filter Mode Switcher (Symbol / Playbook / Edge) */
.jf-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 2px 0 4px;
}
.jf-modes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.jf-mbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 700;
  background: var(--s2);
  color: var(--t2);
  border: 1px solid var(--hair-2);
  cursor: pointer;
  transition: all .15s;
}
.jf-mbtn svg {
  width: 14px;
  height: 14px;
  flex: none;
}
.jf-mbtn[aria-pressed="true"] {
  background: var(--sig-soft);
  color: var(--sig-text);
  border-color: var(--sig);
  box-shadow: 0 4px 12px -4px color-mix(in srgb, var(--sig) 45%, transparent);
}
[data-theme="exn"] .jf-mbtn[aria-pressed="true"] {
  background: #FACC15;
  color: #141414;
  border-color: #FACC15;
}
[data-theme="fxp"] .jf-mbtn {
  border-radius: 4px;
  transform: skewX(-8deg);
}
[data-theme="fxp"] .jf-mbtn[aria-pressed="true"] {
  background: rgba(227, 6, 19, .24);
  color: #FFFFFF;
  border-color: #E30613;
}
[data-theme="icm"] .jf-mbtn {
  border-radius: 4px;
  font-family: var(--mono);
}

/* 4. Upgraded Animated Interactive 2-Screen Practice Simulation (#practice) */
.psteps .pstep-btn {
  border: 1px solid var(--hair);
  background: var(--s1);
  color: var(--t2);
  padding: 7px 10px;
  border-radius: 12px;
  font-size: 12.5px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: all .15s;
}
.psteps .pstep-btn i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--s3);
  color: var(--t2);
  font-style: normal;
  font-family: var(--mono);
  font-size: 11px;
  display: inline-grid;
  place-items: center;
}
.psteps .pstep-btn.on {
  border-color: var(--sig);
  background: var(--sig-soft);
  color: var(--t1);
  box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--sig) 45%, transparent);
}
.psteps .pstep-btn.on i {
  background: var(--sig);
  color: var(--sig-ink);
}
.psteps .pstep-btn.done {
  border-color: rgba(52, 211, 154, .4);
  color: var(--win);
}
.psteps .pstep-btn.done i {
  background: var(--win);
  color: #031B11;
}

@keyframes p3PulseRing {
  0% { transform: scale(.8); opacity: .95; }
  70% { transform: scale(1.85); opacity: 0; }
  100% { transform: scale(1.85); opacity: 0; }
}
@keyframes p3SlSlideUp {
  0% { transform: translateY(68px); opacity: .35; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes p3CandleGrow {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes p3ArrowBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.p3-chart-stage {
  position: relative;
  width: 100%;
  height: 196px;
  background: radial-gradient(circle at 75% 30%, rgba(56, 189, 248, .12), transparent 60%), #090D16;
  border-bottom: 1px solid #232C40;
  overflow: hidden;
}
.p3-chart-stage.sim-done {
  box-shadow: inset 0 0 28px rgba(16, 185, 129, .22);
}
.p3-chart-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.p3-pulse-ring {
  transform-box: fill-box;
  transform-origin: center;
  animation: p3PulseRing 1.8s infinite cubic-bezier(.16, 1, .3, 1);
}
.p3-sl-slide-up {
  animation: p3SlSlideUp .85s cubic-bezier(.16, 1, .3, 1) forwards;
}
.p3-candles-grow {
  animation: p3CandleGrow .6s ease-out forwards;
}
.p3-arrow-bounce {
  animation: p3ArrowBounce 1.4s infinite ease-in-out;
}

.p3-ext-foot {
  padding: 10px 14px 13px;
  background: #0F1523;
  border-top: 1px solid #232C40;
}
.p3-mt5-sim-btn {
  width: 100%;
  padding: 11px 14px;
  border-radius: 12px;
  border: 1.5px solid #38BDF8;
  background: linear-gradient(135deg, rgba(14, 165, 233, .25), rgba(37, 99, 235, .22));
  color: #F8FAFC;
  font-size: 13.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 8px 20px -8px rgba(56, 189, 248, .55);
  transition: transform .15s, border-color .15s;
}
@media (hover:hover){.p3-mt5-sim-btn:hover{
  transform: translateY(-1px);
  border-color: #7DD3FC;
}}
.p3-mt5-done-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.p3-done-pill {
  font-size: 13px;
  font-weight: 700;
  color: #34D399;
}
.p3-step-num {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 800;
  flex: none;
}

.p3-explain-grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: stretch;
  gap: 8px;
}
@media (max-width: 560px) {
  .p3-explain-grid {
    grid-template-columns: 1fr;
  }
  .p3-exp-arrow {
    display: none !important;
  }
}
.p3-exp-box {
  padding: 11px 13px;
  border-radius: 14px;
  background: var(--s2);
  border: 1px solid var(--hair-2);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.p3-exp-box.mt5 {
  border-left: 3px solid #38BDF8;
}
.p3-exp-box.twh {
  border-left: 3px solid #34D399;
}
.p3-exp-k {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 800;
  color: var(--t1);
}
.p3-exp-box p {
  margin: 0;
  font-size: 12.5px;
  color: var(--t2);
  line-height: 1.45;
}
.p3-exp-arrow {
  display: grid;
  place-items: center;
  color: var(--sig-text);
}
.p3-exp-arrow svg {
  width: 18px;
  height: 18px;
  transform: rotate(-90deg);
}
.p3-app.twh-ready {
  border-color: #34D399 !important;
  box-shadow: 0 0 0 2px rgba(52, 211, 154, .25), 0 18px 36px -16px rgba(16, 185, 129, .4) !important;
}
.p3-live-eye {
  padding: 14px !important;
  border-radius: 18px !important;
}

/* 5. Per-Theme Edition Visual Redesign for #brain (วิเคราะห์) */
.br-page {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.br-dist-head-r {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.br-dist-card,
.brain-grid > .card,
.brain-grid > .best {
  position: relative;
  overflow: hidden;
}
.br-card-watermark {
  position: absolute;
  right: -18px;
  top: 10px;
  width: 130px;
  height: 130px;
  opacity: .09;
  pointer-events: none;
  z-index: 0;
}
.br-card-watermark svg {
  width: 130px !important;
  height: 130px !important;
}
.br-dist-card > *:not(.br-card-watermark):not(.fxp-cr):not(.br-exn-stripe):not(.br-icm-scan):not(.br-pep-gleam) {
  position: relative;
  z-index: 1;
}

/* Bar Tip Markers across all themes */
.br-dist-bar,
.eg .tk.br-bar {
  position: relative;
  overflow: visible !important;
}
.br-dfill,
.br-tk-fill {
  position: relative;
  display: block;
  height: 100%;
  border-radius: inherit;
  transition: width .35s cubic-bezier(.16, 1, .3, 1);
}
.eg .tk .br-tk-fill {
  position: absolute;
  top: 0;
  bottom: 0;
}
.br-tip-mk {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  pointer-events: none;
  line-height: 1;
}
.br-tk-fill.loss .br-tip-mk {
  right: auto;
  left: -9px;
}

/*  RACE EDITION (fxp) on #brain: Asphalt Road Tracks + Dashed Center Lines + Checkered Flag + F1 Car Tip Marker */
.br-card-fxp,
.br-best-fxp,
.br-kpi-fxp > div {
  border-radius: 4px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(227, 6, 19, .14), transparent 55%),
    repeating-linear-gradient(135deg, #111318 0px, #111318 6px, #0D0E12 6px, #0D0E12 12px) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-left: 3px solid #E30613 !important;
}
.br-dbar-fxp,
.br-bar-fxp {
  height: 16px !important;
  border-radius: 3px !important;
  background: #141720 !important;
  border-top: 2px dashed rgba(227, 6, 19, .65) !important;
  border-bottom: 2px dashed rgba(255, 255, 255, .45) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .75);
}
.br-road-line {
  position: absolute;
  left: 6px;
  right: 22px;
  top: 50%;
  height: 1.5px;
  transform: translateY(-50%);
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .32) 0 10px, transparent 10px 18px);
  pointer-events: none;
  z-index: 1;
}
.br-finish-flag {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  opacity: .85;
  z-index: 2;
  pointer-events: none;
}
.br-dbar-fxp .br-dfill.win,
.br-bar-fxp .br-tk-fill.win {
  background: linear-gradient(90deg, #059669 0%, #2BD97C 70%, #A7F3D0 100%) !important;
  box-shadow: 0 0 10px rgba(43, 217, 124, .55);
  z-index: 2;
}
.br-dbar-fxp .br-dfill.loss,
.br-bar-fxp .br-tk-fill.loss {
  background: linear-gradient(90deg, #991B1B 0%, #E30613 70%, #FF6B6B 100%) !important;
  box-shadow: 0 0 10px rgba(227, 6, 19, .55);
  z-index: 2;
}
.br-tip-mk.fxp-car {
  font-size: 14px;
  right: -11px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .8));
}

/*  HORNET EDITION (exn) on #brain: Honeycomb Armor + Hazard Stripe Tracks + Electric Gold Bars */
.br-card-exn,
.br-best-exn,
.br-kpi-exn > div {
  border-radius: 14px !important;
  background: linear-gradient(155deg, #181B22 0%, #101217 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .38) !important;
}
.br-exn-stripe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: repeating-linear-gradient(-45deg, #FACC15 0 8px, #141414 8px 16px);
  opacity: .85;
}
.br-dbar-exn,
.br-bar-exn {
  height: 14px !important;
  border-radius: 4px !important;
  background: repeating-linear-gradient(-45deg, rgba(250, 204, 21, .08) 0 6px, rgba(0, 0, 0, .45) 6px 12px), #0D0F14 !important;
  border: 1px solid rgba(250, 204, 21, .32) !important;
}
.br-dbar-exn .br-dfill.win,
.br-bar-exn .br-tk-fill.win {
  background: linear-gradient(90deg, #EAB308 0%, #FACC15 65%, #FEF08A 100%) !important;
  box-shadow: 0 0 10px rgba(250, 204, 21, .5);
}
.br-tip-mk.exn-hex {
  font-size: 13px;
  right: -10px;
}

/*  DIAMOND EDITION (pep) on #brain: Prismatic 3D Royal Sapphire Crystal Channels & Faceted Gem Bars */
.br-card-pep,
.br-best-pep,
.br-kpi-pep > div {
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 85% 15%, rgba(56, 189, 248, .22), transparent 55%),
    linear-gradient(160deg, rgba(16, 37, 76, .90) 0%, rgba(9, 22, 48, .94) 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .38) !important;
  box-shadow: 0 18px 40px -18px rgba(2, 8, 23, .8), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
.br-dbar-pep,
.br-bar-pep {
  height: 14px !important;
  border-radius: 999px !important;
  background: rgba(6, 16, 36, .78) !important;
  border: 1px solid rgba(125, 211, 252, .32) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .55);
}
.br-dbar-pep .br-dfill.win,
.br-bar-pep .br-tk-fill.win {
  background: linear-gradient(90deg, #0284C7 0%, #38BDF8 45%, #818CF8 80%, #E0F2FE 100%) !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, .65);
}
.br-tip-mk.pep-gem {
  color: #FFFFFF;
  font-size: 13px;
  right: -7px;
  text-shadow: 0 0 8px #38BDF8;
}

/*  TERMINAL EDITION (icm) on #brain: Cyber-Mecha Segmented LED Matrix Bars & HUD Cards */
.br-card-icm,
.br-best-icm,
.br-kpi-icm > div {
  border-radius: 6px !important;
  background: linear-gradient(160deg, #0B1F24 0%, #061216 100%) !important;
  border: 1px solid rgba(0, 255, 157, .32) !important;
}
.br-dbar-icm,
.br-bar-icm {
  height: 14px !important;
  border-radius: 2px !important;
  background: repeating-linear-gradient(90deg, rgba(0, 255, 157, .08) 0 8px, rgba(0, 0, 0, .55) 8px 11px), #040B0E !important;
  border: 1px solid rgba(0, 255, 157, .28) !important;
}
.br-dbar-icm .br-dfill.win,
.br-bar-icm .br-tk-fill.win {
  background: repeating-linear-gradient(90deg, #00FF9D 0 8px, #042F22 8px 11px) !important;
  box-shadow: 0 0 10px rgba(0, 255, 157, .45);
}
.br-dbar-icm .br-dfill.loss,
.br-bar-icm .br-tk-fill.loss {
  background: repeating-linear-gradient(90deg, #FF4D6D 0 8px, #3B0A14 8px 11px) !important;
}
.br-tip-mk.icm-led {
  color: #00E5FF;
  font-size: 13px;
  right: -6px;
  text-shadow: 0 0 8px #00E5FF;
}

/*  GOOD VIBE (vibe),  LIGHT (white),  DARK (night) Editions on #brain */
.br-dbar-vibe,
.br-bar-vibe {
  height: 13px !important;
  border-radius: 999px !important;
  background: rgba(255, 220, 230, .10) !important;
  border: 1px solid rgba(255, 107, 139, .28) !important;
}
.br-dbar-vibe .br-dfill.win,
.br-bar-vibe .br-tk-fill.win {
  background: linear-gradient(90deg, #FF6B8B 0%, #FFB65C 50%, #5EF0B0 100%) !important;
}
.br-tip-mk.vibe-orb {
  color: #FFF4EE;
  font-size: 11px;
  right: -5px;
  text-shadow: 0 0 8px #FF6B8B;
}
.br-tip-mk.std-cap {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0 8px currentColor;
  right: -4px;
}


/* ================= v32: HORNET READABILITY & NO HAZARD TAPE, SOLID RACE BRAIN BARS, LIVE SL:TP RISK:REWARD, LUMINOUS EDITION BADGES & VIDEO PRACTICE ================= */

/* 1A. Hornet Edition (exn) Best Playbook Card Readability Fix in #brain */
[data-theme="exn"] .best.br-best-exn {
  background: linear-gradient(155deg, #181B22 0%, #101217 100%) !important;
  color: #F5F5F0 !important;
  border: 1.5px solid rgba(250, 204, 21, .48) !important;
  box-shadow: inset 0 1px 0 rgba(250, 204, 21, .35), 0 14px 32px -16px rgba(0, 0, 0, .75) !important;
}
[data-theme="exn"] .best.br-best-exn .big {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -.03em;
}
[data-theme="exn"] .best.br-best-exn .lab,
[data-theme="exn"] .best.br-best-exn small,
[data-theme="exn"] .best.br-best-exn .t2,
[data-theme="exn"] .best.br-best-exn .t3 {
  color: #A6ACB6 !important;
}
[data-theme="exn"] .best.br-best-exn > div:first-of-type .lab:first-child {
  color: #FACC15 !important;
  font-weight: 800 !important;
}
[data-theme="exn"] .best.br-best-exn .win,
[data-theme="exn"] .best.br-best-exn b.win {
  color: #3DD68C !important;
}
[data-theme="exn"] .best.br-best-exn b:not(.win),
[data-theme="exn"] .best.br-best-exn span:not(.win):not(.pill):not(.bp-ico) {
  color: #F5F5F0 !important;
}
[data-theme="exn"] .best.br-best-exn .pill.w {
  background: rgba(61, 214, 140, .16) !important;
  color: #3DD68C !important;
  border: 1px solid rgba(61, 214, 140, .42) !important;
}
[data-theme="exn"] .best.br-best-exn .bp-ico {
  background: rgba(250, 204, 21, .16) !important;
  color: #FACC15 !important;
  border: 1px solid rgba(250, 204, 21, .42) !important;
}
[data-theme="exn"] .best.br-best-exn .bp-ico svg {
  color: #FACC15 !important;
  stroke: #FACC15 !important;
}

/* 1B. Remove Yellow-and-Black Diagonal Hazard Tape Everywhere in Hornet Edition */
.br-exn-stripe,
.exn-hazard {
  display: none !important;
}
.br-card-exn,
.br-best-exn,
.br-kpi-exn > div,
.mg-deck-exn {
  border-radius: 14px !important;
  background: linear-gradient(155deg, #181B22 0%, #101217 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .42) !important;
  box-shadow: inset 0 1px 0 rgba(250, 204, 21, .35), 0 14px 32px -16px rgba(0, 0, 0, .75) !important;
}
.br-dbar-exn,
.br-bar-exn {
  height: 14px !important;
  border-radius: 6px !important;
  background: rgba(10, 12, 18, .92) !important;
  border: 1px solid rgba(250, 204, 21, .28) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .65);
}

/* 2. Race Edition (fxp) in #brain: Clean Solid Carbon Bars (No Eye-Hurting Dashed Lines!) */
.br-road-line {
  display: none !important;
}
.br-card-fxp,
.br-best-fxp,
.br-kpi-fxp > div {
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(227, 6, 19, .14), transparent 55%),
    linear-gradient(155deg, #14161D 0%, #0D0F14 100%) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-left: 3.5px solid #E30613 !important;
  box-shadow: 0 14px 32px -16px rgba(0, 0, 0, .78), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
.br-dbar-fxp,
.br-bar-fxp {
  height: 14px !important;
  border-radius: 4px !important;
  background: rgba(12, 14, 20, .92) !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-top: 1px solid rgba(255, 255, 255, .10) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
  border-left: 2.5px solid #E30613 !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .7);
}

/* 3. Manage Trade Live Risk : Reward ตอนนี้ Pill (.rvault-line) */
.rvault-line {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px !important;
  margin-top: 8px;
  padding: 5px 12px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  font-size: 13px !important;
  color: rgba(255, 255, 255, .86) !important;
  width: fit-content;
}
.rvault-line span,
.rvault-line b {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.rvault-line .rr-lbl {
  color: rgba(255, 255, 255, .78) !important;
  font-weight: 600;
}
.rvault-line .rr-ratio {
  color: #34D39A !important;
  font-weight: 800;
  font-size: 14px;
}
.rvault-line .rr-detail {
  color: rgba(255, 255, 255, .66) !important;
  font-size: 12px;
}

/* 4. Premium Luminous Edition Badges (.tc-theme-sig) & Open Trade Hero Strip (.nt-rbar) Across All 7 Themes */
.tc-theme-sig {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px 5px 7px !important;
  border-radius: 999px;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .07em;
  flex: none;
  white-space: nowrap;
  position: relative;
  transition: transform .2s, box-shadow .2s;
}
.tc-theme-sig svg {
  width: 23px !important;
  height: 23px !important;
  flex: none;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .5));
}
.tc-sig-pep {
  background: linear-gradient(135deg, rgba(14, 165, 233, .38) 0%, rgba(37, 99, 235, .52) 55%, rgba(99, 102, 241, .40) 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .88) !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, .52), inset 0 1px 0 rgba(255, 255, 255, .6) !important;
  color: #F0F9FF !important;
  text-shadow: 0 0 10px rgba(56, 189, 248, .8);
}
.tc-sig-fxp {
  background: linear-gradient(135deg, rgba(227, 6, 19, .48) 0%, rgba(153, 27, 27, .60) 60%, rgba(20, 20, 26, .92) 100%) !important;
  border: 1.5px solid rgba(255, 59, 74, .88) !important;
  border-left: 3.5px solid #FF2A36 !important;
  border-radius: 6px !important;
  box-shadow: 0 0 20px rgba(227, 6, 19, .55), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  color: #FFFFFF !important;
  text-shadow: 0 0 10px rgba(255, 42, 54, .85);
}
.tc-sig-exn {
  background: linear-gradient(135deg, rgba(250, 204, 21, .34) 0%, rgba(202, 138, 4, .46) 55%, rgba(20, 22, 28, .92) 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .90) !important;
  border-radius: 9px !important;
  box-shadow: 0 0 20px rgba(250, 204, 21, .48), inset 0 1px 0 rgba(254, 240, 138, .55) !important;
  color: #FEF08A !important;
  text-shadow: 0 0 10px rgba(250, 204, 21, .7);
}
.tc-sig-icm {
  background: linear-gradient(135deg, rgba(0, 255, 157, .32) 0%, rgba(6, 95, 70, .52) 60%, rgba(6, 18, 22, .92) 100%) !important;
  border: 1.5px solid rgba(0, 255, 157, .86) !important;
  border-radius: 6px !important;
  box-shadow: 0 0 20px rgba(0, 255, 157, .48), inset 0 1px 0 rgba(167, 243, 208, .5) !important;
  color: #D1FAE5 !important;
  text-shadow: 0 0 10px rgba(0, 255, 157, .75);
}
.tc-sig-vibe {
  background: linear-gradient(135deg, rgba(255, 107, 139, .38) 0%, rgba(255, 182, 92, .42) 100%) !important;
  border: 1.5px solid rgba(255, 158, 128, .85) !important;
  box-shadow: 0 0 18px rgba(255, 107, 139, .45), inset 0 1px 0 rgba(255, 255, 255, .48) !important;
  color: #FFF5F5 !important;
  text-shadow: 0 0 8px rgba(255, 107, 139, .65);
}
.tc-sig-night {
  background: linear-gradient(135deg, rgba(52, 211, 154, .28) 0%, rgba(77, 124, 255, .36) 100%) !important;
  border: 1.5px solid rgba(52, 211, 154, .75) !important;
  box-shadow: 0 0 18px rgba(52, 211, 154, .38), inset 0 1px 0 rgba(255, 255, 255, .38) !important;
  color: #ECFDF5 !important;
  text-shadow: 0 0 8px rgba(52, 211, 154, .55);
}
.tc-sig-white {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%) !important;
  border: 1.5px solid #6EE7B7 !important;
  box-shadow: 0 6px 18px -4px rgba(16, 185, 129, .55), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
  color: #FFFFFF !important;
}

/* Open Trade Luminous Top Bar (.nt-rbar) per theme */
.nt-rbar {
  padding: 13px 16px !important;
  position: relative;
  overflow: hidden;
}
.nt-rbar-pep {
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(56, 189, 248, .42), transparent 55%),
    linear-gradient(135deg, #081B40 0%, #103172 52%, #026AA2 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .72) !important;
  box-shadow: 0 16px 34px -12px rgba(2, 132, 199, .60), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
  color: #F8FAFC !important;
}
.nt-rbar-pep .lab { color: #BAE6FD !important; font-weight: 600; }
.nt-rbar-pep b { color: #FFFFFF !important; text-shadow: 0 2px 12px rgba(56, 189, 248, .55); }

.nt-rbar-fxp {
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 90% 50%, rgba(227, 6, 19, .34), transparent 60%),
    linear-gradient(135deg, #1B1014 0%, #111318 60%, #211116 100%) !important;
  border: 1.5px solid rgba(255, 59, 74, .58) !important;
  border-left: 4px solid #FF2A36 !important;
  box-shadow: 0 14px 30px -12px rgba(227, 6, 19, .48), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
  color: #FFFFFF !important;
}
.nt-rbar-fxp .lab { color: #FCA5A5 !important; }

.nt-rbar-exn {
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 90% 50%, rgba(250, 204, 21, .28), transparent 60%),
    linear-gradient(135deg, #1E1B12 0%, #13151C 62%, #241F0E 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .68) !important;
  box-shadow: 0 14px 30px -12px rgba(250, 204, 21, .38), inset 0 1px 0 rgba(254, 240, 138, .3) !important;
  color: #F5F5F0 !important;
}
.nt-rbar-exn .lab { color: #D4D8E2 !important; }
.nt-rbar-exn .nt-rb-l > b { color: #FACC15 !important; text-shadow: 0 0 12px rgba(250, 204, 21, .45); }
.nt-rbar-exn .nt-rb-l > b small { color: #FEF08A !important; opacity: .88; }

.nt-rbar-icm {
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 90% 50%, rgba(0, 255, 157, .26), transparent 60%),
    linear-gradient(135deg, #082226 0%, #0A1520 100%) !important;
  border: 1.5px solid rgba(0, 255, 157, .62) !important;
  box-shadow: 0 14px 30px -12px rgba(0, 255, 157, .38), inset 0 1px 0 rgba(167, 243, 208, .28) !important;
  color: #EEFFF8 !important;
}
.nt-rbar-icm .lab { color: #A7F3D0 !important; }
.nt-rbar-icm .nt-rb-l > b { color: #00FF9D !important; font-family: var(--mono); }

.nt-rbar-vibe {
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 50%, rgba(255, 107, 139, .30), transparent 60%),
    linear-gradient(135deg, #2D1537 0%, #1F102B 100%) !important;
  border: 1.5px solid rgba(255, 158, 128, .58) !important;
  box-shadow: 0 14px 30px -12px rgba(255, 107, 139, .38) !important;
}
.nt-rbar-night {
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 88% 50%, rgba(52, 211, 154, .22), transparent 60%),
    linear-gradient(135deg, #111C30 0%, #0D1524 100%) !important;
  border: 1.5px solid rgba(52, 211, 154, .45) !important;
  box-shadow: 0 14px 30px -12px rgba(52, 211, 154, .28) !important;
}
.nt-rbar-white {
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ECFDF5 0%, #F0F9FF 100%) !important;
  border: 1.5px solid rgba(16, 185, 129, .45) !important;
  box-shadow: 0 12px 26px -12px rgba(16, 185, 129, .28) !important;
}

/* 5. Rebuilt Zero-Clutter Practice Mode (#practice): Video Player + Side-by-Side Split Stage + Animated Clock */
.view.prv.p3-wide-view {
  max-width: 1080px !important;
  gap: 12px;
}
.p3-video-card {
  border-radius: 18px;
  background: linear-gradient(145deg, #0D1424 0%, #080C16 100%);
  border: 1.5px solid rgba(56, 189, 248, .42);
  box-shadow: 0 18px 40px -18px rgba(2, 8, 23, .85), 0 0 24px rgba(56, 189, 248, .16);
  padding: 10px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.p3-vid-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 4px;
}
.p3-vid-head b {
  font-size: 13.5px;
  color: #E0F2FE;
  letter-spacing: -.01em;
}
.p3-vid-wrap {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, .25);
  background: #060911;
}
.p3-demo-video {
  width: 100%;
  max-height: 360px;
  display: block;
  object-fit: contain;
  background: #060911;
}

.p3-split-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
@media (max-width: 840px) {
  .p3-split-stage {
    grid-template-columns: 1fr;
  }
  .p3-mid-arrow {
    transform: rotate(90deg);
    margin: -4px auto;
  }
}
.p3-mid-arrow {
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(14, 165, 233, .16);
  border: 1.5px solid rgba(56, 189, 248, .55);
  color: #38BDF8;
  font-weight: 800;
  font-size: 18px;
  box-shadow: 0 0 18px rgba(56, 189, 248, .35);
}
.p3-mid-arrow small {
  font-size: 11px;
  line-height: 1;
}

@keyframes p3ClockHandSpin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.p3-clock-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .9);
  border: 1px solid rgba(125, 211, 252, .38);
  color: #E0F2FE;
  font-family: var(--mono);
  font-size: 11.5px;
  white-space: nowrap;
}
.p3-clock-pill.spinning {
  background: rgba(14, 116, 144, .32);
  border-color: #38BDF8;
  box-shadow: 0 0 14px rgba(56, 189, 248, .4);
  color: #7DD3FC;
}
.p3-clock-pill small {
  padding: 1px 5px;
  border-radius: 6px;
  background: rgba(56, 189, 248, .2);
  color: #BAE6FD;
  font-size: 10px;
  font-weight: 700;
}
.p3-clk-svg {
  width: 16px;
  height: 16px;
  flex: none;
  color: #38BDF8;
}
.p3-clock-pill.spinning .clk-mn {
  transform-origin: 12px 12px;
  animation: p3ClockHandSpin 1.8s linear infinite;
}
.p3-clock-pill.spinning .clk-hr {
  transform-origin: 12px 12px;
  animation: p3ClockHandSpin 8s linear infinite;
}
.p3-phone-frame {
  border-radius: 24px !important;
  border: 2px solid rgba(125, 211, 252, .35) !important;
  box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .7) !important;
}
.p3-ext .p3-chart-stage {
  height: 236px !important;
}


[data-theme="exn"] .eye {
  border: 1.5px solid rgba(250, 204, 21, .45) !important;
  box-shadow: inset 0 1px 0 rgba(250, 204, 21, .35), 0 16px 36px -18px rgba(0, 0, 0, .8) !important;
}
[data-theme="exn"] .mathc {
  border: 1.5px solid rgba(250, 204, 21, .42) !important;
  box-shadow: inset 0 1px 0 rgba(250, 204, 21, .35), 0 14px 32px -16px rgba(0, 0, 0, .75) !important;
}
[data-theme="exn"] .mathc::before {
  display: none !important;
}
.tm-volt-bar i {
  transform: none !important;
  border-radius: 999px !important;
  height: 7px !important;
}

.view.practice { max-width: 1160px; margin: 0 auto; }


/* ================= v33: ZERO EMOJIS, THEME-COLORED MATH SECTION ACROSS ALL THEMES, DARK/WHITE BRAIN BARS FIX, DIAMOND MODAL FIX, SHARE BRAIN & LOSS LIMIT GUIDE ================= */

/* 1. Base & Per-Theme Brain Horizontal Bars (.br-tk-fill & .br-dfill) — Vivid Green/Red in Dark (night), Light (white), and ALL Themes */
.eg .tk.br-bar {
  height: 13px !important;
  border-radius: 6px;
  background: var(--s3);
  border: 1px solid var(--hair-2);
}
.eg .tk .br-tk-fill,
.rdist-bar .br-dfill,
.brow .bar i,
.bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
}
.eg .tk .br-tk-fill.win,
.rdist-bar .br-dfill.win,
.br-dbar-night .br-dfill.win,
.br-bar-night .br-tk-fill.win,
.br-dbar-dark .br-dfill.win,
.br-bar-dark .br-tk-fill.win,
.bar i.w {
  background: linear-gradient(90deg, #059669 0%, #34D39A 100%) !important;
  box-shadow: 0 0 10px rgba(52, 211, 154, .38);
}
.eg .tk .br-tk-fill.loss,
.rdist-bar .br-dfill.loss,
.br-dbar-night .br-dfill.loss,
.br-bar-night .br-tk-fill.loss,
.br-dbar-dark .br-dfill.loss,
.br-bar-dark .br-tk-fill.loss,
.br-dbar-pep .br-dfill.loss,
.br-bar-pep .br-tk-fill.loss,
.br-dbar-exn .br-dfill.loss,
.br-bar-exn .br-tk-fill.loss,
.br-dbar-vibe .br-dfill.loss,
.br-bar-vibe .br-tk-fill.loss,
.bar i.l {
  background: linear-gradient(90deg, #E11D48 0%, #FF5A6E 100%) !important;
  box-shadow: 0 0 10px rgba(255, 90, 110, .35);
}
:root[data-theme="white"] .eg .tk.br-bar,
.br-bar-white,
.br-dbar-white {
  background: #E2E8F0 !important;
  border: 1px solid rgba(14, 21, 38, .12) !important;
}
:root[data-theme="white"] .eg .tk .mid {
  background: rgba(14, 21, 38, .28) !important;
}
.br-dbar-white .br-dfill.win,
.br-bar-white .br-tk-fill.win {
  background: linear-gradient(90deg, #059669 0%, #10B981 100%) !important;
  box-shadow: 0 2px 6px rgba(16, 185, 129, .3);
}
.br-dbar-white .br-dfill.loss,
.br-bar-white .br-tk-fill.loss {
  background: linear-gradient(90deg, #DC2626 0%, #F43F5E 100%) !important;
  box-shadow: 0 2px 6px rgba(225, 29, 72, .28);
}

/* Vector tip markers for Terminal & Good Vibe */
.br-tip-mk.icm-led {
  width: 5px;
  height: 14px;
  border-radius: 1px;
  background: #00E5FF;
  box-shadow: 0 0 8px #00E5FF;
  right: -3px;
}
.br-tip-mk.vibe-orb {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #FFF4EE;
  box-shadow: 0 0 8px #FF6B8B;
  right: -4px;
}

/* 2. Theme-Colored Expectancy Math Card (.mathc / .exp) & 4 Formula Boxes (.mt-t / .eqf > div) Across ALL 7 Themes */
.mathc,
.card.exp {
  background: linear-gradient(160deg, color-mix(in srgb, var(--sig) 10%, var(--s1)), var(--s1) 75%) !important;
  border: 1.5px solid color-mix(in srgb, var(--sig) 42%, var(--hair-2)) !important;
  box-shadow: 0 18px 40px -22px color-mix(in srgb, var(--sig) 45%, rgba(0,0,0,.6)) !important;
}
.mathc .mt-t,
.mathc .eqf > div,
.exp .eqf > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 10px 4px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--sig) 10%, var(--s2)) !important;
  border: 1px solid color-mix(in srgb, var(--sig) 28%, var(--hair-2)) !important;
  min-width: 0;
}
.mathc .mt-t i,
.mathc .eqf > div i,
.mathc .eqf > div b {
  font-style: normal;
  font-family: var(--num);
  font-weight: 800;
  font-size: 16.5px;
  color: var(--t1) !important;
}
.mathc .mt-t i.win,
.mathc .eqf > div i.win,
.mathc .eqf > div b.win {
  color: var(--win) !important;
}
.mathc .mt-t i.loss,
.mathc .eqf > div i.loss,
.mathc .eqf > div b.loss {
  color: var(--loss) !important;
}
.mathc .mt-t small,
.mathc .eqf > div small {
  font-size: 11px;
  font-weight: 600;
  color: var(--t2) !important;
}
.mathc .mt-lev-box {
  padding: 8px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--sig) 8%, var(--s2));
  border: 1px solid color-mix(in srgb, var(--sig) 22%, var(--hair));
}

/* Diamond Edition (pep) Math Card & Sub-Boxes: Deep Navy Sapphire Glass (Zero White Boxes!) */
[data-theme="pep"] .mathc,
[data-theme="pep"] .card.exp,
.br-exp-pep {
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(56, 189, 248, .24), transparent 55%),
    linear-gradient(155deg, rgba(16, 37, 76, .92) 0%, rgba(9, 22, 48, .96) 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .45) !important;
  box-shadow: 0 20px 44px -18px rgba(2, 8, 23, .85), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  color: #F0F9FF !important;
}
[data-theme="pep"] .mathc .mt-t,
[data-theme="pep"] .mathc .eqf > div,
[data-theme="pep"] .eqf > div,
.br-exp-pep .mt-t,
.br-exp-pep .eqf > div {
  background: rgba(12, 26, 48, .82) !important;
  border: 1px solid rgba(56, 189, 248, .34) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
[data-theme="pep"] .mathc .mt-t i:not(.win):not(.loss),
[data-theme="pep"] .eqf > div b:not(.win):not(.loss) {
  color: #F0F9FF !important;
}
[data-theme="pep"] .mathc .mt-t small,
[data-theme="pep"] .eqf > div small {
  color: #93C5FD !important;
}
[data-theme="pep"] .rds-box,
[data-theme="pep"] .tiles > div {
  background: rgba(12, 26, 48, .78) !important;
  border-color: rgba(56, 189, 248, .28) !important;
  color: #F0F9FF !important;
}

/* Hornet Edition (exn) Math Card & Formula Boxes */
[data-theme="exn"] .mathc .mt-t,
[data-theme="exn"] .eqf > div {
  background: rgba(14, 16, 22, .92) !important;
  border: 1px solid rgba(250, 204, 21, .35) !important;
  border-radius: 12px !important;
}

/* Race Edition (fxp) Math Card & Formula Boxes */
[data-theme="fxp"] .mathc {
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(227, 6, 19, .16), transparent 55%),
    linear-gradient(155deg, #14161D 0%, #0D0F14 100%) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-left: 4px solid #E30613 !important;
}
[data-theme="fxp"] .mathc .mt-t,
[data-theme="fxp"] .eqf > div {
  background: rgba(10, 12, 16, .92) !important;
  border: 1px solid rgba(227, 6, 19, .38) !important;
  border-radius: 4px !important;
  transform: none !important;
}

/* Terminal Edition (icm) Math Card & Formula Boxes */
[data-theme="icm"] .mathc .mt-t,
[data-theme="icm"] .eqf > div {
  background: rgba(5, 16, 20, .92) !important;
  border: 1px solid rgba(0, 255, 157, .34) !important;
  border-radius: 4px !important;
}

/* 3. Centered Modal & Diamond Edition (pep) Dark Navy Glass Modal / Confirm Dialog Fix */
#modal.modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 120 !important;
  display: none;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(2, 6, 18, .76) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
#modal.modal.open {
  display: flex !important;
}
#modal.modal .box {
  margin: auto !important;
  width: 100% !important;
  max-width: 400px !important;
}
[data-theme="pep"] .modal .box,
[data-theme="pep"] #modal-box,
[data-theme="pep"] .gtip,
[data-theme="pep"] .menu,
[data-theme="pep"] .pp-bento .b,
[data-theme="pep"] .pp-live,
[data-theme="pep"] .pp-badges,
[data-theme="pep"] .ed-pep .coach {
  background: linear-gradient(145deg, #0D1F3C 0%, #071224 100%) !important;
  border: 1.5px solid rgba(56, 189, 248, .45) !important;
  color: #F0F9FF !important;
  box-shadow: 0 28px 64px rgba(2, 8, 23, .88), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
[data-theme="pep"] .modal .box h3,
[data-theme="pep"] .modal .box b {
  color: #F0F9FF !important;
}
[data-theme="pep"] .modal .box p {
  color: #BAE6FD !important;
}
[data-theme="pep"] .modal .box .btn.s {
  background: rgba(18, 41, 82, .85) !important;
  border: 1px solid rgba(125, 211, 252, .38) !important;
  color: #F0F9FF !important;
}
[data-theme="pep"] .modal .box .btn.d {
  background: rgba(244, 63, 94, .22) !important;
  border: 1px solid rgba(251, 113, 133, .55) !important;
  color: #FDA4AF !important;
}

/* 4. Share Brain Button & 4:5 Modal Preview Stage */
.br-share-btn {
  width: auto !important;
  padding: 0 13px !important;
  min-height: 36px !important;
  font-size: 13px !important;
  border-radius: 999px !important;
  flex: none;
}
.sh-stage.sh-stage-45 {
  aspect-ratio: 4 / 5 !important;
  max-height: 52vh !important;
  width: auto !important;
  max-width: 310px !important;
  margin: 0 auto !important;
  border-radius: 18px;
}

/* 5. Loss Limit Psychology Education & Interactive Toggle Card in Explore -> Guide */
.ll-guide-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px !important;
  border: 1.5px solid color-mix(in srgb, var(--win) 45%, var(--hair-2)) !important;
  background: linear-gradient(155deg, color-mix(in srgb, var(--win) 10%, var(--s1)), var(--s1) 70%) !important;
}
.ll-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ll-ico {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--win-soft);
  color: var(--win);
  display: grid;
  place-items: center;
  flex: none;
}
.ll-ico svg {
  width: 20px;
  height: 20px;
}
.ll-title-wrap {
  flex: 1;
  min-width: 180px;
}
.ll-title-wrap b {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--t1);
}
.ll-title-wrap small {
  display: block;
  font-size: 12.5px;
  color: var(--t2);
  margin-top: 1px;
}
.ll-edu {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 11px 13px;
  border-radius: 14px;
  background: rgba(0, 0, 0, .18);
  border: 1px solid var(--hair);
}
:root[data-theme="white"] .ll-edu {
  background: rgba(14, 21, 38, .04);
}
.ll-edu p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--t2);
}
.ll-ctrl {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ll-opts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
@media (max-width: 620px) {
  .ll-opts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ll-opt-btn {
  padding: 9px 10px;
  border-radius: 11px;
  background: var(--s2);
  border: 1px solid var(--hair-2);
  color: var(--t2);
  font-size: 12.5px;
  font-weight: 600;
  text-align: center;
  transition: all .15s;
}
.ll-opt-btn.on,
.ll-opt-btn[aria-pressed="true"] {
  background: var(--win);
  color: #031A10;
  border-color: var(--win);
  font-weight: 800;
  box-shadow: 0 6px 16px -4px rgba(52, 211, 154, .45);
}

/* ================= v34: HORNET QUEST (COLLAPSIBLE HORNET-THEMED QUEST CARD), CRISP HTML PRACTICE LABELS, BALANCED EXPLORE GUIDE ROWS & ROYAL BLUE WH BRAND ================= */

/* 1. Fix .psteps button inner span so it never renders a nested dark pill box */
.psteps > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.psteps .pstep-btn span {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  display: inline !important;
  overflow: visible !important;
}
[data-theme="exn"] .psteps .pstep-btn.on {
  background: rgba(250, 204, 21, .16) !important;
  border-color: #FACC15 !important;
  color: #FEF08A !important;
}
[data-theme="exn"] .psteps .pstep-btn.on i {
  background: #FACC15 !important;
  color: #111318 !important;
}

/* 2. Crisp Native HTML Overlay Labels for #practice MT5 / TradingView Chart (Zero Stretched SVG Text!) */
.p3-chart-labels {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.p3-tag {
  position: absolute;
  transform: translateY(-50%);
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.2;
  padding: 5px 12px;
  border-radius: 8px;
  white-space: nowrap;
  box-shadow: 0 6px 16px -4px rgba(0, 0, 0, .55);
  -webkit-font-smoothing: antialiased;
}
.p3-tag.tp {
  background: #064E3B;
  border: 1.5px solid #10B981;
  color: #6EE7B7;
}
.p3-tag.buy {
  background: #0C4A6E;
  border: 1.5px solid #38BDF8;
  color: #E0F2FE;
}
.p3-tag.sl-loss {
  background: #881337;
  border: 1.5px solid #FB7185;
  color: #FFE4E6;
}
.p3-tag.sl-lock {
  background: #065F46;
  border: 1.5px solid #34D399;
  color: #ECFDF5;
  box-shadow: 0 0 16px rgba(52, 211, 154, .38);
}
.p3-tag.sl-lock.anim-up {
  animation: p3TagSlideUp .75s cubic-bezier(.16, 1, .3, 1) both;
}
@keyframes p3TagSlideUp {
  0% { transform: translateY(24px); opacity: .3; }
  100% { transform: translateY(-50%); opacity: 1; }
}
.p3-tag.sl-old {
  background: rgba(136, 19, 55, .28);
  border: 1px dashed rgba(251, 113, 133, .45);
  color: rgba(253, 164, 175, .72);
  font-size: 11.5px;
  padding: 3px 9px;
  box-shadow: none;
}
.p3-tag.partial {
  background: #065F46;
  border: 1.5px solid #34D399;
  color: #A7F3D0;
  font-size: 13.5px;
  box-shadow: 0 0 14px rgba(16, 185, 129, .45);
}
.p3-tag.tp-hit {
  background: #065F46;
  border: 2px solid #FACC15;
  color: #FEF08A;
  font-size: 13.5px;
  box-shadow: 0 0 18px rgba(250, 204, 21, .45);
}

/* 3. Balanced Uniform Icon-Free Guide Rows in #explore */
.gi-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.gi-list .gi {
  min-height: 74px;
  padding: 15px 18px !important;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--s1);
  border: 1px solid var(--hair-2);
  transition: transform .15s, border-color .15s;
}
@media (hover:hover){.gi-list .gi:hover{
  border-color: color-mix(in srgb, var(--sig) 45%, var(--hair-2));
  transform: translateY(-1px);
}}
.gi-list .gi-txt {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.gi-list .gi-txt b {
  font-size: 15px;
  font-weight: 700;
  color: var(--t1);
  line-height: 1.35;
}
.gi-list .gi-txt small {
  font-size: 12.5px;
  color: var(--t2);
  line-height: 1.4;
}
.gi-list .gi-pill {
  flex: none;
  white-space: nowrap;
}
.gi-list .gi .ar {
  margin-left: 4px;
  flex: none;
  font-size: 20px;
  color: var(--t3);
}
[data-theme="pep"] .gi-list .gi {
  background: linear-gradient(155deg, rgba(15, 34, 68, .88), rgba(10, 24, 50, .94)) !important;
  border: 1px solid rgba(125, 211, 252, .28) !important;
  color: #F0F9FF !important;
}

/* 4. HORNET QUEST: Sleek Collapsible 1-Line Bar (.hq-bar) & Full Hornet Theme Card (.hq-card) */
.hq-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 14px;
  border-radius: 16px;
  background: linear-gradient(135deg, #17140A 0%, #0E1015 55%, #211A08 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .52) !important;
  box-shadow: 0 10px 26px -12px rgba(250, 204, 21, .28), inset 0 1px 0 rgba(250, 204, 21, .22) !important;
  color: #F8FAFC !important;
}
.hq-bar-l {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  min-width: 0;
  cursor: pointer;
  flex-wrap: wrap;
}
.hq-bar-crest {
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(250, 204, 21, .14);
  border: 1px solid rgba(250, 204, 21, .38);
  flex: none;
}
.hq-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 6px;
  background: #FACC15;
  color: #111318 !important;
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .06em;
  flex: none;
}
.hq-bar-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #FEF9C3 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hq-bar-pill {
  font-size: 11.5px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(250, 204, 21, .16);
  border: 1px solid rgba(250, 204, 21, .38);
  color: #FACC15 !important;
  flex: none;
}
.hq-mini-segs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: none;
}
.hq-mini-segs i {
  width: 16px;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
}
.hq-mini-segs i.on {
  background: #FACC15;
  box-shadow: 0 0 8px rgba(250, 204, 21, .65);
}
.hq-bar-r {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.hq-tog-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 10px;
  background: rgba(250, 204, 21, .12);
  border: 1px solid rgba(250, 204, 21, .35);
  color: #FACC15 !important;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
}
@media (hover:hover){.hq-tog-btn:hover{
  background: rgba(250, 204, 21, .22);
  border-color: #FACC15;
}}

.hq-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 16px;
  background:
    radial-gradient(circle at 90% 12%, rgba(250, 204, 21, .20), transparent 55%),
    linear-gradient(145deg, #18140A 0%, #0D0F14 55%, #1E1808 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .58) !important;
  box-shadow: 0 18px 42px -18px rgba(0, 0, 0, .82), 0 0 28px -10px rgba(250, 204, 21, .25), inset 0 1px 0 rgba(250, 204, 21, .32) !important;
  color: #F8FAFC !important;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.hq-watermark {
  position: absolute;
  right: -18px;
  top: -16px;
  opacity: .11;
  pointer-events: none;
  z-index: 0;
}
.hq-head,
.hq-list,
.hq-foot {
  position: relative;
  z-index: 1;
}
.hq-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.hq-head-l {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
  min-width: 0;
}
.hq-crest-box {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(250, 204, 21, .22), rgba(20, 22, 28, .92));
  border: 1.5px solid rgba(250, 204, 21, .55);
  display: grid;
  place-items: center;
  flex: none;
  box-shadow: 0 8px 20px -8px rgba(250, 204, 21, .45);
}
.hq-head-txt {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.hq-k-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.hq-prog-pill {
  font-size: 11.5px;
  font-weight: 800;
  padding: 2px 9px;
  border-radius: 999px;
  background: rgba(250, 204, 21, .16);
  border: 1px solid rgba(250, 204, 21, .42);
  color: #FACC15 !important;
}
.hq-head-txt h3 {
  margin: 0;
  font-size: 15.5px;
  font-weight: 800;
  color: #FFFBEB !important;
  line-height: 1.3;
}
.hq-head-txt p {
  margin: 0;
  font-size: 12.5px;
  color: #D6D3C4 !important;
  line-height: 1.4;
}
.hq-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hq-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border-radius: 15px;
  background: rgba(14, 16, 22, .86);
  border: 1px solid rgba(250, 204, 21, .22);
  transition: border-color .15s;
}
.hq-row.highlight {
  border-color: rgba(250, 204, 21, .65);
  background: linear-gradient(90deg, rgba(250, 204, 21, .10), rgba(14, 16, 22, .92) 60%);
  box-shadow: 0 6px 18px -10px rgba(250, 204, 21, .35);
}
.hq-row.done {
  border-color: rgba(52, 211, 154, .35);
  background: rgba(12, 22, 20, .75);
}
.hq-ic {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(250, 204, 21, .14);
  border: 1px solid rgba(250, 204, 21, .35);
  color: #FACC15 !important;
  display: grid;
  place-items: center;
  flex: none;
}
.hq-row.done .hq-ic {
  background: rgba(52, 211, 154, .16);
  border-color: rgba(52, 211, 154, .45);
  color: #34D39A !important;
}
.hq-r-mid {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.hq-r-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.hq-r-top b {
  font-size: 13.5px;
  font-weight: 700;
  color: #F8FAFC !important;
}
.hq-cnt {
  font-size: 12px;
  font-weight: 800;
  color: #FACC15 !important;
  flex: none;
}
.hq-row.done .hq-cnt {
  color: #34D39A !important;
}
.hq-r-mid small {
  font-size: 12px;
  color: #9CA3AF !important;
  line-height: 1.35;
}
.hq-seg-bar {
  display: flex;
  gap: 5px;
  margin-top: 2px;
}
.hq-seg-bar i {
  flex: 1;
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
}
.hq-seg-bar i.on {
  background: linear-gradient(90deg, #FACC15, #FDE047);
  box-shadow: 0 0 8px rgba(250, 204, 21, .5);
}
.hq-row.done .hq-seg-bar i.on {
  background: linear-gradient(90deg, #10B981, #34D39A);
  box-shadow: 0 0 8px rgba(52, 211, 154, .45);
}
.hq-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  margin-top: 3px;
}
.hq-day-cap {
  height: 24px;
  border-radius: 7px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #94A3B8 !important;
}
.hq-day-cap.on {
  background: rgba(250, 204, 21, .22);
  border-color: #FACC15;
  color: #FEF08A !important;
  box-shadow: 0 0 8px rgba(250, 204, 21, .25);
}
.hq-day-cap.on b {
  color: #FEF08A !important;
}
.hq-r-act {
  flex: none;
  display: flex;
  align-items: center;
}
.hq-act-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3px;
}
.hq-sub-link {
  font-size: 11px;
  font-weight: 600;
  color: #FACC15 !important;
  text-decoration: underline;
  cursor: pointer;
}
.hq-done-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(52, 211, 154, .16);
  border: 1px solid rgba(52, 211, 154, .45);
  color: #34D39A !important;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.hq-wait-pill {
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(250, 204, 21, .14);
  border: 1px solid rgba(250, 204, 21, .35);
  color: #FACC15 !important;
  font-size: 12px;
  font-weight: 800;
}
.hq-act-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 13px;
  border-radius: 11px;
  background: rgba(250, 204, 21, .16);
  border: 1px solid rgba(250, 204, 21, .48);
  color: #FEF08A !important;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all .15s;
}
.hq-act-btn.gold {
  background: linear-gradient(135deg, #FACC15 0%, #FDE047 100%) !important;
  border-color: #FEF08A !important;
  color: #111318 !important;
  box-shadow: 0 6px 18px -6px rgba(250, 204, 21, .55);
}
.hq-act-btn.gold span,
.hq-act-btn.gold svg {
  color: #111318 !important;
}
.hq-act-btn.sm {
  padding: 6px 11px;
  font-size: 12px;
}
.hq-foot-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
  flex-wrap: wrap;
}
.hq-foot-txt {
  font-size: 12.5px;
  font-weight: 600;
  color: #E5E7EB !important;
}
.hq-foot-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hq-prev-btn {
  padding: 6px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #F8FAFC !important;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.hq-claim-btn {
  width: 100%;
  min-height: 46px;
  padding: 10px 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, #FACC15 0%, #FFE84D 100%) !important;
  border: 1.5px solid #FEF08A !important;
  color: #111318 !important;
  font-size: 14.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 10px 26px -8px rgba(250, 204, 21, .65);
  cursor: pointer;
}
.hq-claim-btn span {
  color: #111318 !important;
}
.hq-claim-btn.active {
  background: rgba(52, 211, 154, .18) !important;
  border-color: #34D39A !important;
  color: #6EE7B7 !important;
  box-shadow: none;
}
.hq-claim-btn.active span {
  color: #6EE7B7 !important;
}
@media (max-width: 600px) {
  .hq-row {
    flex-wrap: wrap;
  }
  .hq-r-act {
    width: 100%;
    justify-content: flex-end;
  }
}

/* 5. Share Trade Modal: Hornet Quest Cloud Showcase Upload Button */
.sh-hq-upload-bar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 9px 11px;
  border-radius: 14px;
  background: linear-gradient(135deg, #191509 0%, #101218 100%);
  border: 1.5px solid rgba(250, 204, 21, .55);
  box-shadow: 0 8px 22px -10px rgba(250, 204, 21, .35);
}
.hq-cloud-btn {
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  border-radius: 11px;
  background: linear-gradient(135deg, #FACC15 0%, #FFE84D 100%) !important;
  color: #111318 !important;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  box-shadow: 0 6px 16px -6px rgba(250, 204, 21, .6);
  transition: transform .15s;
}
@media (hover:hover){.hq-cloud-btn:hover{
  transform: translateY(-1px);
}}
.hq-cloud-btn span,
.hq-cloud-btn svg {
  color: #111318 !important;
}
.hq-cloud-btn.done {
  background: linear-gradient(135deg, #10B981 0%, #34D39A 100%) !important;
  color: #031B11 !important;
}
.hq-cb-msc {
  display: inline-grid;
  place-items: center;
  flex: none;
}
.sh-hq-sub {
  font-size: 11px;
  color: #D6D3C4 !important;
  text-align: center;
  line-height: 1.35;
}
.ts-free-tag.hq-unlocked-tag {
  background: #FACC15 !important;
  color: #111318 !important;
  font-weight: 800;
}
.ts-price-tag.hq-quest-tag {
  background: rgba(250, 204, 21, .2) !important;
  border: 1px solid #FACC15 !important;
  color: #FEF08A !important;
  font-weight: 800;
}

/* 6. Highlighted Prop Firm "Trade with R" Section (.acmath-hl) & Unified Loss Limit (.ll-unified-wrap) */
.card.acmath.acmath-hl {
  padding: 16px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 176, 32, .18), transparent 55%),
    linear-gradient(145deg, color-mix(in srgb, var(--sig) 14%, var(--s1)) 0%, var(--s2) 100%) !important;
  border: 1.5px solid color-mix(in srgb, var(--sig) 55%, #FFB020) !important;
  box-shadow: 0 16px 36px -16px rgba(0, 0, 0, .75), 0 0 24px -10px color-mix(in srgb, var(--sig) 45%, transparent) !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.acm-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.acm-badge {
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--sig-grad);
  color: var(--sig-ink);
  font-family: var(--mono);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .05em;
}
.acm-head b {
  font-size: 15px;
  font-weight: 800;
  color: var(--t1);
}
.acmath .acm {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
@media (max-width: 540px) {
  .acmath .acm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.acmath .acm .acm-box {
  padding: 11px 10px !important;
  border-radius: 14px !important;
  background: rgba(10, 15, 28, .75) !important;
  border: 1px solid color-mix(in srgb, var(--sig) 35%, var(--hair-2)) !important;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
:root[data-theme="white"] .acmath .acm .acm-box {
  background: #FFFFFF !important;
}
.acmath .acm .acm-box.r1 {
  border-color: rgba(58, 90, 246, .55) !important;
  background: linear-gradient(145deg, rgba(58, 90, 246, .16), rgba(10, 15, 28, .82)) !important;
}
.acmath .acm .acm-box.dd {
  border-color: rgba(255, 90, 110, .48) !important;
  background: linear-gradient(145deg, rgba(255, 90, 110, .14), rgba(10, 15, 28, .82)) !important;
}
.acmath .acm .acm-box.tg {
  border-color: rgba(52, 211, 154, .48) !important;
  background: linear-gradient(145deg, rgba(52, 211, 154, .14), rgba(10, 15, 28, .82)) !important;
}
.acmath .acm .acm-box small {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--t2);
}
.acmath .acm .acm-box b {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.15;
}
.acmath .acm .acm-box em {
  font-style: normal;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--t3);
}
.acm-sum {
  padding: 10px 13px;
  border-radius: 12px;
  background: rgba(52, 211, 154, .12);
  border: 1px solid rgba(52, 211, 154, .38);
  color: var(--t1);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.45;
}
.ll-unified-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* ================= v35: ALL 7 THEMES SUPPORT ON PROP FIRM HUD (.pf-hud & .pf-pass) ================= */
.pf-hud {
  position: relative;
  overflow: hidden;
}
.pf-hud-wm {
  position: absolute;
  right: -18px;
  top: -16px;
  opacity: .12;
  pointer-events: none;
  z-index: 0;
}
.pf-hud > *:not(.pf-hud-wm) {
  position: relative;
  z-index: 1;
}
.pf-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.pf-h-left {
  flex: 1;
  min-width: 0;
}
.pf-h-left b {
  display: block;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
  margin-top: 2px;
}
.pf-h-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
.pf-h-msc {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: inline-grid;
  place-items: center;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .12);
}

/* 1. Dark Edition (night) Prop Firm HUD */
.pf-hud-night,
:root[data-theme="night"] .pf-hud {
  background:
    radial-gradient(circle at 88% 12%, rgba(58, 90, 246, .24), transparent 55%),
    linear-gradient(160deg, #11182B 0%, #0A0F1D 100%) !important;
  border: 1.5px solid rgba(58, 90, 246, .48) !important;
  box-shadow: 0 20px 44px -22px rgba(58, 90, 246, .45), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
  color: #F3F6FC !important;
}
.pf-hud-night .pf-k,
.pf-pass-night .pf-k {
  color: #8CA4FF !important;
}
.pf-hud-night .pf-big > div {
  background: rgba(15, 23, 42, .72) !important;
  border: 1px solid rgba(58, 90, 246, .28) !important;
}
.pf-hud-night .pf-big > div:first-child b { color: #FF6B7E !important; }
.pf-hud-night .pf-big .r b { color: #60A5FA !important; }
.pf-hud-night .pf-bar.tg i { background: linear-gradient(90deg, #2B52F5, #34D39A) !important; }
.pf-hud-night .pf-bar.dd i { background: linear-gradient(90deg, #E11D48, #FF5A6E) !important; }
.pf-pass-night {
  background: linear-gradient(160deg, #111829, #0C111E) !important;
  border: 1px solid rgba(58, 90, 246, .35) !important;
}

/* 2. Light Edition (white) Prop Firm HUD — Crisp Daylight White & Navy Typography */
.pf-hud-white,
:root[data-theme="white"] .pf-hud {
  background: linear-gradient(165deg, #FFFFFF 0%, #F8FAFC 100%) !important;
  border: 1.5px solid rgba(43, 82, 245, .24) !important;
  box-shadow: 0 18px 38px -20px rgba(15, 23, 42, .14), inset 0 1px 0 #FFFFFF !important;
  color: #0F172A !important;
}
.pf-hud-white .pf-k,
.pf-pass-white .pf-k,
:root[data-theme="white"] .pf-k {
  color: #2B52F5 !important;
}
.pf-hud-white .pf-h-left b,
:root[data-theme="white"] .pf-h-left b {
  color: #0F172A !important;
}
.pf-hud-white .pf-st.live,
:root[data-theme="white"] .pf-st.live {
  background: rgba(43, 82, 245, .12) !important;
  color: #2B52F5 !important;
  border: 1px solid rgba(43, 82, 245, .28) !important;
}
.pf-hud-white .pf-big > div,
:root[data-theme="white"] .pf-big > div {
  background: #F1F5F9 !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
}
.pf-hud-white .pf-big span,
.pf-hud-white .pf-rule span,
:root[data-theme="white"] .pf-big span,
:root[data-theme="white"] .pf-rule span {
  color: #475569 !important;
}
.pf-hud-white .pf-big em,
.pf-hud-white .pf-rule small,
.pf-hud-white .pf-big b small,
:root[data-theme="white"] .pf-big em,
:root[data-theme="white"] .pf-rule small {
  color: #64748B !important;
}
.pf-hud-white .pf-rule b:not(.win):not(.loss),
:root[data-theme="white"] .pf-rule b:not(.win):not(.loss) {
  color: #0F172A !important;
}
.pf-hud-white .pf-big > div:first-child b,
:root[data-theme="white"] .pf-big > div:first-child b {
  color: #E11D48 !important;
}
.pf-hud-white .pf-big .r b,
:root[data-theme="white"] .pf-big .r b {
  color: #2B52F5 !important;
}
.pf-hud-white .pf-bar,
:root[data-theme="white"] .pf-bar {
  background: #E2E8F0 !important;
}
.pf-hud-white .pf-bar.tg i,
:root[data-theme="white"] .pf-bar.tg i {
  background: linear-gradient(90deg, #2B52F5, #10B981) !important;
}
.pf-hud-white .pf-bar.dd i,
:root[data-theme="white"] .pf-bar.dd i {
  background: linear-gradient(90deg, #DC2626, #F43F5E) !important;
}
.pf-pass-white,
:root[data-theme="white"] .pf-pass {
  background: #FFFFFF !important;
  border: 1.5px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 12px 28px -18px rgba(15, 23, 42, .12) !important;
  color: #0F172A !important;
}
.pf-pass-white .pc b,
:root[data-theme="white"] .pf-pass .pc b {
  color: #2B52F5 !important;
}

/* 3. Good Vibe Edition (vibe) Prop Firm HUD */
.pf-hud-vibe,
:root[data-theme="vibe"] .pf-hud {
  background:
    radial-gradient(circle at 88% 12%, rgba(255, 107, 139, .26), transparent 55%),
    linear-gradient(160deg, #2A1636 0%, #160C20 100%) !important;
  border: 1.5px solid rgba(255, 154, 118, .42) !important;
  box-shadow: 0 20px 44px -22px rgba(255, 107, 139, .45) !important;
  color: #FFF4EE !important;
}
.pf-hud-vibe .pf-k,
.pf-pass-vibe .pf-k {
  color: #FFB65C !important;
}
.pf-hud-vibe .pf-big > div {
  background: rgba(52, 24, 60, .72) !important;
  border: 1px solid rgba(255, 182, 194, .22) !important;
}
.pf-hud-vibe .pf-big > div:first-child b { color: #FF7A8A !important; }
.pf-hud-vibe .pf-big .r b { color: #FFB65C !important; }
.pf-hud-vibe .pf-bar.tg i { background: linear-gradient(90deg, #FF6B8B, #FFB65C) !important; }
.pf-pass-vibe {
  background: rgba(44, 20, 52, .85) !important;
  border: 1px solid rgba(255, 154, 118, .35) !important;
}

/* 4. Terminal Edition (icm) Prop Firm HUD — Cyber-Robot AI Mecha (#00FF9D & #00E5FF) */
.pf-hud-icm,
:root[data-theme="icm"] .pf-hud {
  border-radius: 6px !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(0, 255, 157, .22), transparent 55%),
    linear-gradient(155deg, rgba(6, 22, 26, .96) 0%, rgba(3, 12, 15, .98) 100%) !important;
  border: 1.5px solid rgba(0, 255, 157, .52) !important;
  box-shadow: 0 20px 44px -20px rgba(0, 255, 157, .35), inset 0 1px 0 rgba(0, 255, 157, .25) !important;
  color: #EEFFF8 !important;
  font-family: var(--mono);
}
.pf-hud-icm .pf-k,
.pf-pass-icm .pf-k {
  color: #00FF9D !important;
  font-family: var(--mono);
}
.pf-hud-icm .pf-st.live {
  background: rgba(0, 255, 157, .16) !important;
  border: 1px solid rgba(0, 255, 157, .45) !important;
  color: #00FF9D !important;
  border-radius: 4px !important;
}
.pf-hud-icm .pf-h-msc {
  border-radius: 6px !important;
  background: rgba(0, 255, 157, .10) !important;
  border-color: rgba(0, 255, 157, .42) !important;
}
.pf-hud-icm .pf-big > div {
  border-radius: 4px !important;
  background: rgba(5, 16, 20, .92) !important;
  border: 1px solid rgba(0, 255, 157, .30) !important;
}
.pf-hud-icm .pf-big span,
.pf-hud-icm .pf-rule span {
  color: #9BE8CC !important;
}
.pf-hud-icm .pf-big em,
.pf-hud-icm .pf-rule small {
  color: #58A88C !important;
}
.pf-hud-icm .pf-big > div:first-child b { color: #FF4D6D !important; font-family: var(--mono); }
.pf-hud-icm .pf-big .r b { color: #00FF9D !important; font-family: var(--mono); }
.pf-hud-icm .pf-bar {
  border-radius: 2px !important;
  background: rgba(0, 255, 157, .12) !important;
}
.pf-hud-icm .pf-bar.tg i { background: linear-gradient(90deg, #00FF9D, #00E5FF) !important; }
.pf-hud-icm .pf-bar.dd i { background: linear-gradient(90deg, #FF4D6D, #FF8FA3) !important; }
.pf-pass-icm,
:root[data-theme="icm"] .pf-pass {
  border-radius: 6px !important;
  background: rgba(6, 20, 24, .95) !important;
  border: 1px solid rgba(0, 229, 255, .42) !important;
  color: #EEFFF8 !important;
}

/* 5. Diamond Edition (pep) Prop Firm HUD — 3D Royal Sapphire & Ice Crystal */
.pf-hud-pep,
:root[data-theme="pep"] .pf-hud {
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(56, 189, 248, .28), transparent 55%),
    linear-gradient(145deg, rgba(16, 37, 76, .94) 0%, rgba(9, 22, 48, .97) 100%) !important;
  border: 1.5px solid rgba(125, 211, 252, .52) !important;
  box-shadow: 0 22px 48px -18px rgba(2, 8, 23, .85), inset 0 1px 0 rgba(255, 255, 255, .24) !important;
  color: #F0F9FF !important;
}
.pf-hud-pep .pf-k,
.pf-pass-pep .pf-k {
  color: #7DD3FC !important;
}
.pf-hud-pep .pf-st.live {
  background: rgba(56, 189, 248, .18) !important;
  border: 1px solid rgba(125, 211, 252, .45) !important;
  color: #BAE6FD !important;
}
.pf-hud-pep .pf-h-msc {
  background: rgba(56, 189, 248, .14) !important;
  border-color: rgba(125, 211, 252, .45) !important;
}
.pf-hud-pep .pf-big > div {
  border-radius: 18px !important;
  background: rgba(12, 26, 48, .84) !important;
  border: 1px solid rgba(56, 189, 248, .36) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}
.pf-hud-pep .pf-big span,
.pf-hud-pep .pf-rule span {
  color: #BAE6FD !important;
}
.pf-hud-pep .pf-big em,
.pf-hud-pep .pf-rule small {
  color: #93C5FD !important;
}
.pf-hud-pep .pf-big > div:first-child b { color: #FB7185 !important; }
.pf-hud-pep .pf-big .r b { color: #38BDF8 !important; }
.pf-hud-pep .pf-bar {
  background: rgba(12, 26, 48, .9) !important;
  border: 1px solid rgba(56, 189, 248, .22) !important;
}
.pf-hud-pep .pf-bar.tg i { background: linear-gradient(90deg, #2563EB, #38BDF8, #34D399) !important; }
.pf-pass-pep,
:root[data-theme="pep"] .pf-pass {
  border-radius: 22px !important;
  background: linear-gradient(145deg, rgba(15, 34, 68, .92), rgba(9, 22, 48, .96)) !important;
  border: 1.5px solid rgba(125, 211, 252, .42) !important;
  color: #F0F9FF !important;
}
.pf-pass-pep p,
:root[data-theme="pep"] .pf-pass p {
  color: #BAE6FD !important;
}

/* 6. Hornet Edition (exn) Prop Firm HUD — Cyber-Hornet Obsidian & #FACC15 Electric Gold */
.pf-hud-exn,
:root[data-theme="exn"] .pf-hud {
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(250, 204, 21, .22), transparent 55%),
    linear-gradient(160deg, #16140A 0%, #0B0C0F 100%) !important;
  border: 1.5px solid rgba(250, 204, 21, .58) !important;
  box-shadow: 0 20px 44px -20px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(250, 204, 21, .32) !important;
  color: #F5F5F0 !important;
}
.pf-hud-exn .pf-k,
.pf-pass-exn .pf-k {
  color: #FACC15 !important;
}
.pf-hud-exn .pf-st.live {
  background: #FACC15 !important;
  color: #111318 !important;
}
.pf-hud-exn .pf-h-msc {
  background: rgba(250, 204, 21, .14) !important;
  border-color: rgba(250, 204, 21, .48) !important;
}
.pf-hud-exn .pf-big > div {
  border-radius: 14px !important;
  background: rgba(14, 16, 22, .92) !important;
  border: 1px solid rgba(250, 204, 21, .32) !important;
}
.pf-hud-exn .pf-big > div:first-child b { color: #FF5A5F !important; }
.pf-hud-exn .pf-big .r b { color: #FACC15 !important; }
.pf-hud-exn .pf-bar.tg i { background: linear-gradient(90deg, #FACC15, #FFE84D) !important; }
.pf-pass-exn,
:root[data-theme="exn"] .pf-pass {
  border-radius: 18px !important;
  background: #14161C !important;
  border: 1.5px solid rgba(250, 204, 21, .42) !important;
  color: #F5F5F0 !important;
}

/* 7. Race Edition (fxp) Prop Firm HUD — F1 Carbon Telemetry & Racing Red (#E30613) */
.pf-hud-fxp,
:root[data-theme="fxp"] .pf-hud {
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(227, 6, 19, .24), transparent 55%),
    linear-gradient(160deg, #181014 0%, #0C0C0E 100%) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-left: 4px solid #E30613 !important;
  box-shadow: 0 20px 44px -20px rgba(227, 6, 19, .42) !important;
  color: #FFFFFF !important;
}
.pf-hud-fxp .pf-k,
.pf-pass-fxp .pf-k {
  color: #FF4D4D !important;
}
.pf-hud-fxp .pf-st.live {
  background: rgba(227, 6, 19, .22) !important;
  border: 1px solid rgba(227, 6, 19, .55) !important;
  color: #FF6B6B !important;
  border-radius: 4px !important;
}
.pf-hud-fxp .pf-h-msc {
  border-radius: 6px !important;
  background: rgba(227, 6, 19, .14) !important;
  border-color: rgba(227, 6, 19, .48) !important;
}
.pf-hud-fxp .pf-big > div {
  border-radius: 6px !important;
  background: rgba(10, 12, 16, .92) !important;
  border: 1px solid rgba(227, 6, 19, .36) !important;
}
.pf-hud-fxp .pf-big b {
  font-family: "Barlow Condensed", var(--num), sans-serif !important;
  font-style: italic;
  font-weight: 800;
  font-size: 44px;
}
.pf-hud-fxp .pf-big > div:first-child b { color: #FF5577 !important; }
.pf-hud-fxp .pf-big .r b { color: #2BD97C !important; }
.pf-hud-fxp .pf-bar {
  border-radius: 2px !important;
}
.pf-hud-fxp .pf-bar.tg i { background: linear-gradient(90deg, #E30613, #FFB020, #2BD97C) !important; }
.pf-pass-fxp,
:root[data-theme="fxp"] .pf-pass {
  border-radius: 8px !important;
  background: #121317 !important;
  border: 1px solid rgba(227, 6, 19, .38) !important;
  border-left: 4px solid #E30613 !important;
  color: #FFFFFF !important;
}

/* ================= Brain motion (js/brain.js brainMotion): entrance + quiet idle life. transform/opacity only ================= */
@keyframes brRise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes brFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes brTip{from{opacity:0}to{opacity:1}}
@keyframes brBreath{0%,100%{opacity:0}50%{opacity:.2}}
@keyframes brHalo{0%,100%{opacity:0}50%{opacity:.5}}
.br-page .br-wait{opacity:0}
.br-page .br-in{animation:brRise .52s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--bri,0) * 55ms)}
.br-page .br-in .br-tk-fill,.br-page .br-in .br-dfill,.br-page .br-in.lockc .prog i{transform-origin:left center;animation:brFill .72s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--brd,120ms)}
.br-page .br-in .br-tk-fill.loss{transform-origin:right center}
.br-page .br-in .br-tip-mk{animation:brTip .3s ease-out both;animation-delay:calc(var(--brd,120ms) + 560ms)}
/* idle: the two headline numbers (expectancy, best playbook total R) breathe a soft glow in their own color */
.br-page .mt-e b{position:relative;z-index:0}
.br-page .mt-e b::before{content:"";position:absolute;inset:-35% -14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,currentColor,transparent);opacity:0;pointer-events:none;animation:brBreath 5.6s ease-in-out 1.4s infinite;will-change:opacity}
.br-page .mt-e b.be::before{display:none}
.br-page .best .pill.w{position:relative}
.br-page .best .pill.w::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 14px 1px currentColor;opacity:0;pointer-events:none;animation:brHalo 5.6s ease-in-out 4.2s infinite;will-change:opacity}
.br-paused *,.br-paused *::before,.br-paused *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){
  .br-page .br-wait{opacity:1}
  .br-page .br-in,.br-page .br-in .br-tk-fill,.br-page .br-in .br-dfill,.br-page .br-in .prog i,.br-page .br-in .br-tip-mk{animation:none!important}
  .br-page .mt-e b::before,.br-page .best .pill.w::after{animation:none!important;opacity:0}
}
/* ================= end Brain motion ================= */

/* Hornet Quest v2: 10 compact quest rows, overall progress bar, home-only close (X) */
.hq-head-r, .hq-bar-r { display: flex; align-items: center; gap: 8px; }
.hq-x-btn {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(250, 204, 21, .35);
  color: #FACC15 !important;
  cursor: pointer;
  transition: all .15s;
}
.hq-x-btn::before { content: ''; position: absolute; inset: -7px; }
@media (hover:hover){.hq-x-btn:hover{ background: rgba(250, 204, 21, .18); border-color: #FACC15; }}
.hq-mini-segs.s10 { gap: 3px; }
.hq-mini-segs.s10 i { width: 9px; }
.hq-seg-bar.hq-seg-10 { position: relative; z-index: 1; margin: -4px 0 0; }
.hq-list.hq-10 { gap: 6px; }
.hq-list.hq-10 .hq-row { gap: 10px; padding: 8px 10px; border-radius: 13px; cursor: pointer; }
.hq-list.hq-10 .hq-row.done { cursor: default; }
.hq-list.hq-10 .hq-ic { width: 32px; height: 32px; border-radius: 10px; }
.hq-list.hq-10 .hq-r-mid { gap: 1px; }
.hq-list.hq-10 .hq-r-top b { font-size: 13px; }
.hq-list.hq-10 .hq-r-mid small { font-size: 11.5px; }
.hq-list.hq-10 .hq-done-pill { padding: 4px 9px; }
@media (max-width: 600px) {
  .hq-list.hq-10 .hq-row { flex-wrap: nowrap; }
  .hq-list.hq-10 .hq-r-act { width: auto; }
  .hq-list.hq-10 .hq-r-act:has(.hq-done-pill) { display: none; }
  .hq-x-btn::before { inset: -8px; }
  .hq-head-r .hq-tog-btn { width: 30px; height: 30px; padding: 0; justify-content: center; position: relative; }
  .hq-head-r .hq-tog-btn span { display: none; }
  .hq-head-r .hq-tog-btn::before { content: ''; position: absolute; inset: -8px; }
  .hq-head-r { gap: 10px; }
}
.hq-head-txt .hq-badge { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Payments v2: Free vs Pro plan lists, Edition themes on #pro, read-only accounts note */
.pro-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.pc-card{min-width:0;padding:14px;border-radius:18px;background:var(--s1);border:1px solid var(--hair)}
.pc-card.pc-pro{border-color:#FFB020;background:linear-gradient(160deg,rgba(255,176,32,.10),var(--s1))}
.pc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.pc-head b{font-size:16px}.pc-head .n{font-size:20px;font-weight:800;font-family:var(--num);letter-spacing:-.02em}.pc-head .n small{font-size:12px;font-weight:600;color:var(--t3);margin-left:2px}
.pc-sub{margin:-2px 0 8px;font-size:12px;color:var(--t3)}
.pc-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pc-card li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--t2)}
.pc-ic{width:22px;height:22px;flex:none;border-radius:7px;display:grid;place-items:center;background:var(--sig-soft);color:var(--sig-text)}
.pc-ic svg{width:14px;height:14px}
.pc-pro .pc-ic{background:rgba(255,176,32,.16);color:#FFB020}
.pc-card ul.pc-pf{margin:6px 0 0 30px;gap:6px}
.pc-pf li{font-size:12px;color:var(--t3)}
.pc-dot{width:6px;height:6px;flex:none;margin-top:6px;border-radius:50%;background:#FFB020}
.pro-themes{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pt-head{display:flex;flex-direction:column;gap:2px}.pt-head b{font-size:15px}
.pt-row{display:flex;align-items:center;gap:10px;min-width:0}
.pt-sw{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--s2,var(--s1));border:1px solid var(--hair)}
.pt-sw svg{width:28px;height:28px}
.pt-icm{color:#00FF9D}.pt-pep{color:#38BDF8}.pt-exn{color:#FACC15}.pt-fxp{color:#FF4D4D}
.pt-n{flex:1;min-width:0;display:flex;flex-direction:column}.pt-n b{font-size:14px}.pt-n small{font-size:11.5px}
.pt-buy{width:auto;flex:none;font-family:var(--num)}
.pro-manage{display:flex;align-items:center;justify-content:center;gap:8px}
.ac-ro{display:flex;gap:8px;align-items:flex-start;margin:8px 2px 0;padding:10px 12px;border-radius:12px;background:rgba(255,176,32,.10);line-height:1.45}
.ac-ro svg{flex:none;width:16px;height:16px;margin-top:1px}
@media (max-width:600px){.pro-compare{grid-template-columns:1fr}}

/* ---- sign-in: email + password (royal blue accent in every theme) ---- */
.login.auth{--auth:#3A5AF6;--auth-2:#5B78FA;--auth-soft:rgba(58,90,246,.18)}
.login.auth .in{gap:12px}
.auth-tag{text-align:center;margin:0;font-size:17px;font-weight:700;color:var(--t1)}
.auth-sub{text-align:center;margin:-6px 0 2px;font-size:13.5px;line-height:1.5}
.login.auth .feat{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}
.login.auth .feat span{padding:7px 11px;font-size:12.5px;border-radius:999px;gap:7px}
.login.auth .feat svg{width:15px;height:15px;color:var(--auth-2)}
.login.auth .login-cta{padding-top:4px}
.auth-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--s1);border:1px solid var(--hair);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass)}
.auth-tabs{display:flex;padding:3px;border-radius:13px;background:var(--s2);border:1px solid var(--hair)}
.auth-tabs button{flex:1;min-height:40px;border-radius:10px;font-size:14px;font-weight:600;color:var(--t2);transition:background .18s,color .18s}
.auth-tabs button[aria-selected="true"]{background:var(--auth);color:#fff;box-shadow:0 6px 16px -6px rgba(58,90,246,.7)}
.auth-tabs button:focus-visible,.af-eye:focus-visible,.af-link:focus-visible,.af-back:focus-visible{outline:2px solid var(--auth-2);outline-offset:2px}
#auth-form{display:flex;flex-direction:column;gap:12px}
.af{display:flex;flex-direction:column;gap:6px}
.af>label{font-size:12.5px;font-weight:600;color:var(--t2)}
.af>label .opt{font-weight:400;color:var(--t3)}
.af-in{position:relative;display:flex;align-items:center}
.af-in>svg{position:absolute;left:14px;width:18px;height:18px;color:var(--t3);pointer-events:none}
.af-in .input{padding-left:42px;min-height:50px}
.af-in .input[type="password"],.af-in .input#af-pw{padding-right:48px}
.login.auth .input:focus{border-color:var(--auth);box-shadow:0 0 0 4px var(--auth-soft)}
.af-in .input[aria-invalid="true"]{border-color:var(--loss)}
.af-eye{position:absolute;right:4px;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--t3)}
.af-eye:hover{color:var(--t1)}
.af-hint{margin:0;font-size:12px;color:var(--t3)}
.af-link{font-size:13px;font-weight:600;color:var(--auth-2);padding:2px 0;background:none}
.af-link.right{align-self:flex-end;margin-top:-4px}
.af-link.center{align-self:center}
.af-link.inline{display:inline;text-decoration:underline;font-size:inherit}
.af-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--t2);margin:-4px 0 -2px -4px;padding:4px}
.af-err{margin:0;text-align:left;line-height:1.45}
.af-err:empty{display:none}
.auth-btn{background:linear-gradient(180deg,var(--auth-2),var(--auth));color:#fff;box-shadow:0 10px 24px -10px rgba(58,90,246,.85),inset 0 1px 0 rgba(255,255,255,.25)}
.auth-or{display:flex;align-items:center;gap:12px;color:var(--t3);font-size:12.5px;margin:2px 0}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--hair)}
.auth-h{margin:0;font-size:19px;font-weight:700;color:var(--t1)}
.auth-p{margin:-4px 0 0;font-size:14px;line-height:1.55;color:var(--t2)}
.auth-p.sm{font-size:12.5px;color:var(--t3);text-align:center;margin:0}
.auth-p a,.auth-p b{color:var(--t1)}
.auth-done{text-align:center;align-items:center}
.auth-done>svg{width:44px;height:44px;color:var(--auth-2)}
.auth-done .auth-p{margin:0}
.auth-hero{display:flex;flex-direction:column;gap:12px}
.auth-mark{display:flex;justify-content:center;margin-top:6px}
.af-in>svg{z-index:2}
@media (min-width:900px){
  .login.auth{justify-content:center}
  .login.auth .in{max-width:940px;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:64px;row-gap:8px;align-items:center}
  .login.auth .lang{grid-column:1/-1}
  .login.auth .auth-hero{align-items:flex-start;gap:16px}
  .login.auth .auth-mark{justify-content:flex-start}
  .login.auth .auth-tag{text-align:left;font-size:30px;line-height:1.2;letter-spacing:-.02em}
  .login.auth .auth-sub{text-align:left;font-size:15.5px;margin:0;max-width:420px}
  .login.auth .feat{flex-direction:column;align-items:flex-start;justify-content:flex-start}
  .login.auth .feat span{font-size:14px;padding:9px 14px}
}
@media (prefers-reduced-motion:reduce){.auth-tabs button{transition:none}}

/* ---- coach marks (guided practice) ---- */
#coach{position:fixed;inset:0;z-index:9000;pointer-events:none}
#coach[hidden]{display:none}
#coach .coach-dim{position:fixed;inset:0;width:100%;height:100%}
#coach .shade{fill:rgba(3,6,16,.62)}
#coach .coach-ring,#coach .coach-ring2{position:fixed;border-radius:14px;box-sizing:border-box;transition:left .25s,top .25s,width .25s,height .25s}
#coach .coach-ring{border:2px solid #3A5AF6;box-shadow:0 0 0 4px rgba(58,90,246,.28),0 0 26px 4px rgba(58,90,246,.55);animation:coachPulse 1.6s ease-in-out infinite}
#coach .coach-ring2{border:1.5px dashed rgba(122,148,255,.85);background:rgba(58,90,246,.08)}
#coach .coach-ring2[hidden]{display:none}
@keyframes coachPulse{0%,100%{box-shadow:0 0 0 3px rgba(58,90,246,.30),0 0 18px 2px rgba(58,90,246,.45)}50%{box-shadow:0 0 0 9px rgba(58,90,246,.10),0 0 34px 8px rgba(58,90,246,.65)}}
#coach .coach-tip{position:fixed;pointer-events:auto;background:#10163A;color:#F4F6FF;border:1px solid rgba(91,120,250,.65);border-radius:14px;padding:12px 14px 10px;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);font-size:14px;line-height:1.45;width:max-content;transition:left .25s,top .25s}
#coach .coach-txt{margin:0}
#coach .coach-txt b{color:#fff}
#coach .coach-foot{display:flex;align-items:center;gap:10px;margin-top:8px}
#coach .coach-n{font-size:11.5px;color:#9FB0F5;font-variant-numeric:tabular-nums;flex:1}
#coach .coach-next{background:#3A5AF6;color:#fff;font-weight:600;font-size:13px;border-radius:9px;padding:6px 14px;min-height:32px}
#coach .coach-next[hidden]{display:none}
#coach .coach-next:focus-visible{outline:2px solid #fff;outline-offset:2px}
#coach .coach-arrow{position:absolute;width:12px;height:12px;background:#10163A;border:1px solid rgba(91,120,250,.65);transform:rotate(45deg);margin:-6px 0 0 -6px}
#coach .coach-tip[data-side="below"] .coach-arrow{top:0;border-right:0;border-bottom:0}
#coach .coach-tip[data-side="above"] .coach-arrow{top:100%;border-left:0;border-top:0}
#coach .coach-tip[data-side="right"] .coach-arrow{left:0!important;border-top:0;border-right:0}
#coach .coach-tip[data-side="left"] .coach-arrow{left:100%!important;border-bottom:0;border-left:0}
@media (prefers-reduced-motion:reduce){#coach .coach-ring{animation:none}#coach .coach-ring,#coach .coach-ring2,#coach .coach-tip{transition:none}}
/* payments not live yet: price cards are display only, the buy button is inert */
.pro-plans.pay-off .pro-plan{cursor:default}
.btn.pay-wip,.btn.pay-wip:disabled{margin-top:12px;width:100%;opacity:.62;cursor:not-allowed;pointer-events:none}
.pvfoot .pay-wip{margin-top:0}
.pv-price b{font-size:22px;font-family:var(--num);color:#fff;letter-spacing:-.02em}

/* Your plan (Stripe billing card): status line, visible Cancel subscription (outline danger), Manage billing */
.bill-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.bill-head{display:flex;align-items:center;gap:12px}
.bill-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--win-soft);color:var(--win);flex:none}
.bill-card[data-status="cancelled"] .bill-ic{background:var(--gold-soft);color:var(--gold)}
.bill-txt{flex:1;min-width:0}.bill-txt b{display:block;font-size:16px}
.bill-line{display:block;font-size:13.5px;color:var(--t1)}
.bill-warn{margin:0;padding:10px 12px;border-radius:12px;background:var(--loss-soft);color:var(--loss);font-size:13px;line-height:1.4}

/* admin test: one small line, not a card */
.bill-admin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0}
.bill-admin .pill{font-size:12px;white-space:normal}
.bill-admin-go{font-size:13px;font-weight:600;color:var(--sig-text);padding:4px 0}

/* Manage billing · Cancel subscription: quiet text links, not buttons */
.bill-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 8px;margin:6px 0 2px;font-size:12.5px;color:var(--t3)}
.bill-link{background:none;border:0;padding:8px 2px;font:inherit;color:var(--t2);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.bill-link:hover,.bill-link:focus-visible{color:var(--t1);text-decoration-color:currentColor}
.bill-link:disabled{opacity:.5}

/* Pro look: a quiet warm-gold glow on the main cards, a gold ring on the avatar, a small PRO pill. Real Pro only (body.is-pro). */
body.is-pro{--pro-rgb:212,175,55;--pro-a1:.18;--pro-a2:.32;--pro-top:.55;--pro-ink:#E9C766}
:root[data-theme="white"] body.is-pro{--pro-rgb:176,122,8;--pro-a1:.22;--pro-a2:.18;--pro-top:.6;--pro-ink:#8A5D00}
:root[data-theme="icm"] body.is-pro{--pro-a1:.14;--pro-a2:.24}
:root[data-theme="exn"] body.is-pro{--pro-a1:.14;--pro-a2:.22}
body.is-pro #view .card:not(.hero):not(.pro-hero),body.is-pro #view .grp{box-shadow:inset 0 1px 0 rgba(var(--pro-rgb),var(--pro-top)),0 0 0 1px rgba(var(--pro-rgb),var(--pro-a1)),0 8px 28px -12px rgba(var(--pro-rgb),var(--pro-a2))}
body.is-pro .av{background:conic-gradient(from 200deg,#B8860B,#F6D77A,#C9A227,#F6D77A,#B8860B)}
.pro-pill{display:inline-flex;align-items:center;flex:none;font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1;padding:3px 6px;border-radius:999px;color:var(--pro-ink,#E9C766);background:rgba(var(--pro-rgb,212,175,55),.14);border:1px solid rgba(var(--pro-rgb,212,175,55),.45)}
.me-nm{display:flex;align-items:center;gap:6px;min-width:0}
.st-prof-meta .pro-pill{margin:0 0 6px 6px;vertical-align:middle}
/* v51 Symbol helper link + symbol manager */
.field>.labrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.labrow>.lab{font-size:12.5px;color:var(--t3);font-weight:500}
.labhelp{font-size:11.5px;color:var(--t3);opacity:.85;text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:3px;padding:4px 0;white-space:nowrap}
.labhelp:hover,.labhelp:focus-visible{color:var(--t2);opacity:1}
.tagx button.mv{background:transparent;color:var(--t3);display:inline-grid;place-items:center;margin-left:-6px}
.tagx button.mv svg{width:12px;height:12px;transform:rotate(180deg)}
#ls-sym-card.flash{animation:lsflash 1.4s ease}
@keyframes lsflash{0%,40%{box-shadow:0 0 0 2px var(--sig-text)}100%{box-shadow:0 0 0 0 transparent}}
/* v52 Install the app card (Settings, above Themes) + home nudge */
.in-card{position:relative;border:1px solid transparent;background:linear-gradient(var(--s1),var(--s1)) padding-box,linear-gradient(135deg,var(--sig) 0%,var(--sig-text) 55%,var(--hair-2) 100%) border-box;box-shadow:0 10px 34px -14px var(--sig),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.in-card::before{content:"";position:absolute;inset:-40% -20% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--sig-soft) 0%,transparent 70%);pointer-events:none}
.in-head{display:flex;gap:12px;align-items:center;position:relative}
.in-ph{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sig-grad);color:var(--sig-ink);box-shadow:0 6px 18px -6px var(--sig)}
.in-t{display:block;font-size:16px;font-weight:650;color:var(--t1);letter-spacing:-.01em}
.in-why{display:block;font-size:12.5px;color:var(--t2);margin-top:2px}
.in-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;position:relative}
.in-steps li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--s2);border:1px solid var(--hair);font-size:13.5px;color:var(--t2)}
.in-steps b{color:var(--t1);font-weight:600}
.in-n{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--sig-soft);color:var(--sig-text)}
.in-ic{flex:none;display:grid;place-items:center;color:var(--sig-text)}
.in-btn{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}
.in-btn2{margin-top:8px;display:inline-flex;align-items:center;gap:6px}
.in-desk{display:flex;gap:14px;align-items:center;margin-top:14px;position:relative}
.in-qr{flex:none;width:96px;height:96px;border-radius:10px;background:#fff;padding:5px;box-sizing:border-box}
.in-dtx{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--t2);min-width:0}
.in-url{font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;color:var(--sig-text);font-weight:500;word-break:break-all}
.in-card.in-done{display:flex;align-items:center;gap:10px;padding:12px 16px;box-shadow:none;font-size:13.5px}
.in-card.in-done::before{display:none}
.in-ok{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--win-soft);color:var(--win)}
#st-install.flash{animation:lsflash 1.4s ease}
.in-nudge{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;margin:0 0 12px;border-radius:14px;background:var(--s1);border:1px solid var(--sig-soft);box-shadow:0 6px 22px -12px var(--sig)}
.in-nudge .in-ph{width:30px;height:30px;border-radius:9px}
.in-nudge .in-ph svg{width:17px;height:17px}
.in-nl{flex:1;text-align:left;font-size:13.5px;font-weight:600;color:var(--t1);padding:6px 0}
.in-nx{width:28px;height:28px;border-radius:50%;color:var(--t3);font-size:15px}
.in-btn2{background:var(--sig-soft);color:var(--sig-text);border:1px solid var(--sig-soft);align-self:flex-start;padding:7px 12px;border-radius:10px;font-weight:600}
/* v52 Practice on phones: compact, the chart stays pinned at the top so the step's chart line, the control and the hint fit
   on one screen. Practice view only; the normal trade form and desktop are untouched. */
#app{min-height:100vh;min-height:100dvh}
#coach .coach-skip{font-size:12px;color:#9FB0F5;background:none;padding:6px 4px;min-height:32px;text-decoration:underline;text-decoration-color:rgba(159,176,245,.35);text-underline-offset:3px}
#coach .coach-skip[hidden]{display:none}
#coach .coach-skip:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}
.who .chat-skip{font-size:12px;color:var(--t3);padding:6px 8px;border-radius:8px;text-decoration:underline;text-decoration-color:var(--hair-2);text-underline-offset:3px;flex:none}
@media (max-width: 600px){
  .view.prv{padding-top:6px}
  .view.prv .pt-top{gap:8px}
  .view.prv .pt-top b{font-size:15.5px}
  .view.prv .psteps{margin:6px 0 8px}
  .view.prv .p3-split-stage{gap:8px}
  .view.prv .p3-ext{position:sticky;top:0;z-index:4;border-radius:14px}
  .view.prv .p3-ext-bar{padding:6px 10px}
  .view.prv .p3-ext .p3-chart-stage{height:clamp(112px, 19svh, 150px) !important}
  .view.prv .p3-mid-arrow{display:none}
  .view.prv .p3-phone-frame{padding:8px !important;gap:8px !important}
  .view.prv .p3-app .tw-bar{display:none}
  .view.prv .p3-live-eye{padding:12px 14px !important;gap:6px !important}
  .view.prv .p3-live-eye .pl .r{font-size:38px !important;line-height:1.05 !important}
  .view.prv .p3-live-eye .pl{margin:0 !important}
  .view.prv .p3-live-eye .rvault{margin-top:4px !important;padding:6px 10px !important}
  .view.prv .p3-app .card.mg{padding:10px !important;gap:8px !important}
  .view.prv .p3-app .money{min-height:46px !important}
  .view.prv .p3-app .p3-act-btn{min-height:46px !important}
  html.coach-on .view.prv{padding-bottom:40svh}
}
@media (max-width: 600px){
  .view.prv .p3-live-eye .sy{flex-wrap:nowrap !important;min-height:0 !important}
  .view.prv .p3-live-eye .sy .tc-theme-sig{display:none !important}
}
/* v53 Import trades (Excel) preview */
.imp-pv h3{margin:0 0 10px}
.imp-big{display:flex;align-items:baseline;gap:8px}
.imp-big b{font-size:34px;font-weight:700;letter-spacing:-.02em;color:var(--t1)}
.imp-big span{color:var(--t2);font-size:14px}
.imp-range{margin:2px 0 12px}
.imp-dl{margin:0 0 12px;display:grid;gap:6px}
.imp-dl div{display:flex;gap:10px;font-size:13px;line-height:1.4}
.imp-dl dt{flex:none;width:72px;color:var(--t3)}
.imp-dl dd{margin:0;color:var(--t1);min-width:0;overflow-wrap:anywhere}
.imp-w{list-style:none;margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--s2);border:1px solid var(--hair);display:grid;gap:5px;font-size:12.5px;color:var(--t2)}
.imp-w li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--t3);margin:0 8px 2px 0;vertical-align:middle}

/* Settings v2: grouped list rows + Theme store */
.st-me{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;color:inherit}
.st-me-av{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden}
.st-me-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.st-me-txt b{font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-me-txt small{font-size:12.5px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-me>svg,.st-row .v>svg{width:16px;height:16px;color:var(--t3);flex:none}
.st-row{text-decoration:none;color:inherit;background:none;border-left:0;border-right:0;border-bottom:0;font:inherit;cursor:pointer}
.st-grp .gr.st-row:first-child{border-top:0}
.st-row .gic{background:var(--s3);color:var(--t2)}
.st-row .st-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-row .st-val{color:var(--t3);font-size:13.5px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
@media (hover:hover){.st-row:is(a,button):hover{background:var(--s2)}}
.st-row:is(a,button):active{background:var(--s3)}
.st-store-sub{margin:-4px 4px 2px;line-height:1.45}
.st-store-hq{margin-top:12px}

/* ---------- CSV import (Settings > Data) ---------- */
.st-row .st-lbl .st-sub{display:block;font-size:11.5px;color:var(--t3);font-weight:400;margin-top:2px;white-space:normal;line-height:1.35}
.st-row .st-lbl:has(.st-sub){white-space:normal}
.csv-mapv,.csv-pv{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
.csv-msub{margin:-4px 0 10px;font-size:12.5px}
.csv-map{display:grid;gap:8px;margin:0 0 10px}
.csv-mr{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:center;gap:2px 10px}
.csv-ml{font-size:13px;color:var(--t1);line-height:1.25}
.csv-ml em{font-style:normal;font-size:10.5px;color:var(--sig-text);margin-left:2px}
.csv-sel{padding:7px 10px;font-size:13px;min-height:0;height:36px}
.csv-smp{grid-column:2;font-size:11px;color:var(--t3);min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csv-smp:empty{display:none}
.csv-dord{justify-self:start}
.csv-need{margin:0 0 10px;color:var(--loss);font-size:12px}
.csv-table{margin:0 0 12px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:var(--s1)}
.csv-tr{display:grid;grid-template-columns:52px minmax(0,1fr) auto 58px;gap:8px;align-items:center;padding:7px 10px;font-size:12.5px;border-top:1px solid var(--hair)}
.csv-tr:first-child{border-top:0}
.csv-d{color:var(--t3);font-size:11.5px}
.csv-s{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.csv-s b{font-weight:600;color:var(--t1)}
.csv-s small{color:var(--t3);font-size:11px}
.csv-pl{text-align:right;color:var(--t2)}
.csv-r{text-align:right;font-weight:600}
.csv-more{padding:6px 10px;border-top:1px solid var(--hair);font-size:11.5px}
.nosl-lbl{display:inline-block;justify-self:end;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:3px 7px;border-radius:6px;background:var(--s2);color:var(--t2);border:1px solid var(--hair-2);white-space:nowrap}
.tr .rv .nosl-lbl{display:inline-block;font-size:10.5px}
.nosl-r{color:var(--t2)!important;font-size:.62em!important;letter-spacing:.02em}
.nosl-why{margin:6px 0 0;font-size:12px;color:var(--t3)}
.csv-sum .csv-sl{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--t2)}
.csv-sum .csv-sl:first-of-type{border-top:0}
.csv-sum .csv-sl b{color:var(--t1);font-size:15px}
.csv-sum .csv-sl.big b{font-size:28px;font-weight:700}
.csv-sum .row{margin-top:12px}

/* ---------- ICT/SMC tags ---------- */
.tg-head{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;background:var(--s1);border:1px solid var(--hair);color:var(--t1);text-align:left;cursor:pointer}
.tg-head .lab{flex:none;margin:0}
.tg-sum{flex:1;min-width:0;font-size:12.5px;color:var(--t2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-chev{flex:none;display:grid;place-items:center;color:var(--t3);transition:transform .15s}
.tg-chev svg{width:16px;height:16px}
.tg-head[aria-expanded="true"] .tg-chev{transform:rotate(90deg)}
.tg-panel{margin-top:8px;display:grid;gap:8px}
.tg-grp{display:grid;gap:4px}
.tg-gl{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3)}
.tg-chips{gap:5px;flex-wrap:wrap}
.tg-chips .chip{padding:4px 9px;font-size:12px}
.tg-info{margin:0;font-size:11.5px;color:var(--t3);min-height:16px}
.tg-info b{color:var(--t1);font-weight:600;margin-right:4px}
.tg-pills{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;overflow:hidden;max-height:19px}
.tg-pills i{font-style:normal;font-size:10.5px;font-weight:600;line-height:1;padding:3px 6px;border-radius:5px;background:var(--sig-soft);color:var(--sig-text);white-space:nowrap}
.tg-pills i.more{background:var(--s2);color:var(--t3)}
.eye-tags{margin-top:10px;position:relative}
.eye-tags .tg-pills{max-height:none;gap:4px}
.eye-tags .tg-pills i{font-size:11.5px;padding:4px 8px}
.tg-tbl{display:grid;font-size:13px}
.tg-tr{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px 56px 60px;gap:6px;align-items:center;padding:7px 0;border-top:1px solid var(--hair)}
.tg-tr > :not(:first-child){text-align:right}
.tg-th{border-top:0;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--t3);padding-top:0}
.tg-k{font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-tr b{font-weight:600}
.tg-cat .tg-grp{margin-top:10px}
.tg-dl{margin:0;display:grid;gap:3px}
.tg-dl div{display:flex;gap:10px;font-size:12.5px;line-height:1.35}
.tg-dl dt{flex:none;width:118px;color:var(--t1);font-weight:600}
.tg-dl dd{margin:0;color:var(--t3);min-width:0}
/* journal filter modes: 4 buttons stay on one line, swipe if narrow */
.jf-modes{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
.jf-modes::-webkit-scrollbar{display:none}
.jf-mbtn{flex:none}
.tr .rv .nosl-lbl{display:block;width:max-content;margin:0 0 3px auto}
.st-gnote{margin:-4px 4px 4px;font-size:11px;letter-spacing:-.005em;line-height:1.4;color:var(--t3)}