@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0C0C0C;--s1:#131313;--s2:#1A1A1A;--border:#222;--gold:#C9A84C;--gold2:#E8C96A;--white:#F0F2F8;--muted:#555;--dim:#2A2A2A;--green:#00C87A;--red:#FF3B4E;--yellow:#F5A800;--btc:#F0921A;--blue:#4A9EFF}
html,body{height:100%;width:100%;background:var(--bg);margin:0;padding:0;overflow-x:hidden}
body{font-family:'Inter',sans-serif;color:var(--white);display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased;overscroll-behavior:none;width:100%}
.phone{width:100% !important;max-width:100% !important;}
@media(min-width:600px){
  .phone{max-width:430px !important;border-left:1px solid #2A2A2A;border-right:1px solid #2A2A2A}
}

/* INSTALL BANNER */
.install-banner{position:fixed;top:0;left:0;right:0;background:#1A1500;border-bottom:1px solid #3A2E00;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;z-index:100}
.ib-text{display:flex;flex-direction:column;gap:2px}
.ib-text strong{font-size:13px;color:var(--yellow)}
.ib-text span{font-size:11px;color:#998840}
.ib-btn{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer}

/* PHONE */
.phone{width:100%;max-width:100%;min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);position:relative;overflow:hidden}

/* HEADER */
.header{padding:20px 22px 16px;padding-top:max(20px, env(safe-area-inset-top));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.logo-col{display:flex;flex-direction:column;gap:1px}
.logo-row{display:flex;align-items:center;position:relative;overflow:hidden;width:fit-content}
.logo-num{font-family:'Space Mono',monospace;font-size:34px;font-weight:700;color:var(--gold);line-height:1;letter-spacing:-1px}
.logo-bolt{font-size:28px;color:var(--gold2);line-height:1;margin-left:-1px}
.logo-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,201,106,.5),transparent);animation:shimmer 3s ease infinite}
@keyframes shimmer{0%{left:-100%}100%{left:200%}}
.logo-trades{font-size:11px;font-weight:700;letter-spacing:5px;color:var(--white);text-transform:uppercase;margin-top:-2px}
.logo-sub{font-size:9px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-top:1px}
.header-right{display:flex;align-items:center;gap:12px}
.dot-live{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.notif-btn{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--muted);cursor:pointer;font-size:18px;display:flex;align-items:center;transition:all .2s}
.notif-btn.active{color:var(--gold);border-color:#C9A84C40;background:#C9A84C10}

.main{flex:1;padding:10px 16px 24px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;width:100%}
.divider{height:1px;background:var(--border)}

/* STATS ROW */
.stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.stat-box{background:var(--s1);border:1px solid var(--border);border-radius:12px;padding:11px 10px;display:flex;flex-direction:column;gap:3px;align-items:center}
.sb-val{font-family:'Space Mono',monospace;font-size:18px;font-weight:700}
.sb-val.green{color:var(--green)}.sb-val.gold{color:var(--gold)}.sb-val.blue{color:var(--blue)}
.sb-lbl{font-size:9px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase}

/* PNL CARD */
.pnl-card{background:linear-gradient(135deg,#0A1200,#001A0F);border:1px solid #00C87A25;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}
.pnl-left{display:flex;flex-direction:column;gap:3px}
.pnl-lbl{font-size:9px;color:#559966;letter-spacing:1.5px;text-transform:uppercase}
.pnl-val{font-family:'Space Mono',monospace;font-size:26px;font-weight:700;color:var(--green)}
.pnl-sub{font-size:10px;color:#446644}
.pnl-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pnl-today-lbl{font-size:10px;color:var(--muted)}
.pnl-today-val{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:var(--green)}

/* STREAK */
.streak-card{background:var(--s1);border:1px solid #C9A84C25;border-radius:14px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between}
.streak-card.hot{border-color:#C9A84C50;background:#0C0A00}
.streak-left{display:flex;flex-direction:column;gap:4px;flex:1}
.streak-title{font-size:11px;font-weight:600;color:var(--gold2)}
.streak-sub{font-size:10px;color:var(--muted)}
.streak-bar{height:4px;background:var(--s2);border-radius:4px;overflow:hidden;margin-top:2px;width:100%;max-width:140px}
.streak-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--green));transition:width .6s ease}
.streak-next{font-size:9px;color:var(--muted);margin-top:3px}
.streak-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.streak-num{font-family:'Space Mono',monospace;font-size:32px;font-weight:700;color:var(--green);line-height:1}
.milestone-badge{background:#C9A84C18;border:1px solid #C9A84C30;border-radius:20px;padding:3px 10px;font-size:9px;font-weight:700;color:var(--gold);letter-spacing:.5px}

/* COUNTDOWN */
.countdown-card{background:var(--s1);border:1px solid var(--border);border-radius:16px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;transition:all .5s}
.countdown-card.urgent{border-color:#F5A80040}
.cc-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,#F5A80010 0%,transparent 70%);animation:glow-pulse 1s ease infinite;pointer-events:none}
@keyframes glow-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.cc-border{position:absolute;inset:0;border-radius:16px;border:1px solid transparent;animation:border-glow 1s ease infinite;pointer-events:none}
@keyframes border-glow{0%,100%{border-color:#F5A80020}50%{border-color:#F5A80070}}
.cc-left{display:flex;flex-direction:column;gap:3px;z-index:1}
.cc-lbl{font-size:9px;color:var(--muted);letter-spacing:1.5px;text-transform:uppercase}
.cc-time{font-family:'Space Mono',monospace;font-size:36px;font-weight:700;letter-spacing:-2px;color:var(--white);transition:color .3s}
.cc-time.urgent{color:var(--yellow);animation:urgent-pulse .8s ease infinite}
@keyframes urgent-pulse{0%,100%{opacity:1}50%{opacity:.6}}
.cc-sub{font-size:10px;color:var(--muted);transition:color .3s}
.cc-sub.urgent{color:var(--yellow);opacity:.8}
.cc-right{z-index:1}
.cc-ring{width:48px;height:48px;border-radius:50%;background:#C9A84C10;border:1px solid #C9A84C25;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s}
.cc-ring.urgent{background:#F5A80015;border-color:#F5A80050;animation:ring-urgent 1s ease infinite}
@keyframes ring-urgent{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

/* MOOD */
.mood-bar{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between}
.mood-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}
.mood-asset{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.mood-tag{font-size:10px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.3px}
.mood-tag.bull{background:#00C87A15;color:var(--green);border:1px solid #00C87A30}
.mood-tag.bear{background:#FF3B4E15;color:var(--red);border:1px solid #FF3B4E30}
.mood-tag.neutral{background:var(--s2);color:var(--muted);border:1px solid var(--border)}
.mood-tag.volatile{background:#F5A80015;color:var(--yellow);border:1px solid #F5A80030}
.mood-divider{width:1px;height:30px;background:var(--border)}

/* DAILY RECAP */
.recap-card{background:#0A0A14;border:1px solid #4A9EFF20;border-radius:14px;padding:13px 18px;display:flex;align-items:center;gap:12px}
.recap-ico{width:36px;height:36px;border-radius:10px;background:#4A9EFF12;border:1px solid #4A9EFF20;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.recap-title{font-size:12px;font-weight:600;color:#7AB4FF;margin-bottom:3px}
.recap-desc{font-size:11px;color:var(--muted);line-height:1.5}

/* SCANNING */
.scanning-block{display:flex;flex-direction:column;gap:10px;width:100%}

/* LIVE TRADE */
.live-block{background:var(--s1);border:1px solid var(--border);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;transition:all .5s}
.live-block.sl-hit{border-color:#FF3B4E40;background:#100808;animation:slpulse .7s ease}
@keyframes slpulse{0%{box-shadow:0 0 0 0 #FF3B4E50}70%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 0 transparent}}
.live-block.sl-hit .live-dir,.live-block.sl-hit .pnl-val-live{color:var(--red)!important}
.live-block.sl-hit .prog-fill,.live-block.sl-hit .prog-cursor{background:var(--red)!important}
.live-top{display:flex;align-items:center;justify-content:space-between}
.live-tag{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.green-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite}
.live-asset{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:1px}
.live-mid{display:flex;align-items:center;justify-content:space-between}
.live-dir{font-family:'Space Mono',monospace;font-size:36px;font-weight:700;color:var(--green);transition:color .4s}
.live-pnl{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.pnl-val-live{font-family:'Space Mono',monospace;font-size:22px;font-weight:700;color:var(--green);transition:color .4s}
.pnl-lbl{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.prog-wrap{position:relative;height:2px;background:var(--dim);border-radius:2px}
.prog-fill{position:absolute;left:0;top:0;height:100%;border-radius:2px;background:var(--green);transition:width .8s ease}
.prog-cursor{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--bg);transition:left .8s ease}
.levels-wrap{display:flex;flex-direction:column;gap:7px}
.sl-row{display:flex;align-items:center;justify-content:space-between;background:#FF3B4E08;border:1px solid #FF3B4E22;border-radius:10px;padding:11px 14px;position:relative;overflow:hidden;transition:all .3s}
.sl-row.hit{background:#FF3B4E18;border-color:#FF3B4E60;animation:slrowpulse .7s ease}
@keyframes slrowpulse{0%{box-shadow:0 0 0 0 #FF3B4E50}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.sl-shine{position:absolute;left:-100%;top:0;height:100%;width:60%;background:linear-gradient(90deg,transparent,#FF3B4E20,transparent)}
.sl-row.hit .sl-shine{animation:redshine .6s ease forwards}
@keyframes redshine{from{left:-60%}to{left:120%}}
.sl-left{display:flex;align-items:center;gap:8px}
.sl-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}
.sl-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--red);text-transform:uppercase}
.sl-hit-lbl{font-size:9px;font-weight:700;color:var(--red);text-transform:uppercase;opacity:0;transition:opacity .3s;margin-left:4px}
.sl-row.hit .sl-hit-lbl{opacity:1}
.sl-right{display:flex;align-items:center;gap:10px}
.sl-price{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:var(--red)}
.sl-x{width:18px;height:18px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s}
.sl-x i{font-size:11px;color:#fff}
.sl-row.hit .sl-x{opacity:1;transform:scale(1)}
.tp-row{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:11px 14px;border:1px solid #00C87A15;background:#00C87A06;position:relative;overflow:hidden;transition:all .4s}
.tp-row.hit{border-color:#00C87A60;background:#00C87A14;animation:tppulse .6s ease}
@keyframes tppulse{0%{box-shadow:0 0 0 0 #00C87A40}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tp-row.dimmed{opacity:.3;filter:grayscale(.6)}
.tp-shine{position:absolute;left:-100%;top:0;height:100%;width:60%;background:linear-gradient(90deg,transparent,#00C87A18,transparent)}
.tp-row.hit .tp-shine{animation:shine .6s ease forwards}
@keyframes shine{from{left:-60%}to{left:120%}}
.tp-left{display:flex;align-items:center;gap:8px}
.tp-num{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#006B42;text-transform:uppercase;transition:color .3s}
.tp-row.hit .tp-num{color:var(--green)}
.hit-lbl{font-size:9px;font-weight:700;color:var(--green);text-transform:uppercase;opacity:0;transition:opacity .3s}
.tp-row.hit .hit-lbl{opacity:1}
.tp-right{display:flex;align-items:center;gap:10px}
.tp-pts{font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;background:#00C87A10;color:#006B42;border:1px solid #00C87A15;transition:all .3s}
.tp-row.hit .tp-pts{background:#00C87A25;color:var(--green);border-color:#00C87A40}
.tp-price{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:#006B42;transition:color .3s}
.tp-row.hit .tp-price{color:var(--green)}
.tp-check{width:18px;height:18px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s;flex-shrink:0}
.tp-check i{font-size:11px;color:#001A0F}
.tp-row.hit .tp-check{opacity:1;transform:scale(1)}

/* FOMO */
.fomo-card{background:#0F0800;border:1px solid #F5A80025;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.fomo-top{display:flex;align-items:center;gap:12px}
.fomo-ico{font-size:24px;flex-shrink:0}
.fomo-title{font-size:13px;font-weight:600;color:var(--yellow);margin-bottom:3px}
.fomo-desc{font-size:11px;color:#998840;line-height:1.5}
.fomo-next{font-family:'Space Mono',monospace;font-size:11px;color:var(--yellow);background:#F5A80010;border:1px solid #F5A80020;border-radius:8px;padding:7px 12px;text-align:center}

/* MEMBER SINCE */
.member-since{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0}
.ms-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.4}
.ms-text{font-size:10px;color:var(--muted)}
.ms-days{font-family:'Space Mono',monospace;font-size:10px;color:var(--gold)}

/* HISTORY */
.hist-block{display:flex;flex-direction:column;gap:10px}
.hist-title{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);text-transform:uppercase;padding:0 2px}
.hist-item{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--s1);border:1px solid var(--border);border-radius:14px}
.hi-left{display:flex;align-items:center;gap:12px}
.hi-ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-size:10px;font-weight:700}
.hi-asset{font-size:13px;font-weight:600}
.hi-sub{font-size:10px;color:var(--muted);margin-top:2px}
.hi-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hi-dir{font-family:'Space Mono',monospace;font-size:11px;font-weight:700}
.hi-dir.buy{color:var(--green)}.hi-dir.sell{color:var(--red)}
.outcome{font-size:10px;font-weight:700;letter-spacing:.8px;padding:3px 8px;border-radius:5px}
.outcome.tp{background:#00C87A12;color:var(--green);border:1px solid #00C87A20}
.outcome.sl{background:#FF3B4E12;color:var(--red);border:1px solid #FF3B4E20}
.outcome.open{background:#C9A84C12;color:var(--gold);border:1px solid #C9A84C20}

/* SIGNAL FLASH */
.signal-flash{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;animation:flash-in .4s ease}
@keyframes flash-in{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}
.signal-flash.buy-flash{background:linear-gradient(180deg,#001A0F,#000D07)}
.signal-flash.sell-flash{background:linear-gradient(180deg,#1A0005,#0D0003)}
.sf-asset{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.sf-ring{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px}
.sf-ring.buy-ring{background:#00C87A18;border:2px solid #00C87A60;animation:ring-pulse-buy 1.5s ease infinite}
.sf-ring.sell-ring{background:#FF3B4E18;border:2px solid #FF3B4E60;animation:ring-pulse-sell 1.5s ease infinite}
@keyframes ring-pulse-buy{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,200,122,.3)}50%{transform:scale(1.06);box-shadow:0 0 0 20px rgba(0,200,122,0)}}
@keyframes ring-pulse-sell{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,78,.3)}50%{transform:scale(1.06);box-shadow:0 0 0 20px rgba(255,59,78,0)}}
.sf-dir{font-family:'Space Mono',monospace;font-size:56px;font-weight:700;letter-spacing:4px;line-height:1;animation:dir-pop .5s ease .2s both}
@keyframes dir-pop{0%{opacity:0;transform:translateY(10px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}
.sf-dir.buy{color:var(--green)}.sf-dir.sell{color:var(--red)}
.sf-sub{font-size:12px;color:var(--muted);letter-spacing:1px;animation:dir-pop .5s ease .35s both}
.sf-levels{background:rgba(0,0,0,.5);border:1px solid #2A2A2A;border-radius:14px;padding:12px 24px;display:flex;gap:24px;animation:dir-pop .5s ease .5s both}
.sfl-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.sfl-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.sfl-val{font-family:'Space Mono',monospace;font-size:13px;font-weight:700}
.sfl-val.sl{color:var(--red)}.sfl-val.tp1{color:var(--green)}.sfl-val.tp2{color:#00A862}.sfl-val.tp3{color:#007A48}
.sf-dismiss{font-size:11px;color:var(--muted);border:1px solid #2A2A2A;border-radius:20px;padding:8px 24px;animation:dir-pop .5s ease .65s both}

/* TOAST */
.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);padding:11px 22px;border-radius:12px;font-size:13px;font-weight:600;letter-spacing:.3px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;z-index:99;border:1px solid}
.toast.show{opacity:1}
.toast.buy{background:#001A0F;border-color:#00C87A40;color:var(--green)}
.toast.sell{background:#1A0005;border-color:#FF3B4E40;color:var(--red)}
.toast.info{background:var(--s1);border-color:var(--border);color:var(--muted)}

/* LANGUAGE SWITCHER */
.lang-switcher{display:flex;gap:4px;background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:3px}
.lang-btn{background:none;border:none;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif}
.lang-btn.active{background:var(--gold);color:#000}
.lang-btn:not(.active):hover{color:var(--white)}

/* LIVE PRICE IN MOOD BAR */
.mood-price{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:var(--white);letter-spacing:-.3px;margin:-2px 0 2px}

/* PERFORMANCE CHART */
.perf-card{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:14px 16px}

/* MEMBER COUNT */
.member-count-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0}
.mc-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
.mc-text{font-size:10px;color:var(--muted)}

/* SHARE BTN */
#share-btn{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 10px;color:var(--muted);cursor:pointer;font-size:18px;display:flex;align-items:center;transition:all .2s}
#share-btn:active{transform:scale(.93)}

/* HIDE SCROLLBAR ON MOOD BAR */
.mood-bar::-webkit-scrollbar{display:none}
.mood-bar{-ms-overflow-style:none;scrollbar-width:none}
/* MOOD ITEMS MIN WIDTH SO THEY DON'T SHRINK */
.mood-item{min-width:58px;flex-shrink:0}

/* MARKETS GRID */
.markets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.market-card{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}
.mc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.mc-ico{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;letter-spacing:.5px;flex-shrink:0}
.mc-tag{font-size:8px;font-weight:600;padding:2px 6px;border-radius:10px;letter-spacing:.3px}
.mc-tag.bull{background:#00C87A15;color:var(--green);border:1px solid #00C87A25}
.mc-tag.bear{background:#FF3B4E15;color:var(--red);border:1px solid #FF3B4E25}
.mc-tag.neutral{background:var(--s2);color:var(--muted);border:1px solid var(--border)}
.mc-name{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.mc-price{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:var(--white);letter-spacing:-.5px;line-height:1}
.mc-pair{font-size:8px;color:var(--muted);letter-spacing:.3px}

/* FEATURED GOLD CARD */
.mc-featured{background:linear-gradient(135deg,#0F0C00,#181200);border:1px solid #C9A84C30;border-radius:14px;padding:11px 13px;position:relative;overflow:hidden}
.mcf-glow{position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,#C9A84C10,transparent 70%);pointer-events:none}
.mcf-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mcf-left{display:flex;align-items:center;gap:10px}
.mcf-ico{width:36px;height:36px;border-radius:10px;background:#C9A84C18;border:1px solid #C9A84C28;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.5px}
.mcf-name{font-size:13px;font-weight:700;color:var(--gold)}
.mcf-pair{font-size:9px;color:#C9A84C50;margin-top:1px}
.mcf-price{font-family:'Space Mono',monospace;font-size:22px;font-weight:700;color:var(--white);letter-spacing:-1px;line-height:1}
.mcf-spark{height:28px;margin-top:10px;display:flex;align-items:flex-end;gap:3px}
.spark-bar{flex:1;border-radius:2px;background:#C9A84C;opacity:.25;transition:height .5s,opacity .5s}
.spark-bar.hi{opacity:.7}

/* 2x2 GRID */
.mc-grid4{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mc4{background:var(--s1);border:1px solid var(--border);border-radius:11px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}
.mc4-header{display:flex;align-items:center;gap:7px}
.mc4-ico{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;letter-spacing:.3px;flex-shrink:0}
.mc4-name{font-size:11px;font-weight:700;flex:1}
.mc4-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);flex-shrink:0}
.mc4-dot.live{background:var(--green);animation:blink 2s infinite}
.mc4-price{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:var(--white);letter-spacing:-.5px}
.mc4-sub{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:4px}

/* SESSION STRIP */
.session-strip{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}
.ss-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;flex-shrink:0}
.ss-lbl{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--green);text-transform:uppercase}
.ss-val{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:var(--white)}
.ss-sub{font-size:8px;color:var(--muted)}

/* ── IDLE SCREEN ──────────────────────────────────────────────────── */
.idle-scan{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px}
.idle-srw{position:relative;width:48px;height:48px}
.idle-sr{position:absolute;inset:0;border-radius:50%;border:1px solid #C9A84C15}
.idle-sr2{position:absolute;inset:10px;border-radius:50%;border:1px solid #C9A84C20}
.idle-sr3{position:absolute;inset:22px;border-radius:50%;border:1px solid #C9A84C30}
.idle-sp{position:absolute;inset:-4px;border-radius:50%;border:1px solid #C9A84C15;animation:idle-expand 2.5s ease infinite}
.idle-sp2{animation-delay:1.2s}
@keyframes idle-expand{0%{opacity:.8;transform:scale(.9)}100%{opacity:0;transform:scale(1.4)}}
.idle-sline{position:absolute;top:50%;left:50%;width:50%;height:1px;background:linear-gradient(90deg,#C9A84C70,transparent);transform-origin:left center;animation:idle-rot 4s linear infinite}
@keyframes idle-rot{to{transform:rotate(360deg)}}
.idle-scenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--gold)}
.idle-sblip{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);animation:idle-blip 4s ease infinite}
.idle-sblip2{top:65%;left:22%;animation-delay:2.4s}
@keyframes idle-blip{0%,100%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1)}80%{opacity:.2}}
.idle-scan-title{font-size:13px;font-weight:600;color:var(--white)}
.idle-scan-sub{font-size:10px;color:var(--muted);text-align:center;line-height:1.5;max-width:200px;transition:opacity .3s}
.idle-dots{display:flex;gap:5px}
.isd{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.3;animation:idp 1.4s ease infinite}
.isd:nth-child(2){animation-delay:.2s}.isd:nth-child(3){animation-delay:.4s}
@keyframes idp{0%,100%{opacity:.3}50%{opacity:.8}}

.idle-intel{display:flex;flex-direction:column;gap:5px;width:100%}
.idle-intel-row{display:flex;align-items:center;gap:10px}
.idle-intel-lbl{font-size:9px;color:var(--muted);width:68px;flex-shrink:0}
.idle-intel-track{flex:1;height:2px;background:#181818;border-radius:1px;overflow:hidden}
.idle-intel-fill{height:100%;border-radius:1px;transition:width 1.2s ease}
.idle-intel-val{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;width:28px;text-align:right;flex-shrink:0}

.idle-fg{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}
.idle-fg-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.idle-fg-lbl{font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.idle-fg-live{display:flex;align-items:center;gap:5px}
.idle-fg-dot{width:4px;height:4px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite}
.idle-fg-live-txt{font-size:8px;color:var(--green);font-weight:600}
.idle-gauge-wrap{position:relative;width:130px;height:70px;overflow:hidden}
.idle-gauge-val{position:absolute;bottom:0;left:50%;transform:translateX(-50%);text-align:center}
.idle-gauge-num{font-family:'Space Mono',monospace;font-size:18px;font-weight:700;line-height:1}
.idle-gauge-lbl{font-size:9px;font-weight:600;margin-top:2px;letter-spacing:.5px}
.idle-fg-zones{display:flex;gap:3px;width:100%}
.idle-fgz{flex:1;border-radius:5px;padding:4px 2px;text-align:center;border:1px solid transparent;font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;line-height:1.3;opacity:.3}
.idle-fgz.active{opacity:1;border-color:currentColor}
.idle-fg-hist{display:flex;gap:6px;width:100%}
.idle-fgh{flex:1;background:#0A0A0A;border-radius:7px;padding:6px 8px;text-align:center}
.idle-fgh-lbl{font-size:7px;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}
.idle-fgh-val{font-family:'Space Mono',monospace;font-size:12px;font-weight:700}
.idle-fgh-sub{font-size:7px;margin-top:1px}

.idle-last-sig{background:var(--s1);border:1px solid #00C87A15;border-radius:10px;padding:7px 11px;display:flex;align-items:center;gap:8px;width:100%}
.ils-ico{width:28px;height:28px;border-radius:50%;background:#00C87A10;border:1px solid #00C87A20;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ils-content{flex:1}
.ils-lbl{font-size:7px;font-weight:700;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:2px}
.ils-main{font-size:11px;font-weight:600;color:var(--white)}
.ils-sub{font-size:8px;color:var(--muted);margin-top:1px}
.ils-badge{background:#00C87A10;border:1px solid #00C87A20;border-radius:6px;padding:4px 7px;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:var(--green);flex-shrink:0}

.idle-social{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.idle-social-card{background:var(--s1);border:1px solid var(--border);border-radius:8px;padding:6px 9px}
.isc-lbl{font-size:7px;font-weight:700;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin-bottom:4px}
.isc-val{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:var(--white);line-height:1}
.isc-sub{font-size:7px;color:var(--muted);margin-top:3px}

.idle-quote{border-left:1px solid #C9A84C20;padding:7px 11px;width:100%}
.idle-quote-text{font-size:10px;color:#666;line-height:1.7;font-style:italic;margin-bottom:4px;transition:opacity .4s}
.idle-quote-by{font-size:7px;color:var(--gold);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}

/* COMPACT PRICE BAR */
.cprice-bar{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cprice-bar::-webkit-scrollbar{display:none}
.cp{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;padding:0 4px}
.cp-name{font-size:7px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.cp-val{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:var(--white)}
.cp-div{width:1px;height:24px;background:var(--border);flex-shrink:0}

/* GOLD FEATURED CARD */
.gold-featured{background:linear-gradient(135deg,#0F0C00,#1A1400);border:1px solid #C9A84C30;border-radius:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.gold-featured::before{content:'';position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,#C9A84C10,transparent 70%);pointer-events:none}
.gf-left{display:flex;align-items:center;gap:10px}
.gf-ico{width:34px;height:34px;border-radius:10px;background:#C9A84C18;border:1px solid #C9A84C30;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#C9A84C;letter-spacing:.5px;flex-shrink:0}
.gf-name{font-size:14px;font-weight:700;color:#C9A84C;line-height:1}
.gf-pair{font-size:8px;color:#C9A84C50;margin-top:2px}
.gf-right{text-align:right}
.gf-price{font-family:'Space Mono',monospace;font-size:22px;font-weight:700;color:#F0F0F0;letter-spacing:-1px;line-height:1}
.gf-tag{font-size:8px;font-weight:600;color:#C9A84C80;margin-top:3px;letter-spacing:.5px}

/* 4 ASSET MINI GRID */
.mini-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}
.mg-card{background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 7px;display:flex;flex-direction:column;gap:4px}
.mg-top{display:flex;align-items:center;justify-content:space-between}
.mg-ico{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;letter-spacing:.3px;border:1px solid transparent;flex-shrink:0}
.mg-dot{width:4px;height:4px;border-radius:50%;background:var(--muted);flex-shrink:0}
.mg-dot.live{background:var(--green);animation:blink 2s infinite}
.mg-price{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:var(--white);letter-spacing:-.3px}
.mg-name{font-size:7px;font-weight:600;letter-spacing:.3px}

/* SESSION MINI STRIP */
.mini-session{background:var(--s1);border:1px solid var(--border);border-radius:8px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}
.ms-live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;flex-shrink:0}
.ms-session{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--green);text-transform:uppercase}
.ms-time{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:var(--muted)}

/* ═══════════════════════════════════════════════
   DARK / BLACK MODE VARIABLES
═══════════════════════════════════════════════ */

/* Default: BLACK mode (dark) */
:root {
  --mode-bg:      #0A0A0A;
  --mode-s1:      #0F0F0F;
  --mode-border:  #1A1A1A;
  --mode-muted:   #2A2A2A;
  --mode-txt:     #F0F0F0;
  --mode-sub:     #141414;
}

/* WHITE mode (light) */
body.white-mode {
  --mode-bg:      #F5F5F5;
  --mode-s1:      #FFFFFF;
  --mode-border:  #E0E0E0;
  --mode-muted:   #AAAAAA;
  --mode-txt:     #0A0A0A;
  --mode-sub:     #EEEEEE;
  --gold:         #B8860B;
  --green:        #00A862;
  --red:          #E02B3F;
}

/* White mode overrides */
body.white-mode .hdr { border-bottom-color: #E0E0E0; background: #FFFFFF; }
body.white-mode .app { background: #F5F5F5; }
body.white-mode .c-pricebar { border-bottom-color: #E0E0E0; background: #FFFFFF; }
body.white-mode .c-pi-val { color: #0A0A0A; }
body.white-mode .c-rsub { color: #AAAAAA; }
body.white-mode .c-it { background: #E0E0E0; }
body.white-mode .c-il { color: #AAAAAA; }
body.white-mode .c-fg-lbl { color: #AAAAAA; }
body.white-mode .c-fh-l { color: #AAAAAA; }
body.white-mode .c-st-l { color: #AAAAAA; }
body.white-mode .c-sep { background: #E0E0E0; }
body.white-mode .lt-tp { background: #FFFFFF; border-color: #E0E0E0; }
body.white-mode .lt-tp-line { background: #E0E0E0; }
body.white-mode .lt-tp-l { color: #AAAAAA; }
body.white-mode .lt-tp-s { color: #AAAAAA; }
body.white-mode .countdown-card { background: #FFFFFF; border-color: #E0E0E0; }
body.white-mode .cc-time { color: #0A0A0A; }
body.white-mode .scanning-block { background: #F5F5F5; }
body.white-mode .icon-btn { color: #555; }
body.white-mode .logo { color: var(--gold); }

/* Override main vars with mode vars */
body {
  background: var(--mode-bg) !important;
}
.app {
  background: var(--mode-bg) !important;
}

/* ═══════════════════════════════════════════════
   CLEAN MINIMAL LAYOUT
═══════════════════════════════════════════════ */

/* PRICE BAR */
.c-pricebar{display:flex;align-items:center;padding:8px 16px;gap:0;border-bottom:1px solid var(--mode-border);width:100%}
.c-pi{flex:1;text-align:center}
.c-pi-name{font-size:6px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px}
.c-pi-val{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;color:var(--mode-txt)}
.c-psep{width:1px;height:16px;background:var(--mode-border)}

/* SEPARATOR */
.c-sep{height:1px;background:var(--mode-border)}

/* RADAR */
.c-radar{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0 6px;width:100%}
.c-rw{position:relative;width:52px;height:52px}
.c-r1{position:absolute;inset:0;border-radius:50%;border:1px solid #C9A84C08}
.c-r2{position:absolute;inset:10px;border-radius:50%;border:1px solid #C9A84C12}
.c-r3{position:absolute;inset:20px;border-radius:50%;border:1px solid #C9A84C18}
.c-rp{position:absolute;inset:-4px;border-radius:50%;border:1px solid #C9A84C08;animation:c-expand 3s ease infinite}
.c-rp2{animation-delay:1.5s}
@keyframes c-expand{0%{opacity:.5;transform:scale(.85)}100%{opacity:0;transform:scale(1.6)}}
.c-rl{position:absolute;top:50%;left:50%;width:50%;height:1px;background:linear-gradient(90deg,#C9A84C40,transparent);transform-origin:left center;animation:c-rot 5s linear infinite}
@keyframes c-rot{to{transform:rotate(360deg)}}
.c-rc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;background:var(--gold)}
.c-rb{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);animation:c-blip 5s ease infinite}
.c-rb2{top:68%;left:18%;animation-delay:2.2s}
@keyframes c-blip{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}80%{opacity:.2}}
.c-rsub{font-size:8px;color:var(--mode-muted);text-align:center;line-height:1.5;transition:opacity .3s}
.c-rdots{display:flex;gap:3px}
.c-rd{width:2px;height:2px;border-radius:50%;background:#C9A84C;opacity:.2;animation:c-dp 1.4s infinite}
.c-rd:nth-child(2){animation-delay:.2s}.c-rd:nth-child(3){animation-delay:.4s}
@keyframes c-dp{0%,100%{opacity:.2}50%{opacity:.6}}

/* INTEL BARS */
.c-intel{display:flex;flex-direction:column;gap:8px;width:100%}
.c-ir{display:flex;align-items:center;gap:8px}
.c-il{font-size:7px;color:var(--mode-muted);width:58px;flex-shrink:0;letter-spacing:.3px}
.c-it{flex:1;height:1px;background:var(--mode-sub);border-radius:1px;overflow:hidden}
.c-if{height:100%;border-radius:1px;transition:width 1.5s ease}
.c-iv{font-family:'Space Mono',monospace;font-size:7px;font-weight:700;width:24px;text-align:right}

/* FEAR & GREED */
.c-fg{display:flex;align-items:center;justify-content:space-between;width:100%}
.c-fg-l{display:flex;align-items:center;gap:7px}
.c-fg-lbl{font-size:7px;color:var(--mode-muted);letter-spacing:.3px}
.c-fg-num{font-family:'Space Mono',monospace;font-size:14px;font-weight:700}
.c-fg-tag{font-size:7px;font-weight:600;padding:2px 7px;border-radius:5px}
.c-fg-hist{display:flex;gap:8px}
.c-fh{text-align:center}
.c-fh-l{font-size:5px;color:var(--mode-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}
.c-fh-v{font-family:'Space Mono',monospace;font-size:8px;font-weight:700}

/* STATS ROW */
.c-stats{display:flex;align-items:center;justify-content:space-between;padding:4px 0;width:100%}
.c-st{text-align:center}
.c-st-v{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;line-height:1}
.c-st-l{font-size:6px;color:var(--mode-muted);letter-spacing:.5px;text-transform:uppercase;margin-top:2px}

/* LIVE TRADE — clean */
.live-trade{display:flex;flex-direction:column;gap:0}

/* SIGNAL CARD WRAPPER */
.sig-card{border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;width:100%}
.sig-card.buy{background:linear-gradient(145deg,#0A1F0A,#071507);border:1px solid #30D15830}
.sig-card.sell{background:linear-gradient(145deg,#1F0A0A,#150707);border:1px solid #FF453A30}

/* Top row */
.lt-top-row{display:flex;align-items:center;justify-content:space-between}
.lt-left{display:flex;align-items:center;gap:10px}
.lt-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:.5px;flex-shrink:0}
.lt-ico.buy{background:#30D15818;border:1px solid #30D15830;color:#30D158}
.lt-ico.sell{background:#FF453A18;border:1px solid #FF453A30;color:#FF453A}
.lt-asset-lbl{font-size:13px;font-weight:700;color:#F5F5F0}
.lt-pair-lbl{font-size:8px;color:#636366;margin-top:2px}
.lt-live-badge{display:flex;align-items:center;gap:4px}
.lt-live-dot{width:5px;height:5px;border-radius:50%;animation:blink 1.5s infinite}
.lt-live-txt{font-size:8px;font-weight:700;letter-spacing:1px}

/* Direction */
.lt-dir-row{display:flex;align-items:center;gap:10px}
.lt-direction{font-family:'Space Mono',monospace;font-size:52px;font-weight:700;letter-spacing:-3px;line-height:1}
.lt-dir-arrow{font-size:30px;opacity:.5}

/* TPs */
.lt-tps{display:flex;flex-direction:column;gap:4px}
.lt-tp{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#0A0A0A;border:1px solid #1A1A1A;transition:all .3s}
.lt-tp.hit{background:#071507;border-color:#30D15825}
.lt-tp.sell-hit{background:#150707;border-color:#FF453A25}
.lt-tp-l{font-size:9px;font-weight:700;color:#888;width:28px;flex-shrink:0}
.lt-tp.hit .lt-tp-l{color:#30D158}
.lt-tp.sell-hit .lt-tp-l{color:#FF453A}
.lt-tp-line{flex:1;height:1px;background:#1A1A1A}
.lt-tp.hit .lt-tp-line{background:#30D15820}
.lt-tp.sell-hit .lt-tp-line{background:#FF453A20}
.lt-tp-s{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:#F0F0F0}
.lt-tp.hit .lt-tp-s{color:#30D158}
.lt-tp.sell-hit .lt-tp-s{color:#FF453A80}

/* SL */
.lt-sl-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;background:#2A0A0A;border:1px solid #FF453A40}
.lt-sl-left{display:flex;align-items:center;gap:7px}
.lt-sl-ico{width:18px;height:18px;border-radius:5px;background:#FF453A20;border:1px solid #FF453A40;display:flex;align-items:center;justify-content:center;font-size:9px;color:#FF453A;font-weight:700;flex-shrink:0}
.lt-sl-l{font-size:9px;font-weight:700;color:#FF453A90;letter-spacing:.8px;text-transform:uppercase}
.lt-sl-v{font-family:'Space Mono',monospace;font-size:14px;font-weight:700;color:#FF453A}

/* BE */
.lt-be-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#F5A80010;border:1px solid #F5A80020;border-radius:10px;font-size:9px;font-weight:600;color:#F5A800;letter-spacing:.3px}

/* MODE BUTTON */
.mode-btn{transition:all .2s}
body.black-mode .mode-btn i::before{content:'\eba4'} /* sun icon */

/* SCANNING BLOCK */
.scanning-block{display:flex;flex-direction:column;gap:12px;width:100%}

/* MAIN — full width */

/* ══════════════════════════════════════
   PREMIUM GOLD CARD + ASSET GRID
══════════════════════════════════════ */

/* GOLD FEATURED */
.p-gold-card{background:linear-gradient(135deg,#2A2500,#1C1C00,#2A2500);border:1px solid #FFD70030;border-radius:16px;padding:14px 16px;position:relative;overflow:hidden}
.pgc-glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,#FFD70015,transparent 70%);pointer-events:none}
.pgc-shimmer{position:absolute;top:0;left:-100%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#FFD70008,transparent);animation:pgc-shimmer 4s ease infinite;pointer-events:none}
@keyframes pgc-shimmer{0%{left:-100%}100%{left:200%}}
.pgc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pgc-left{display:flex;align-items:center;gap:10px}
.pgc-ico{width:32px;height:32px;border-radius:9px;background:#FFD70015;border:1px solid #FFD70025;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--gold);letter-spacing:.5px;flex-shrink:0}
.pgc-name{font-size:13px;font-weight:700;color:var(--gold);line-height:1}
.pgc-pair{font-size:8px;color:#FFD70050;margin-top:2px}
.pgc-tag{font-size:7px;font-weight:700;padding:3px 8px;border-radius:6px;background:#FFD70012;color:var(--gold);border:1px solid #FFD70020}
.pgc-price{font-family:'Space Mono',monospace;font-size:28px;font-weight:700;color:#F5F5F0;letter-spacing:-1.5px;line-height:1}
.pgc-sub{font-size:8px;color:#FFD70050;margin-top:4px}

/* 4 ASSET GRID */
.p-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pac{background:#2C2C2E;border:1px solid #3A3A3C;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.pac-top{display:flex;align-items:center;justify-content:space-between}
.pac-ico{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800;letter-spacing:.3px;border:1px solid transparent;flex-shrink:0}
.pac-dot{width:4px;height:4px;border-radius:50%;background:#3A3A3C;flex-shrink:0}
.pac-dot.live{background:var(--green);animation:blink 2s infinite}
.pac-name{font-size:10px;font-weight:700}
.pac-price{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:#F5F5F0;letter-spacing:-.3px}
.pac-pair{font-size:7px;color:#636366}

/* SESSION STRIP */
.p-session{background:#2C2C2E;border:1px solid #3A3A3C;border-radius:10px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between}
.p-sess-dot{width:5px;height:5px;border-radius:50%;background:#30D158;animation:blink 1.5s infinite;flex-shrink:0}
.p-sess-lbl{font-size:8px;font-weight:700;color:#30D158;letter-spacing:1px;text-transform:uppercase}
.p-sess-time{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:#636366}

/* BACKGROUND COLOR UPDATE */
:root{
  --bg: #1C1C1E;
  --s1: #2C2C2E;
  --border: #3A3A3C;
  --gold: #FFD700;
  --green: #30D158;
  --red: #FF453A;
  --muted: #636366;
  --white: #F5F5F0;
}
body{ background: #1C1C1E !important; }
.phone{ background: #1C1C1E !important; }

/* ── RISK CALCULATOR ──────────────────────────────────────────────── */
.rk-wrap{background:#0A0A0A;border:1px solid #2A2A2A;border-radius:12px;overflow:hidden;margin-top:2px}
.rk-title-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;cursor:pointer;user-select:none}
.rk-title-lbl{font-size:9px;font-weight:700;color:#636366;letter-spacing:1px;text-transform:uppercase}
.rk-toggle{font-size:10px;color:#636366;transition:transform .2s}
.rk-toggle.open{transform:rotate(180deg)}
.rk-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:6px}
.rk-row{display:flex;align-items:center;justify-content:space-between}
.rk-lbl{font-size:10px;color:#636366}
.rk-val{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:#F0F0F0}
.rk-slider{width:100%;height:2px;background:#2A2A2A;border-radius:1px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.rk-slider::-webkit-slider-thumb{width:14px;height:14px;border-radius:50%;background:#FFD700;-webkit-appearance:none;cursor:pointer}
.rk-result{background:#071507;border:1px solid #30D15820;border-radius:9px;padding:9px 11px;display:flex;flex-direction:column;gap:4px}
.rk-res-row{display:flex;align-items:center;justify-content:space-between}
.rk-res-lbl{font-size:9px;color:#30D15870}
.rk-res-num{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:#30D158}

/* ── PERFORMANCE PANEL ────────────────────────────────────────────── */
.perf-panel{position:absolute;inset:0;background:#1C1C1E;transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:200;border-radius:inherit;overflow:hidden}
.perf-panel.open{transform:translateX(0)}
.perf-phdr{padding:16px 16px 12px;padding-top:max(env(safe-area-inset-top) + 12px, 16px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3A3A3C;flex-shrink:0;background:#1C1C1E}
.perf-back{display:flex;align-items:center;gap:5px;background:#2C2C2E;border:1px solid #3A3A3C;border-radius:10px;padding:10px 16px;font-size:13px;color:#F5F5F0;cursor:pointer;font-family:'Inter',sans-serif;font-weight:600}
.perf-ptitle{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;color:#FFD700}
.perf-pbody{padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;flex:1;-webkit-overflow-scrolling:touch}
.perf-months{display:flex;gap:4px;background:#2C2C2E;border:1px solid #3A3A3C;border-radius:9px;padding:3px}
.pmb{flex:1;text-align:center;padding:6px 3px;border-radius:7px;font-size:9px;font-weight:600;color:#636366;cursor:pointer;border:none;background:none;font-family:'Inter',sans-serif;transition:all .2s}
.pmb.active{background:#FFD70015;color:#FFD700;border:1px solid #FFD70020}
.perf-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.perf-sc{background:#2C2C2E;border:1px solid #3A3A3C;border-radius:10px;padding:10px 12px}
.perf-sv{font-family:'Space Mono',monospace;font-size:20px;font-weight:700;line-height:1;margin-bottom:2px}
.perf-sl{font-size:7px;color:#636366;letter-spacing:.5px;text-transform:uppercase}
.perf-wcard{background:#2C2C2E;border:1px solid #3A3A3C;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:12px}
.perf-brow{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.perf-brow:last-child{margin-bottom:0}
.perf-bn{font-size:8px;color:#888;width:42px;flex-shrink:0}
.perf-bt{flex:1;height:3px;background:#1A1A1A;border-radius:2px;overflow:hidden}
.perf-bf{height:100%;border-radius:2px;transition:width 1s ease}
.perf-bp{font-family:'Space Mono',monospace;font-size:8px;font-weight:700;width:22px;text-align:right}
.perf-sec{font-size:7px;font-weight:700;color:#636366;letter-spacing:1.5px;text-transform:uppercase}
.perf-acard{background:#2C2C2E;border:1px solid #3A3A3C;border-radius:10px;padding:10px 12px}
.perf-si{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #1A1A1A}
.perf-si:last-child{border-bottom:none}
.perf-sd{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.perf-sa{font-size:10px;font-weight:600;color:#F0F0F0}
.perf-sm{font-size:7px;color:#636366;margin-top:1px}
.perf-sr{font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px}
.perf-sr.win{background:#30D15815;color:#30D158;border:1px solid #30D15825}
.perf-sr.loss{background:#FF453A15;color:#FF453A;border:1px solid #FF453A25}
.perf-loading{font-size:10px;color:#636366;text-align:center;padding:16px}