/* ═══════════════════════════════════════════
   CSS VARIABLES & THEMES
═══════════════════════════════════════════ */
:root {
  --bg:#060810;--bg2:#0c1020;--bg3:#111827;--card:#0f1629;
  --brd:#1e3a5f;--brd2:#243b55;
  --acc:#00d4ff;--acc2:#0099cc;--accRGB:0,212,255;
  --grn:#00ff88;--grn2:#00cc6a;
  --red:#ff3366;--red2:#cc2952;
  --gld:#ffd700;--gld2:#ffb300;
  --txt:#e2e8f0;--txt2:#94a3b8;--txt3:#64748b;
  --ui-scale:1;
  --app-vh:100dvh;
  --app-vw:100vw;
  --safe-b-env:env(safe-area-inset-bottom,0px);
  --safe-b-js:0px;
  --safe-b:max(8px,var(--safe-b-env),var(--safe-b-js));
  --nav-h:70px;
  --nav-total-h:calc(var(--nav-h) + var(--safe-b));
}
body.theme-matrix{--bg:#010a01;--bg2:#061206;--bg3:#0d1a0d;--card:#071407;--brd:#1a4d1a;--brd2:#1e3a1e;--acc:#00ff41;--acc2:#00cc33;--accRGB:0,255,65;--grn:#00ff41;--txt:#c8ffc8;--txt2:#6bcf6b;--txt3:#3a6b3a;}
body.theme-gold{
  --bg:#070400;--bg2:#120900;--bg3:#1c1000;--card:#160c00;
  --brd:#7a4300;--brd2:#4f2a00;
  --acc:#ffe978;--acc2:#ff9f1c;--accRGB:255,196,64;
  --grn:#d8ff52;--grn2:#93d200;
  --red:#ff5a36;--red2:#d63d1a;
  --gld:#fff3a6;--gld2:#ffb347;
  --txt:#fff8df;--txt2:#f1bf4e;--txt3:#9f6a15;
}
body.theme-purple{--bg:#07040f;--bg2:#0e0820;--bg3:#14102a;--card:#100820;--brd:#2d1b5e;--brd2:#231545;--acc:#a855f7;--acc2:#7c3aed;--accRGB:168,85,247;--txt:#e8d5ff;--txt2:#a78bca;--txt3:#5e4880;}

/* ═══════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}
body.theme-cyber{
  --bg:#040612;--bg2:#091022;--bg3:#0c1730;--card:#0b1328;
  --brd:#2f4cf9;--brd2:#1e3278;
  --acc:#74f2ff;--acc2:#4b7dff;--accRGB:116,242,255;
  --grn:#7affd9;--grn2:#3be9b4;
  --red:#ff4fa4;--red2:#c92c78;
  --gld:#d7a8ff;--gld2:#7df0ff;
  --txt:#eef7ff;--txt2:#a8c6ff;--txt3:#6f87bc;
}
body.theme-cyber::before{
  background-image:
    linear-gradient(rgba(116,242,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,125,255,.05) 1px,transparent 1px),
    radial-gradient(circle at 15% 20%,rgba(255,79,164,.14),transparent 24%),
    radial-gradient(circle at 82% 16%,rgba(116,242,255,.14),transparent 22%),
    radial-gradient(circle at 68% 78%,rgba(215,168,255,.13),transparent 24%);
  background-size:42px 42px,42px 42px,auto,auto,auto;
  opacity:.95;
}
body.theme-cyber .card,
body.theme-cyber .hero,
body.theme-cyber .ebox,
body.theme-cyber .login-loader{
  background:
    linear-gradient(140deg,rgba(255,255,255,.08),rgba(255,255,255,0) 26%),
    linear-gradient(135deg,rgba(11,19,40,.92) 0%,rgba(12,23,48,.96) 38%,rgba(18,13,46,.94) 100%)!important;
  border-color:rgba(116,242,255,.24)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 30px rgba(75,125,255,.12),0 0 46px rgba(255,79,164,.08)!important;
}
body.theme-cyber .btn-p{
  background:linear-gradient(135deg,#4b7dff 0%,#74f2ff 38%,#d7a8ff 72%,#ff4fa4 100%)!important;
  color:#04101d!important;
  box-shadow:0 0 18px rgba(116,242,255,.28),0 0 34px rgba(255,79,164,.14)!important;
}
body.theme-cyber .btn-o,
body.theme-cyber .badge,
body.theme-cyber .chip.active{
  border-color:rgba(116,242,255,.45)!important;
  background:linear-gradient(135deg,rgba(116,242,255,.16),rgba(215,168,255,.12))!important;
  color:#89f6ff!important;
  box-shadow:0 0 16px rgba(116,242,255,.12)!important;
}
body.theme-cyber .bnav,
body.theme-cyber .nav{
  background:linear-gradient(180deg,rgba(6,10,24,.96) 0%,rgba(10,16,34,.98) 100%)!important;
  border-top:1px solid rgba(116,242,255,.2)!important;
  box-shadow:0 -12px 30px rgba(75,125,255,.08)!important;
}
body.theme-cyber .login-logo{
  background:linear-gradient(90deg,#74f2ff 0%,#4b7dff 28%,#d7a8ff 64%,#ff4fa4 100%)!important;
  -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;
  text-shadow:0 0 28px rgba(116,242,255,.2);
}
body.theme-cyber .ttl,
body.theme-cyber #liveSourceLabel,
body.theme-cyber #liveSourceLabelTop{color:#74f2ff!important;}
body.theme-holo{
  --bg:#010810;--bg2:#030f1a;--bg3:#061525;--card:#040d1c;
  --brd:#0a2850;--brd2:#0c2240;
  --acc:#1ee6ff;--acc2:#0aa8d8;--accRGB:30,230,255;
  --grn:#3dd6a0;--grn2:#1ea97d;
  --red:#ff4d6a;--red2:#cc2952;
  --gld:#7df6d5;--gld2:#3abf97;
  --txt:#dafcff;--txt2:#8accc5;--txt3:#4f7d86;
  --nav-h:70px;
}
/* ── Holo: Cyan-blue chrome + sea-green highlights ── */
body.theme-holo .btn-p{background:linear-gradient(135deg,#1ee6ff 0%,#3dd6a0 100%)!important;color:#00130f!important;font-weight:800!important;}
body.theme-holo .btn-gld{background:linear-gradient(135deg,#7df6d5,#3abf97)!important;color:#00130f!important;}
body.theme-holo .nav{background:linear-gradient(180deg,#010810 0%,#030f1a 100%)!important;border-top:1px solid rgba(30,230,255,.25)!important;}
body.theme-holo .bni.active .bni-ico{color:#7df6d5!important;}
body.theme-holo .bni.active .bni-lbl{color:#7df6d5!important;}
body.theme-holo .bni.active{color:#7df6d5!important;}
body.theme-holo .card{background:linear-gradient(135deg,#040d1c 0%,#061525 100%)!important;border-color:rgba(30,230,255,.15)!important;}
body.theme-holo .badge{background:rgba(30,230,255,.12)!important;border:1px solid rgba(30,230,255,.3)!important;color:#1ee6ff!important;}
body.theme-holo .hamt{color:#7df6d5!important;}
body.theme-holo .hamt.pos{color:#7df6d5!important;}
body.theme-holo .hamt.neg{color:#ff4d6a!important;}
body.theme-holo .ttl{color:#1ee6ff!important;}
body.theme-holo .ch{border-bottom:1px solid rgba(30,230,255,.18)!important;}
body.theme-holo .login-logo{background:linear-gradient(90deg,#1ee6ff 0%,#3dd6a0 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;}
body.theme-holo .kill-banner{background:linear-gradient(135deg,rgba(61,214,160,.12),rgba(30,230,255,.06))!important;border-color:rgba(61,214,160,.3)!important;}
body.theme-holo .sig-card{border-left:3px solid #3dd6a0!important;}
body.theme-holo #liveSourceLabel,body.theme-holo #liveSourceLabelTop{color:#1ee6ff!important;}

body.theme-carbon{--bg:#0a0a0a;--bg2:#111111;--bg3:#1a1a1a;--card:#131313;--brd:#2a0808;--brd2:#200606;--acc:#dc2626;--acc2:#b91c1c;--accRGB:220,38,38;--grn:#22c55e;--grn2:#16a34a;--red:#ef4444;--gld:#a3a3a3;--gld2:#737373;--txt:#f5f5f5;--txt2:#a3a3a3;--txt3:#525252;--nav-h:70px;}
body.theme-carbon .btn-p{background:linear-gradient(135deg,#dc2626,#7f1d1d)!important;}
body.theme-carbon .login-logo{color:#dc2626;}
body.theme-aurora{
  --bg:#020614;--bg2:#06162d;--bg3:#102946;--card:#071a34;
  --brd:#4bbfff;--brd2:#2a6fa8;
  --acc:#9ff7ff;--acc2:#b8a7ff;--accRGB:159,247,255;
  --grn:#b9ffd8;--grn2:#69e8a8;
  --red:#ff7aa9;--red2:#df4e82;
  --gld:#fff4a8;--gld2:#d8b7ff;
  --txt:#f7fdff;--txt2:#c5eaff;--txt3:#79a8cc;
}
body.theme-aurora::before{
  background-image:
    linear-gradient(rgba(159,247,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,167,255,.03) 1px,transparent 1px),
    radial-gradient(ellipse at 18% 18%,rgba(159,247,255,.28),transparent 28%),
    radial-gradient(ellipse at 76% 8%,rgba(255,244,168,.18),transparent 24%),
    radial-gradient(ellipse at 52% 82%,rgba(216,183,255,.2),transparent 30%),
    conic-gradient(from 210deg at 50% 44%,rgba(159,247,255,.12),transparent 18%,rgba(255,244,168,.08),transparent 42%,rgba(216,183,255,.1),transparent 68%,rgba(159,247,255,.12));
  background-size:52px 52px,52px 52px,auto,auto,auto,auto;
}
body.theme-aurora .card,
body.theme-aurora .hero,
body.theme-aurora .ebox,
body.theme-aurora .login-loader{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,0) 22%),linear-gradient(135deg,rgba(7,26,52,.96),rgba(9,31,65,.96) 48%,rgba(34,20,70,.94))!important;
  border-color:rgba(159,247,255,.32)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 36px rgba(159,247,255,.17),0 0 72px rgba(216,183,255,.14)!important;
}
body.theme-aurora .btn-p{background:linear-gradient(135deg,#9ff7ff 0%,#fff4a8 48%,#d8b7ff 100%)!important;color:#06101f!important;box-shadow:0 0 24px rgba(159,247,255,.32),0 0 42px rgba(216,183,255,.18)!important;}
body.theme-aurora .btn-o,
body.theme-aurora .badge,
body.theme-aurora .chip.active{border-color:rgba(159,247,255,.46)!important;background:linear-gradient(135deg,rgba(159,247,255,.16),rgba(216,183,255,.14))!important;color:#dffcff!important;}
body.theme-aurora .nav,
body.theme-aurora .bnav{background:linear-gradient(180deg,rgba(2,6,20,.97),rgba(7,22,45,.98))!important;border-top:1px solid rgba(159,247,255,.25)!important;}
body.theme-aurora .login-logo{background:linear-gradient(90deg,#9ff7ff,#fff4a8,#d8b7ff,#b9ffd8)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;}
body.theme-aurora .ttl,
body.theme-aurora #liveSourceLabel,
body.theme-aurora #liveSourceLabelTop{color:#9ff7ff!important;}
body.theme-solar{
  --bg:#07040a;--bg2:#140b14;--bg3:#28121c;--card:#160c18;
  --brd:#ffcf6e;--brd2:#7d4c1f;
  --acc:#ffe8a3;--acc2:#ff9f6e;--accRGB:255,232,163;
  --grn:#d7ff9f;--grn2:#8fe36d;
  --red:#ff5d7d;--red2:#c93458;
  --gld:#ffe8a3;--gld2:#ffb86e;
  --txt:#fff7eb;--txt2:#ffdcb0;--txt3:#aa7955;
}
body.theme-solar::before{
  background-image:
    linear-gradient(rgba(255,232,163,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,159,110,.03) 1px,transparent 1px),
    radial-gradient(circle at 22% 14%,rgba(255,232,163,.24),transparent 22%),
    radial-gradient(circle at 78% 28%,rgba(255,95,125,.16),transparent 20%),
    radial-gradient(circle at 52% 76%,rgba(255,184,110,.18),transparent 27%),
    conic-gradient(from 35deg at 50% 45%,rgba(255,232,163,.14),transparent 20%,rgba(255,159,110,.11),transparent 45%,rgba(255,93,125,.09),transparent 70%,rgba(255,232,163,.14));
  background-size:44px 44px,44px 44px,auto,auto,auto,auto;
}
body.theme-solar .card,
body.theme-solar .hero,
body.theme-solar .ebox,
body.theme-solar .login-loader{
  background:linear-gradient(145deg,rgba(255,245,215,.1),rgba(255,255,255,0) 22%),linear-gradient(135deg,rgba(22,12,24,.96),rgba(39,18,30,.96) 48%,rgba(43,22,10,.96))!important;
  border-color:rgba(255,232,163,.28)!important;
  box-shadow:0 0 0 1px rgba(255,245,215,.06) inset,0 0 32px rgba(255,232,163,.15),0 0 62px rgba(255,95,125,.11)!important;
}
body.theme-solar .btn-p{background:linear-gradient(135deg,#ffe8a3 0%,#ffb86e 45%,#ff5d7d 100%)!important;color:#1c0b05!important;box-shadow:0 0 22px rgba(255,232,163,.28),0 0 42px rgba(255,95,125,.15)!important;}
body.theme-solar .btn-o,
body.theme-solar .badge,
body.theme-solar .chip.active{border-color:rgba(255,232,163,.42)!important;background:linear-gradient(135deg,rgba(255,232,163,.14),rgba(255,95,125,.12))!important;color:#ffe8a3!important;}
body.theme-solar .nav,
body.theme-solar .bnav{background:linear-gradient(180deg,rgba(7,4,10,.97),rgba(20,11,20,.98))!important;border-top:1px solid rgba(255,232,163,.22)!important;}
body.theme-solar .login-logo{background:linear-gradient(90deg,#ffe8a3,#ffb86e,#ff5d7d,#d7ff9f)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;}
body.theme-solar .ttl,
body.theme-solar #liveSourceLabel,
body.theme-solar #liveSourceLabelTop{color:#ffe8a3!important;}
body.theme-gold::before{
  background-image:
    linear-gradient(rgba(255,190,48,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,130,32,.045) 1px,transparent 1px),
    radial-gradient(circle at 18% 22%,rgba(255,233,120,.16),transparent 22%),
    radial-gradient(circle at 78% 20%,rgba(255,90,54,.12),transparent 18%),
    radial-gradient(circle at 60% 74%,rgba(255,195,88,.14),transparent 24%);
  background-size:44px 44px,44px 44px,auto,auto,auto;
  opacity:.92;
}
body.theme-gold .card,
body.theme-gold .hero,
body.theme-gold .ebox,
body.theme-gold .login-loader{
  background:
    linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,0) 24%),
    linear-gradient(140deg,rgba(28,16,0,.96) 0%,rgba(42,23,0,.96) 40%,rgba(20,10,0,.98) 100%)!important;
  border-color:rgba(255,184,71,.26)!important;
  box-shadow:0 0 0 1px rgba(255,240,190,.04) inset,0 0 24px rgba(255,159,28,.14),0 0 46px rgba(255,90,54,.08)!important;
}
body.theme-gold .btn-p{
  background:linear-gradient(135deg,#ff9f1c 0%,#ffe978 34%,#ffb347 66%,#fff3a6 100%)!important;
  color:#221300!important;
  box-shadow:0 0 18px rgba(255,190,48,.24),0 0 34px rgba(255,90,54,.12)!important;
}
body.theme-gold .btn-o,
body.theme-gold .badge,
body.theme-gold .chip.active{
  border-color:rgba(255,233,120,.38)!important;
  background:linear-gradient(135deg,rgba(255,233,120,.12),rgba(255,159,28,.14))!important;
  color:#ffe978!important;
  box-shadow:0 0 14px rgba(255,159,28,.12)!important;
}
body.theme-gold .bnav,
body.theme-gold .nav{
  background:linear-gradient(180deg,rgba(10,5,0,.96) 0%,rgba(19,10,0,.98) 100%)!important;
  border-top:1px solid rgba(255,179,71,.18)!important;
  box-shadow:0 -12px 28px rgba(255,159,28,.08)!important;
}
body.theme-gold .login-logo{
  background:linear-gradient(90deg,#ffe978 0%,#ff9f1c 38%,#fff3a6 72%,#ffb347 100%)!important;
  -webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;
  text-shadow:0 0 24px rgba(255,233,120,.18);
}
body.theme-gold .ttl,
body.theme-gold #liveSourceLabel,
body.theme-gold #liveSourceLabelTop{color:#ffe978!important;}
body.lowlight-glow.theme-cyber .card,
body.lowlight-glow.theme-cyber .hero,
body.lowlight-glow.theme-cyber .ebox,
body.lowlight-glow.theme-cyber .login-loader{
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 36px rgba(116,242,255,.2),0 0 72px rgba(75,125,255,.18),0 0 88px rgba(255,79,164,.16)!important;
}
body.lowlight-glow.theme-cyber .btn-p,
body.lowlight-glow.theme-cyber .btn-o,
body.lowlight-glow.theme-cyber .badge,
body.lowlight-glow.theme-cyber .chip.active{
  box-shadow:0 0 22px rgba(116,242,255,.24),0 0 42px rgba(215,168,255,.16)!important;
  filter:saturate(1.18) brightness(1.08);
}
body.lowlight-glow.theme-cyber .login-logo{filter:drop-shadow(0 0 18px rgba(116,242,255,.32)) drop-shadow(0 0 30px rgba(255,79,164,.18));}
body.lowlight-glow.theme-gold .card,
body.lowlight-glow.theme-gold .hero,
body.lowlight-glow.theme-gold .ebox,
body.lowlight-glow.theme-gold .login-loader{
  box-shadow:0 0 0 1px rgba(255,248,223,.05) inset,0 0 30px rgba(255,190,48,.18),0 0 56px rgba(255,159,28,.16),0 0 82px rgba(255,90,54,.14)!important;
}
body.lowlight-glow.theme-gold .btn-p,
body.lowlight-glow.theme-gold .btn-o,
body.lowlight-glow.theme-gold .badge,
body.lowlight-glow.theme-gold .chip.active{
  box-shadow:0 0 20px rgba(255,233,120,.22),0 0 40px rgba(255,159,28,.16)!important;
  filter:saturate(1.14) brightness(1.06);
}
body.lowlight-glow.theme-gold .login-logo{filter:drop-shadow(0 0 16px rgba(255,233,120,.28)) drop-shadow(0 0 28px rgba(255,159,28,.18));}
body.lowlight-glow.theme-aurora .card,
body.lowlight-glow.theme-aurora .hero,
body.lowlight-glow.theme-aurora .ebox,
body.lowlight-glow.theme-aurora .login-loader{
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 42px rgba(100,245,255,.2),0 0 76px rgba(255,95,159,.16)!important;
}
body.lowlight-glow.theme-aurora .btn-p,
body.lowlight-glow.theme-aurora .btn-o,
body.lowlight-glow.theme-aurora .badge,
body.lowlight-glow.theme-aurora .chip.active{filter:saturate(1.18) brightness(1.08);box-shadow:0 0 22px rgba(100,245,255,.22),0 0 44px rgba(255,139,209,.14)!important;}
body.lowlight-glow.theme-aurora .login-logo{filter:drop-shadow(0 0 18px rgba(100,245,255,.3)) drop-shadow(0 0 28px rgba(255,139,209,.18));}
body.lowlight-glow.theme-solar .card,
body.lowlight-glow.theme-solar .hero,
body.lowlight-glow.theme-solar .ebox,
body.lowlight-glow.theme-solar .login-loader{
  box-shadow:0 0 0 1px rgba(255,255,190,.05) inset,0 0 38px rgba(246,255,95,.18),0 0 70px rgba(255,140,26,.14)!important;
}
body.lowlight-glow.theme-solar .btn-p,
body.lowlight-glow.theme-solar .btn-o,
body.lowlight-glow.theme-solar .badge,
body.lowlight-glow.theme-solar .chip.active{filter:saturate(1.15) brightness(1.07);box-shadow:0 0 20px rgba(246,255,95,.2),0 0 40px rgba(255,140,26,.14)!important;}
body.lowlight-glow.theme-solar .login-logo{filter:drop-shadow(0 0 16px rgba(246,255,95,.28)) drop-shadow(0 0 26px rgba(255,140,26,.16));}

/* Theme-aware payment button overrides */
body.theme-matrix [onclick*="payWithGateway"]{border-color:var(--acc)!important;}
body.theme-gold [onclick*="payWithGateway"]{border-color:var(--acc)!important;}
body.theme-purple [onclick*="payWithGateway"]{border-color:var(--acc)!important;}
body.theme-carbon [onclick*="payWithGateway"]{border-color:var(--acc)!important;}
body.theme-aurora [onclick*="payWithGateway"]{border-color:var(--acc)!important;}
body.theme-solar [onclick*="payWithGateway"]{border-color:var(--acc)!important;}

body{background:var(--bg);color:var(--txt);font-family:'Rajdhani',sans-serif;position:fixed;inset:0;width:calc(var(--app-vw) / var(--ui-scale));height:calc(var(--app-vh) / var(--ui-scale));min-height:calc(var(--app-vh) / var(--ui-scale));zoom:var(--ui-scale);transform-origin:top left;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(var(--accRGB),.025)1px,transparent 1px),linear-gradient(90deg,rgba(var(--accRGB),.025)1px,transparent 1px);background-size:44px 44px;}

/* ═══════════════════════════════════════════
   LAYOUT
═══════════════════════════════════════════ */
#loginWrap{position:fixed;inset:0;height:var(--app-vh);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;padding-bottom:calc(20px + var(--safe-b));z-index:200;overflow-y:auto;}
#app{display:none;flex-direction:column;height:var(--app-vh);max-height:var(--app-vh);position:relative;z-index:1;overflow:hidden;}

/* Top nav */
.topnav{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:rgba(6,8,16,.97);border-bottom:1px solid var(--brd);flex-shrink:0;z-index:50;}
.logo{font-family:Orbitron,monospace;font-size:15px;font-weight:900;color:var(--acc);letter-spacing:2px;}
.logo span{color:var(--gld);}

/* Balance strip */
.balstrip{display:flex;background:rgba(var(--accRGB),.04);border-bottom:1px solid var(--brd);flex-shrink:0;overflow-x:auto;}
.balstrip::-webkit-scrollbar{height:0;}
.bbit{display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-right:1px solid var(--brd);flex-shrink:0;}
.bbit:last-child{border-right:none;}
.bbv{font-family:Orbitron,monospace;font-size:11px;font-weight:700;color:var(--txt);}
.bbl{font-family:JetBrains Mono,monospace;font-size:7px;color:var(--txt3);text-transform:uppercase;letter-spacing:.5px;}

/* Screens */
.screens{flex:1;overflow:hidden;position:relative;}
.scr{display:none;position:absolute;inset:0;flex-direction:column;}
.scr.active{display:flex;}
.content{flex:1;overflow-y:auto;padding:10px;padding-bottom:calc(var(--nav-total-h) + 8px);}
.content::-webkit-scrollbar{width:0;}
.content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;}

/* Bottom nav - scrollable */
.bnav{display:flex;background:rgba(6,8,16,.98);border-top:1px solid var(--brd);flex-shrink:0;overflow-x:auto;overflow-y:hidden;height:var(--nav-total-h);min-height:var(--nav-total-h);padding-bottom:var(--safe-b);z-index:50;}
.bnav::-webkit-scrollbar{height:0;}
.bni{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 7px;cursor:pointer;gap:4px;border-top:2px solid transparent;transition:.18s;min-width:68px;flex-shrink:0;position:relative;}
.bni.active{border-top-color:var(--acc);}
.bni.tap-active{transform:translateY(1px) scale(.96);filter:brightness(1.18);}
.bni-ico{font-size:21px;line-height:1;}
.bni-lbl{font-size:9.2px;font-family:JetBrains Mono,monospace;color:var(--txt3);text-transform:uppercase;letter-spacing:.35px;white-space:nowrap;}
.bni.active .bni-lbl{color:var(--acc);}
.bni-badge{position:absolute;top:3px;right:5px;background:var(--red);color:#fff;font-size:7px;font-family:JetBrains Mono,monospace;border-radius:8px;padding:1px 4px;font-weight:700;display:none;min-width:14px;text-align:center;}

/* ═══════════════════════════════════════════
   SHARED COMPONENTS
═══════════════════════════════════════════ */
.card{background:var(--card);border:1px solid var(--brd);border-radius:11px;padding:12px;margin-bottom:9px;contain:layout paint;}
.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.ct{font-family:Orbitron,monospace;font-size:10px;font-weight:700;color:var(--acc);letter-spacing:2px;text-transform:uppercase;}
.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;background:rgba(var(--accRGB),.12);border:1px solid rgba(var(--accRGB),.3);color:var(--acc);font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;letter-spacing:1px;}
.sec-lbl{font-family:Orbitron,monospace;font-size:10px;color:var(--txt3);letter-spacing:3px;text-transform:uppercase;margin:12px 0 8px;}

/* Forms */
.fg{margin-bottom:10px;}
.fl{display:block;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;}
.fi{width:100%;background:var(--bg3);border:1px solid var(--brd2);border-radius:7px;padding:9px 11px;color:var(--txt);font-family:JetBrains Mono,monospace;font-size:12px;outline:none;transition:.2s;}
.fi:focus{border-color:var(--acc);box-shadow:0 0 0 2px rgba(var(--accRGB),.1);}
.sw{position:relative;}.sw::after{content:'▼';position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--acc);font-size:8px;pointer-events:none;}
.fsel{width:100%;background:var(--bg3);border:1px solid var(--brd2);border-radius:7px;padding:9px 11px;color:var(--txt);font-family:JetBrains Mono,monospace;font-size:11px;outline:none;appearance:none;cursor:pointer;}

/* MetaApi guided setup */
.ma-wrap{background:radial-gradient(circle at 18% 0%,rgba(60,221,255,.20),transparent 26%),linear-gradient(180deg,rgba(4,15,30,.98),rgba(6,20,38,.96));border:1px solid rgba(72,230,255,.34);border-radius:18px;padding:18px;box-shadow:0 0 30px rgba(72,230,255,.10),inset 0 0 0 1px rgba(255,255,255,.03);}
.ma-logo{font-family:Orbitron,monospace;font-size:28px;font-weight:900;letter-spacing:3px;text-align:center;color:#55eaff;text-shadow:0 0 16px rgba(85,234,255,.36);}
.ma-logo span{color:#ffdb66;}
.ma-sub{text-align:center;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt2);margin:4px 0 20px;}
.ma-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;position:relative;}
.ma-steps::before{content:'';position:absolute;left:12%;right:12%;top:22px;height:3px;background:rgba(92,159,190,.32);z-index:0;}
.ma-step{position:relative;z-index:1;text-align:center;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);letter-spacing:.8px;text-transform:uppercase;}
.ma-dot{width:46px;height:46px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#07172d;border:3px solid rgba(100,144,180,.45);font-family:Orbitron,monospace;font-size:18px;color:var(--txt2);box-shadow:0 0 14px rgba(0,0,0,.25);}
.ma-step.ok .ma-dot{border-color:#58eaff;color:#58eaff;box-shadow:0 0 20px rgba(88,234,255,.35);}
.ma-step.ready .ma-dot{border-color:var(--grn);color:var(--grn);}
.ma-panel{border:1px solid rgba(72,230,255,.26);border-radius:16px;padding:14px;background:rgba(8,25,45,.62);}
.ma-title{font-family:Orbitron,monospace;font-size:16px;font-weight:800;color:#58eaff;letter-spacing:2px;text-transform:uppercase;}
.ma-caption{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt2);margin-top:4px;line-height:1.7;}
.ma-block{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;border:1px solid rgba(72,230,255,.20);border-radius:14px;padding:14px;margin-top:13px;background:rgba(4,14,28,.52);}
.ma-num{height:88px;border:1px solid rgba(72,230,255,.28);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:30px;color:#58eaff;background:rgba(72,230,255,.06);}
.ma-num small{font-size:26px;line-height:1;color:#58eaff;margin-top:4px;}
.ma-field-title{font-family:Orbitron,monospace;font-size:13px;font-weight:800;color:#74efff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}
.ma-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 10px;border-radius:9px;border:1px solid rgba(34,197,94,.32);background:rgba(34,197,94,.10);font-family:JetBrains Mono,monospace;font-size:8px;color:#8dfc9e;text-transform:uppercase;letter-spacing:.8px;}
.ma-status.warn{border-color:rgba(255,215,106,.34);background:rgba(255,215,106,.08);color:#ffdf74;}
.ma-ready-list{display:grid;gap:9px;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt2);}
.ma-ready-list div{display:flex;align-items:center;gap:8px;}
.ma-help{margin-top:12px;border:1px solid rgba(72,230,255,.28);border-radius:13px;padding:13px;text-align:center;font-family:Orbitron,monospace;font-size:11px;color:#58eaff;letter-spacing:1.4px;}
@media(max-width:430px){.ma-wrap{padding:13px}.ma-logo{font-size:23px}.ma-block{grid-template-columns:64px 1fr;gap:10px;padding:11px}.ma-num{height:64px;font-size:24px}.ma-num small{font-size:20px}.ma-field-title{font-size:11px}.ma-steps{gap:4px}.ma-dot{width:40px;height:40px;font-size:16px}}

/* Range */
.rrow{display:flex;align-items:center;gap:8px;}
input[type=range]{flex:1;-webkit-appearance:none;height:4px;background:var(--bg3);border-radius:2px;outline:none;cursor:pointer;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--acc);cursor:pointer;box-shadow:0 0 6px rgba(var(--accRGB),.4);}
.rv{font-family:Orbitron,monospace;font-size:11px;color:var(--acc);min-width:48px;text-align:right;}

/* Toggles */
.trow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--brd);}
.trow:last-child{border-bottom:none;}
.ttl{font-weight:600;font-size:13px;margin-bottom:1px;}
.tds{font-size:9px;color:var(--txt3);font-family:JetBrains Mono,monospace;}
.tog{position:relative;width:42px;height:23px;cursor:pointer;flex-shrink:0;}
.tog input{display:none;}
.tt{width:100%;height:100%;background:var(--bg3);border-radius:12px;transition:.2s;border:1px solid var(--brd2);display:block;}
.tog input:checked+.tt{background:var(--acc2);border-color:var(--acc);}
.th{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s;pointer-events:none;}
.tog input:checked~.th{transform:translateX(19px);}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:5px;}
.chip{padding:5px 10px;border-radius:6px;background:var(--bg3);border:1px solid var(--brd2);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt2);cursor:pointer;transition:.15s;user-select:none;}
.chip.active{background:rgba(var(--accRGB),.14);border-color:var(--acc);color:var(--acc);}
.chip.selected-entry-tf{background:linear-gradient(135deg,rgba(0,255,136,.22),rgba(var(--accRGB),.18));border-color:var(--grn);color:var(--grn);box-shadow:0 0 12px rgba(0,255,136,.22);}
.chip.selected-entry-tf::after{content:' ENTRY';font-size:7px;color:var(--grn);margin-left:4px;}
.chip:active{transform:scale(.95);}

/* Buttons */
.btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 14px;border-radius:9px;border:none;font-family:Orbitron,monospace;font-size:10px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:.2s;width:100%;}
.btn:active{transform:scale(.97);}
.btn.tap-active,.chip.tap-active,.lpbtn.tap-active,.thopt.tap-active,.pin-key.tap-active{transform:translateY(1px) scale(.97);filter:brightness(1.18);box-shadow:0 0 14px rgba(var(--accRGB),.18);}
.btn,.bni,.chip,.lpbtn,.thopt,.pin-key,.tog,input,select,textarea,[onclick]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(var(--accRGB),.16);}
.btn-p{background:linear-gradient(135deg,var(--acc2),var(--acc));color:#000;}
.btn-g{background:linear-gradient(135deg,var(--grn2),var(--grn));color:#000;}
.btn-r{background:linear-gradient(135deg,var(--red2),var(--red));color:#fff;}
.btn-gld{background:linear-gradient(135deg,var(--gld2),var(--gld));color:#000;}
.btn-o{background:transparent;color:var(--acc);border:1px solid var(--acc);}
.btn-or{background:transparent;color:var(--red);border:1px solid var(--red);}
.btn-sm{padding:6px 10px;font-size:8px;width:auto;letter-spacing:1px;}

/* Grid helpers */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;}
.divider{height:1px;background:var(--brd);margin:9px 0;}

/* Stats cards */
.scard{background:var(--card);border:1px solid var(--brd);border-radius:9px;padding:9px;text-align:center;}
.sv{font-family:Orbitron,monospace;font-size:14px;font-weight:700;margin-bottom:2px;}
.sl{font-size:7px;color:var(--txt3);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px;}

/* Progress bars */
.pb{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden;margin-top:5px;}
.pf{height:100%;border-radius:3px;transition:width .5s;background:linear-gradient(90deg,var(--grn2),var(--grn));}
.pf.blue{background:linear-gradient(90deg,var(--acc2),var(--acc));}
.pf.gold{background:linear-gradient(90deg,var(--gld2),var(--gld));}
.pf.red{background:linear-gradient(90deg,var(--red2),var(--red));}

/* Toast */
.toast{display:none;position:fixed;top:62px;left:8px;right:8px;background:var(--card);border:1px solid var(--grn);border-radius:9px;padding:10px 12px;z-index:999;font-family:JetBrains Mono,monospace;font-size:9px;box-shadow:0 0 16px rgba(0,255,136,.18);animation:toastIn .3s;}
.toast.show{display:block;}
.toast.err{border-color:var(--red);box-shadow:0 0 16px rgba(255,51,102,.18);}
.toast.warn{border-color:var(--gld);box-shadow:0 0 16px rgba(255,215,0,.18);}
.ttitle{font-weight:700;font-size:11px;margin-bottom:2px;}
@keyframes toastIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}

/* Live dot */
.ldot{width:7px;height:7px;border-radius:50%;background:var(--grn);animation:pulse 2s infinite;flex-shrink:0;}

@keyframes shimmer{0%{background-position:0% 0}100%{background-position:200% 0}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* Modals */
.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:800;align-items:center;justify-content:center;padding:16px;}
.mo.show{display:flex;}
.mbox{background:var(--card);border:1px solid var(--brd);border-radius:12px;padding:18px;width:100%;max-width:340px;animation:toastIn .22s;max-height:90vh;overflow-y:auto;}
.mbox h3{font-family:Orbitron,monospace;font-size:11px;font-weight:700;color:var(--acc);letter-spacing:2px;margin-bottom:12px;text-align:center;}
.mbtns{display:flex;gap:6px;margin-top:10px;}.mbtns .btn{flex:1;}

/* Kill switch banner */
.kill-banner{display:none;background:rgba(255,51,102,.1);border:2px solid var(--red);border-radius:9px;padding:10px 12px;margin-bottom:9px;align-items:center;gap:9px;}
.kill-banner.on{display:flex;animation:killPulse 1.4s infinite;}
@keyframes killPulse{0%,100%{border-color:var(--red)}50%{border-color:rgba(255,51,102,.2)}}

/* Ticker */
.ticker{display:flex;overflow-x:auto;background:var(--bg2);border:1px solid var(--brd);border-radius:7px;padding:5px 8px;margin-bottom:9px;gap:14px;flex-shrink:0;}
.ticker::-webkit-scrollbar{height:0;}
.tki{display:flex;gap:4px;white-space:nowrap;align-items:center;}
.tkp{color:var(--txt3);font-family:JetBrains Mono,monospace;font-size:9px;}
.tkv{font-weight:700;font-family:Orbitron,monospace;font-size:10px;}
.up{color:var(--grn);font-family:JetBrains Mono,monospace;font-size:8px;}
.dn{color:var(--red);font-family:JetBrains Mono,monospace;font-size:8px;}

/* Hero profit */
.hero{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid var(--acc);border-radius:12px;padding:15px;margin-bottom:9px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-60%;left:-60%;width:220%;height:220%;background:radial-gradient(circle,rgba(var(--accRGB),.04),transparent 60%);animation:heroRotate 14s linear infinite;pointer-events:none;}
@keyframes heroRotate{to{transform:rotate(360deg)}}
.hlbl{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);letter-spacing:3px;text-transform:uppercase;margin-bottom:3px;}
.hamt{font-family:Orbitron,monospace;font-size:34px;font-weight:900;line-height:1;transition:color .3s;}
.hamt.pos{color:var(--grn);text-shadow:0 0 18px rgba(0,255,136,.35);}
.hamt.neg{color:var(--red);text-shadow:0 0 18px rgba(255,51,102,.35);}
.hsub{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt2);margin-top:4px;}

/* Engine box */
.ebox{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:2px solid var(--brd);border-radius:12px;padding:12px;margin-bottom:9px;transition:.3s;}
.ebox.on{border-color:var(--grn);box-shadow:0 0 18px rgba(0,255,136,.15);}
.ebtn{width:100%;padding:14px;border-radius:10px;border:2px solid var(--red);background:rgba(255,51,102,.08);color:var(--red);font-family:Orbitron,monospace;font-size:13px;font-weight:900;letter-spacing:2px;cursor:pointer;transition:.3s;margin-bottom:8px;}
.ebtn.on{border-color:var(--grn);background:rgba(0,255,136,.1);color:var(--grn);box-shadow:0 0 20px rgba(0,255,136,.25);}
.estat{background:var(--bg3);border-radius:7px;padding:6px 9px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex;align-items:center;gap:6px;min-height:27px;}
.edot{width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0;}
.edot.on{background:var(--grn);animation:pulse 1s infinite;}

/* ATP bar */
.atpbar{background:rgba(0,255,136,.04);border:1px solid rgba(0,255,136,.16);border-radius:9px;padding:8px 10px;margin-bottom:9px;display:flex;align-items:center;gap:9px;}
.atpval{font-family:Orbitron,monospace;font-size:14px;color:var(--grn);font-weight:700;}

/* Signal cards */
.sigcard{background:var(--card);border-radius:11px;padding:11px;margin-bottom:7px;border:1px solid var(--brd);contain:layout paint;}
.sigcard.buy{border-left:3px solid var(--grn);}
.sigcard.sell{border-left:3px solid var(--red);}
.sigcard.expired{opacity:.42;pointer-events:none;}
.sig-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:5px;min-width:0;}
.sbadge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:3px;font-family:Orbitron,monospace;font-size:8px;font-weight:700;letter-spacing:1px;}
.sbadge.buy{background:rgba(0,255,136,.1);color:var(--grn);}
.sbadge.sell{background:rgba(255,51,102,.1);color:var(--red);}
.sig-head .sbadge{flex:0 0 auto;}
.sig-badges{display:flex;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:wrap;min-width:0;max-width:72%;}
.sig-chip,.sig-status{font-family:JetBrains Mono,monospace;font-size:7px;padding:1px 6px;border-radius:3px;white-space:nowrap;}
.sig-chip-strong{background:rgba(255,215,0,.1);color:var(--gld);border:1px solid var(--gld);}
.sig-chip-ml{background:rgba(80,205,255,.09);color:var(--acc);border:1px solid rgba(80,205,255,.42);}
.sig-chip-fx{background:rgba(103,255,144,.08);color:var(--grn);border:1px solid rgba(103,255,144,.38);}
.sig-status.valid{color:var(--grn);border:1px solid rgba(103,255,144,.34);background:rgba(103,255,144,.07);}
.sig-status.waiting{color:var(--acc);border:1px solid rgba(80,205,255,.38);background:rgba(80,205,255,.07);}
.sig-status.filtered{color:var(--gld);border:1px solid rgba(255,215,0,.30);background:rgba(255,215,0,.06);}
.spair{font-family:Orbitron,monospace;font-size:16px;font-weight:700;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sig-label-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:4px;min-width:0;}
.sig-label-grid div{min-width:0;background:rgba(5,14,25,.34);border:1px solid rgba(84,239,255,.12);border-radius:7px;padding:5px 6px;}
.sig-label-grid span{display:block;font-family:JetBrains Mono,monospace;font-size:6px;color:var(--txt3);letter-spacing:.8px;margin-bottom:2px;}
.sig-label-grid b{display:block;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;}
.sig-label{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;}
.sig-meta-line{font-family:JetBrains Mono,monospace;font-size:7px;color:var(--txt3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;}
.smeta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;font-family:JetBrains Mono,monospace;font-size:8px;}
.sml{color:var(--txt3);margin-bottom:1px;}.smv{font-size:10px;}
.sbars{display:flex;gap:2px;margin-top:6px;}
.sbar{flex:1;height:3px;border-radius:2px;background:var(--bg3);}
.sbar.b{background:var(--grn);}.sbar.s{background:var(--red);}
.sig-timer{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt3);padding:1px 6px;border-radius:3px;border:1px solid var(--brd2);}
.sig-timer.urgent{color:var(--red)!important;border-color:var(--red);animation:pulse .75s infinite;}
.sig-blockers{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--gld);margin-top:5px;text-align:center;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* Position cards */
.poscard{background:var(--bg3);border-radius:10px;padding:12px;margin-bottom:8px;border-left:3px solid var(--grn);contain:layout paint;}
.poscard.sell{border-left-color:var(--red);}

/* Trade list */
.ti{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--bg3);border-radius:8px;margin-bottom:6px;border-left:3px solid var(--grn);}
.ti.L{border-left-color:var(--red);}
.tpair{font-family:Orbitron,monospace;font-size:11px;font-weight:700;margin-bottom:2px;}
.tmeta{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);}
.tpnl{font-family:Orbitron,monospace;font-size:12px;font-weight:700;}
.tpnl.W{color:var(--grn);}.tpnl.L{color:var(--red);}

/* Session indicators */
.seshrow{display:flex;gap:4px;margin-bottom:9px;}
.sesh{flex:1;text-align:center;padding:5px 2px;border-radius:6px;border:1px solid var(--brd2);font-family:JetBrains Mono,monospace;font-size:7px;background:var(--bg3);}
.sesh.active{background:rgba(0,255,136,.08);border-color:var(--grn);color:var(--grn);}

/* Calendar */
.calitem{background:var(--bg3);border-radius:9px;padding:9px;margin-bottom:6px;border-left:3px solid var(--brd2);}
.calitem.hi{border-left-color:var(--red);}
.calitem.med{border-left-color:var(--gld);}
.calitem.lo{border-left-color:var(--grn);}

/* Login card */
.login-logo{font-family:Orbitron,monospace;font-size:28px;font-weight:900;color:var(--acc);letter-spacing:4px;text-align:center;margin-bottom:4px;text-shadow:0 0 22px rgba(var(--accRGB),.45);}
.login-sub{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt3);letter-spacing:3px;text-transform:uppercase;text-align:center;margin-bottom:22px;}
.lcard{width:100%;max-width:400px;background:var(--card);border:1px solid var(--brd);border-radius:14px;padding:18px;}
.login-loader{width:100%;max-width:400px;min-height:360px;background:linear-gradient(180deg,rgba(3,19,26,.96),rgba(4,10,18,.98));border:1px solid rgba(var(--accRGB),.18);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 30px rgba(var(--accRGB),.08);}
.login-loader.boot-fail-open{animation:loginBootAutoHide .01s linear 6s forwards;}
.login-entry-guard{display:block!important;opacity:0;visibility:hidden;pointer-events:none;position:absolute;left:-9999px;}
.login-entry-guard.boot-fail-open{animation:loginEntryAutoShow .01s linear 6s forwards;}
.login-loader-ring{width:88px;height:88px;border-radius:26px;background:radial-gradient(circle at 30% 25%,rgba(24,229,255,.25),transparent 52%),linear-gradient(145deg,rgba(24,229,255,.16),rgba(255,198,77,.1));border:1px solid rgba(24,229,255,.28);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(24,229,255,.1),inset 0 0 18px rgba(255,198,77,.08);margin-bottom:18px;}
.login-loader-ring::before{content:"";width:42px;height:42px;border-radius:14px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--acc);border-right-color:var(--gld);animation:spin .9s linear infinite;}
.login-loader-title{font-family:Orbitron,monospace;font-size:13px;font-weight:800;letter-spacing:3px;color:var(--acc);text-align:center;margin-bottom:8px;text-shadow:0 0 18px rgba(var(--accRGB),.32);}
.login-loader-sub{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);letter-spacing:2px;text-align:center;margin-bottom:18px;text-transform:uppercase;}
.ffm-bounce{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;max-width:100%;white-space:nowrap;margin-bottom:16px;overflow:hidden}
.ffm-bounce span{display:inline-block;min-width:8px;font-family:Orbitron,monospace;font-size:14px;font-weight:900;letter-spacing:.3px;color:#8cf7ff;text-shadow:0 0 18px rgba(24,229,255,.34),0 0 24px rgba(255,198,77,.14);animation:ffmBounce 1.15s ease-in-out infinite;}
.ffm-bounce span.space{min-width:7px}
.login-loader-note{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);text-align:center;line-height:1.9}
.login-loader-bar{width:100%;max-width:220px;height:6px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;margin-top:14px}
.login-loader-bar-fill{width:42%;height:100%;border-radius:999px;background:linear-gradient(90deg,#18e5ff 0%,#5ffff1 48%,#ffc64d 100%);animation:ffmLoad 1.4s ease-in-out infinite;}
.login-spin{display:none;flex-direction:column;align-items:center;gap:12px;padding:28px 0;}
.spinner{width:40px;height:40px;border:3px solid var(--brd2);border-top-color:var(--acc);border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ffmBounce{0%,100%{transform:translateY(0) scale(1);opacity:.82}50%{transform:translateY(-8px) scale(1.04);opacity:1}}
@keyframes ffmLoad{0%{transform:translateX(-115%)}50%{transform:translateX(95%)}100%{transform:translateX(235%)}}
@keyframes loginBootAutoHide{to{opacity:0;visibility:hidden;pointer-events:none;max-height:0;min-height:0;padding:0;margin:0;overflow:hidden;}}
@keyframes loginEntryAutoShow{to{opacity:1;visibility:visible;pointer-events:auto;position:relative;left:auto;}}

/* Broker grid */
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;}
.bcard{background:var(--bg3);border:1px solid var(--brd2);border-radius:7px;padding:8px;cursor:pointer;text-align:center;transition:.2s;}
.bcard.sel{border-color:var(--acc);background:rgba(var(--accRGB),.07);}
.bname{font-family:Orbitron,monospace;font-size:8px;font-weight:700;margin-top:3px;letter-spacing:1px;}

/* Lot preset buttons */
.lpbtn{padding:4px 7px;border-radius:4px;border:1px solid var(--brd2);background:var(--bg2);color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:8px;cursor:pointer;transition:.14s;}
.lpbtn:hover{border-color:var(--acc);color:var(--acc);}

/* License */
.lbox{background:var(--bg);border:1px solid var(--gld);border-radius:9px;padding:10px;margin-bottom:9px;font-family:JetBrains Mono,monospace;}
.lkey{font-size:11px;color:var(--gld);word-break:break-all;letter-spacing:1px;margin:5px 0;}
.lmeta{font-size:8px;color:var(--txt3);line-height:1.9;}

/* Theme swatches */
.thgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.thopt{border-radius:10px;padding:12px;cursor:pointer;border:2px solid transparent;text-align:center;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;letter-spacing:1px;transition:.2s;position:relative;}
.thopt:active{transform:scale(.97);}
.thopt.active::after{content:'✓';position:absolute;top:5px;right:7px;font-size:11px;}
.thopt-cyber{background:linear-gradient(135deg,#060810,#0c2040);color:#00d4ff;border-color:#1e3a5f;}
.thopt-cyber.active{border-color:#00d4ff;}
.thopt-matrix{background:linear-gradient(135deg,#010a01,#061206);color:#00ff41;border-color:#1a4d1a;}
.thopt-matrix.active{border-color:#00ff41;}
.thopt-gold{background:linear-gradient(135deg,#0a0800,#1c1500);color:#ffd700;border-color:#3d2e00;}
.thopt-gold.active{border-color:#ffd700;}
.thopt-purple{background:linear-gradient(135deg,#07040f,#0e0820);color:#a855f7;border-color:#2d1b5e;}
.thopt-purple.active{border-color:#a855f7;}
.thopt-holo{background:linear-gradient(135deg,#010810,#0a1830);color:#00b4ff;border-color:#0a3060;}
.thopt-holo.active{border-color:#00b4ff;box-shadow:0 0 10px rgba(0,180,255,.3);}
.thopt-carbon{background:linear-gradient(135deg,#0a0a0a,#1a0a0a);color:#dc2626;border-color:#2a0808;}
.thopt-carbon.active{border-color:#dc2626;box-shadow:0 0 10px rgba(220,38,38,.3);}
.thopt-aurora{background:radial-gradient(circle at 20% 18%,rgba(159,247,255,.28),transparent 32%),radial-gradient(circle at 78% 20%,rgba(255,244,168,.18),transparent 28%),linear-gradient(135deg,#020614,#102946,#221446);color:#dffcff;border-color:#4bbfff;}
.thopt-aurora.active{border-color:#9ff7ff;box-shadow:0 0 14px rgba(159,247,255,.34),0 0 24px rgba(216,183,255,.2);}
.thopt-solar{background:radial-gradient(circle at 24% 16%,rgba(255,232,163,.24),transparent 30%),radial-gradient(circle at 82% 24%,rgba(255,95,125,.16),transparent 28%),linear-gradient(135deg,#07040a,#28121c,#2b160a);color:#ffe8a3;border-color:#ffcf6e;}
.thopt-solar.active{border-color:#ffe8a3;box-shadow:0 0 14px rgba(255,232,163,.3),0 0 24px rgba(255,95,125,.18);}

/* KYC steps */
.kstep{display:flex;gap:8px;padding:10px;background:var(--bg3);border-radius:8px;margin-bottom:6px;align-items:flex-start;}
.kico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;background:rgba(var(--accRGB),.08);border:1px solid var(--brd);}
.kico.done{background:rgba(0,255,136,.08);border-color:var(--grn);}
.kico.pend{background:rgba(255,215,0,.07);border-color:var(--gld);}
.kttl{font-weight:600;font-size:13px;margin-bottom:1px;}.kdsc{font-size:9px;color:var(--txt3);}
.kstat{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:8px;padding:2px 6px;border-radius:3px;flex-shrink:0;}
.kstat.done{background:rgba(0,255,136,.1);color:var(--grn);}
.kstat.pend{background:rgba(255,215,0,.1);color:var(--gld);}
.kstat.req{background:rgba(255,51,102,.1);color:var(--red);}

/* Streaks */
.streak-fire{font-size:28px;text-align:center;margin-bottom:4px;}
.streak-val{font-family:Orbitron,monospace;font-size:36px;font-weight:900;text-align:center;}

/* Risk meter */
.rmeter{display:flex;gap:2px;margin-top:5px;}
.rb{flex:1;height:6px;border-radius:2px;background:var(--bg3);}

/* ROR result */
.ror-result{text-align:center;padding:14px;background:var(--bg3);border-radius:10px;margin-top:10px;}
.ror-pct{font-family:Orbitron,monospace;font-size:36px;font-weight:900;}

/* Calc box */
.calc-box{background:rgba(var(--accRGB),.06);border:1px solid rgba(var(--accRGB),.2);border-radius:10px;padding:14px;margin-top:10px;}
.calc-big{font-family:Orbitron,monospace;font-size:30px;font-weight:900;color:var(--grn);text-align:center;margin:6px 0 3px;}
.calc-lbl{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt3);text-align:center;letter-spacing:2px;}
.calc-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:11px;}
.calc-val{font-family:Orbitron,monospace;font-size:13px;color:var(--acc);font-weight:700;}

/* Referral */
.ref-wrap{background:linear-gradient(135deg,rgba(255,215,0,.05),rgba(255,215,0,.02));border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;margin-bottom:12px;}
.ref-code{font-family:Orbitron,monospace;font-size:20px;color:var(--gld);letter-spacing:4px;text-align:center;padding:12px;background:rgba(255,215,0,.08);border-radius:8px;margin:10px 0;border:1px dashed rgba(255,215,0,.3);}

/* Canvas */
canvas{border-radius:7px;background:var(--bg3);display:block;width:100%;}

/* Pin pad */
.pin-pad{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;width:240px;margin:0 auto;}
.pin-key{background:var(--bg3);border:1px solid var(--brd2);border-radius:10px;padding:16px;font-family:Orbitron,monospace;font-size:18px;font-weight:700;color:var(--txt);cursor:pointer;text-align:center;transition:all .15s;user-select:none;}
.pin-key:active{background:rgba(var(--accRGB),.2);border-color:var(--acc);}
.pin-key.del{color:var(--red);}
.pin-dots{display:flex;gap:12px;justify-content:center;margin:16px 0;}
.pdot{width:14px;height:14px;border-radius:50%;border:2px solid var(--brd2);transition:.15s;}
.pdot.filled{background:var(--acc);border-color:var(--acc);}

/* Paywall */
.paywall{background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(255,215,0,.03));border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px;text-align:center;margin-bottom:12px;}
.price-big{font-family:Orbitron,monospace;font-size:40px;font-weight:900;color:var(--gld);margin:10px 0 4px;}

/* White label preview */
.wl-preview{background:var(--bg3);border-radius:10px;padding:14px;text-align:center;margin-top:8px;border:1px solid var(--brd2);}

/* FCP */
.version-banner{background:rgba(var(--accRGB),.05);border:1px solid rgba(var(--accRGB),.2);border-radius:8px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;margin-bottom:12px;}

/* Wizard */
.wiz-progress{display:flex;gap:6px;margin-bottom:16px;}
.wiz-dot{flex:1;height:4px;border-radius:2px;background:var(--bg3);}
.wiz-dot.done{background:var(--acc);}
.wstep{display:none;}.wstep.active{display:block;}

/* Journal */
.jitem{padding:10px;background:var(--bg3);border-radius:8px;margin-bottom:8px;border-left:3px solid var(--acc);}
.jitem.L{border-left-color:var(--red);}

/* Intel chips */
.ichip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:9px;margin:2px;}
.ichip.bull{background:rgba(0,255,136,.12);color:var(--grn);border:1px solid rgba(0,255,136,.25);}
.ichip.bear{background:rgba(255,51,102,.12);color:var(--red);border:1px solid rgba(255,51,102,.25);}
.ichip.neut{background:rgba(255,215,0,.12);color:var(--gld);border:1px solid rgba(255,215,0,.25);}
.ichip.info{background:rgba(var(--accRGB),.1);color:var(--acc);border:1px solid rgba(var(--accRGB),.2);}

/* MAE/MFE bars */
.mfe-wrap{position:relative;height:8px;background:var(--bg3);border-radius:4px;margin:4px 0;overflow:hidden;}
.mfe-bar{position:absolute;top:0;height:100%;border-radius:4px;}

/* Trade template items */
.tmpl-item{display:flex;align-items:center;justify-content:space-between;padding:9px;background:var(--bg3);border-radius:8px;margin-bottom:6px;}

/* Pending order rows */
.pend-row{background:var(--bg3);border-radius:8px;padding:9px;margin-bottom:6px;border-left:3px solid var(--gld);}

/* Social/leaderboard */
.lb-row{display:flex;align-items:center;gap:8px;padding:9px;background:var(--bg3);border-radius:8px;margin-bottom:6px;}

/* Chatroom */
#screenChatroom .content{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding-bottom:calc(8px + var(--safe-b));}
.chatroom-shell{display:flex;flex-direction:column;gap:10px;}
#screenChatroom .chatroom-shell{flex:1 1 auto;min-height:0;margin-bottom:0;}
.chat-color-picker{background:rgba(var(--accRGB),.035);border:1px solid rgba(var(--accRGB),.14);border-radius:12px;padding:8px;}
.chat-color-title{font-family:Orbitron,monospace;font-size:8px;color:var(--txt3);letter-spacing:2px;margin-bottom:6px;}
.chat-color-row{display:flex;gap:6px;overflow:auto;padding-bottom:2px;}
.chat-select-wrap{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--accRGB),.18);border-radius:999px;background:rgba(255,255,255,.04);padding:5px 8px;color:var(--txt3);font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.5px;white-space:nowrap;}
.chat-select{min-width:132px;border:0;outline:none;border-radius:999px;background:rgba(2,7,18,.82);color:var(--txt);font-family:JetBrains Mono,monospace;font-size:9px;padding:7px 28px 7px 10px;}
.chat-select option{background:#07101f;color:#eaf7ff;}
.chat-color-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--brd2);border-radius:999px;background:rgba(255,255,255,.035);color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:8px;padding:6px 9px;white-space:nowrap;}
.chat-color-chip span{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 10px rgba(var(--accRGB),.12);}
.chat-color-chip.active{border-color:var(--acc);color:var(--acc);background:rgba(var(--accRGB),.09);}
.chat-color-chip-cyan span{background:linear-gradient(135deg,#45ecff,#0987ff);}
.chat-color-chip-emerald span{background:linear-gradient(135deg,#83ffb3,#00b86b);}
.chat-color-chip-rose span{background:linear-gradient(135deg,#ff8db2,#ff3366);}
.chat-color-chip-amber span{background:linear-gradient(135deg,#ffe38a,#ff9c1a);}
.chat-color-chip-violet span{background:linear-gradient(135deg,#c8a0ff,#7b3cff);}
.chat-color-chip-seraphic_gold{border-color:rgba(255,226,132,.42);color:#ffe284;background:linear-gradient(135deg,rgba(255,226,132,.13),rgba(255,255,255,.03));}
.chat-color-chip-seraphic_gold span{background:radial-gradient(circle at 30% 20%,#fff9c8,#f8c744 45%,#926415);box-shadow:0 0 14px rgba(255,226,132,.34);}
.chat-bg-picker{background:rgba(var(--accRGB),.028);border:1px solid rgba(var(--accRGB),.12);border-radius:12px;padding:8px;}
.chat-bg-title{font-family:Orbitron,monospace;font-size:8px;color:var(--txt3);letter-spacing:2px;margin-bottom:6px;}
.chat-bg-row{display:flex;gap:6px;overflow:auto;padding-bottom:2px;align-items:center;}
.chat-bg-custom{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(var(--accRGB),.18);border-radius:999px;background:rgba(255,255,255,.035);color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:8px;padding:5px 8px;white-space:nowrap;}
.chat-bg-custom input{width:30px;height:24px;border:0;background:transparent;padding:0;}
.chat-bg-chip,.chat-bg-action{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(var(--accRGB),.16);border-radius:999px;background:rgba(255,255,255,.035);color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:8px;padding:6px 9px;white-space:nowrap;}
.chat-bg-chip span{width:13px;height:13px;border-radius:50%;background:var(--chip-bg,#07152a);border:1px solid rgba(255,255,255,.28);box-shadow:0 0 10px rgba(var(--accRGB),.14);}
.chat-bg-chip.active{border-color:var(--acc);color:var(--acc);background:rgba(var(--accRGB),.09);}
.chat-bg-action{border-color:rgba(255,215,106,.20);color:var(--gld);}
.chat-bg-action.warn{border-color:rgba(255,77,125,.26);color:var(--red);}
.chat-bg-action:active,.chat-bg-chip:active,.chat-bg-custom:active{transform:scale(.97);filter:brightness(1.18);}
.chat-list{height:420px;max-height:58vh;overflow:auto;background-color:var(--chat-bg-color,#07152A);background-image:
  linear-gradient(180deg,rgba(2,7,18,.28),rgba(2,7,18,.42)),
  var(--chat-bg-image,none),
  linear-gradient(180deg,rgba(var(--accRGB),.045),rgba(255,255,255,.015));
  background-size:cover,cover,auto;
  background-position:center,center,center;
  border:1px solid var(--brd2);border-radius:16px;padding:10px;scroll-behavior:smooth;}
#screenChatroom .chat-list{flex:1 1 auto;height:auto;min-height:0;max-height:none;}
.chat-msg{display:flex;gap:8px;margin-bottom:10px;align-items:flex-start;}
.chat-avatar{flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,rgba(var(--accRGB),.22),rgba(255,215,106,.10));border:1px solid rgba(var(--accRGB),.32);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:14px;color:var(--acc);box-shadow:0 0 18px rgba(var(--accRGB),.12);}
.chat-bubble{flex:1;min-width:0;overflow:visible;background:rgba(8,15,32,.78);border:1px solid rgba(var(--accRGB),.17);border-radius:14px;padding:9px 10px;}
.chat-msg.chat-color-cyan .chat-avatar,.chat-msg.chat-color-cyan .chat-bubble,.chat-online-chip.chat-color-cyan{border-color:rgba(69,236,255,.32);box-shadow:0 0 16px rgba(69,236,255,.08);}
.chat-msg.chat-color-emerald .chat-avatar,.chat-msg.chat-color-emerald .chat-bubble,.chat-online-chip.chat-color-emerald{border-color:rgba(83,255,161,.34);box-shadow:0 0 16px rgba(83,255,161,.08);}
.chat-msg.chat-color-rose .chat-avatar,.chat-msg.chat-color-rose .chat-bubble,.chat-online-chip.chat-color-rose{border-color:rgba(255,87,132,.36);box-shadow:0 0 16px rgba(255,87,132,.08);}
.chat-msg.chat-color-amber .chat-avatar,.chat-msg.chat-color-amber .chat-bubble,.chat-online-chip.chat-color-amber{border-color:rgba(255,190,70,.36);box-shadow:0 0 16px rgba(255,190,70,.08);}
.chat-msg.chat-color-violet .chat-avatar,.chat-msg.chat-color-violet .chat-bubble,.chat-online-chip.chat-color-violet{border-color:rgba(160,118,255,.36);box-shadow:0 0 16px rgba(160,118,255,.08);}
.chat-msg.chat-color-seraphic_gold .chat-avatar,.chat-msg.chat-color-seraphic_gold .chat-bubble,.chat-online-chip.chat-color-seraphic_gold{border-color:rgba(255,226,132,.58);box-shadow:0 0 22px rgba(255,226,132,.18),inset 0 0 18px rgba(255,226,132,.035);}
.chat-msg.chat-color-seraphic_gold .chat-avatar{color:#ffe284;background:radial-gradient(circle at 35% 20%,rgba(255,255,224,.25),rgba(255,198,77,.12) 48%,rgba(30,18,2,.72));}
.chat-msg.chat-color-cyan .chat-name,.chat-msg.chat-color-cyan .chat-text,.chat-online-chip.chat-color-cyan{color:#69f2ff;text-shadow:0 0 10px rgba(105,242,255,.18);}
.chat-msg.chat-color-emerald .chat-name,.chat-msg.chat-color-emerald .chat-text,.chat-online-chip.chat-color-emerald{color:#83ffb3;text-shadow:0 0 10px rgba(131,255,179,.16);}
.chat-msg.chat-color-rose .chat-name,.chat-msg.chat-color-rose .chat-text,.chat-online-chip.chat-color-rose{color:#ff8db2;text-shadow:0 0 10px rgba(255,141,178,.15);}
.chat-msg.chat-color-amber .chat-name,.chat-msg.chat-color-amber .chat-text,.chat-online-chip.chat-color-amber{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.16);}
.chat-msg.chat-color-violet .chat-name,.chat-msg.chat-color-violet .chat-text,.chat-online-chip.chat-color-violet{color:#c8a0ff;text-shadow:0 0 10px rgba(200,160,255,.16);}
.chat-msg.chat-color-seraphic_gold .chat-name,.chat-msg.chat-color-seraphic_gold .chat-text,.chat-online-chip.chat-color-seraphic_gold{color:#ffe284;text-shadow:0 0 14px rgba(255,226,132,.26);}
.chat-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);min-width:0;}
.chat-name-line{min-width:0;max-width:100%;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;position:relative;overflow:visible;}
.chat-name{font-family:Orbitron,monospace;font-size:9px;color:var(--txt);font-weight:800;letter-spacing:.5px;display:block;position:static;transform:none;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;line-height:1.2;flex:1 1 auto;}
.chat-time{white-space:nowrap;align-self:start;padding-top:3px;}
.chat-key{font-size:7px;color:var(--gld);border:1px solid rgba(255,215,106,.24);background:rgba(255,215,106,.07);border-radius:999px;padding:2px 6px;white-space:nowrap;}
.chat-badges{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;}
.chat-badge{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,215,106,.36);background:linear-gradient(135deg,rgba(255,215,106,.15),rgba(var(--accRGB),.08));border-radius:999px;padding:2px 7px;font-family:Orbitron,monospace;font-size:7px;color:var(--gld);letter-spacing:.5px;white-space:nowrap;box-shadow:0 0 12px rgba(255,215,106,.09);}
.chat-badge-success{color:#79ff9d;border-color:rgba(121,255,157,.38);background:linear-gradient(135deg,rgba(121,255,157,.14),rgba(255,215,106,.10));}
.chat-badge-active{color:var(--acc);border-color:rgba(var(--accRGB),.38);background:linear-gradient(135deg,rgba(var(--accRGB),.16),rgba(255,255,255,.03));}
.chat-admin-badge{border-color:rgba(255,215,106,.32);color:var(--gld);}
.chat-text{font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7;color:var(--txt2);font-weight:800;white-space:pre-wrap;word-break:break-word;}
.chat-media{position:relative;margin-top:7px;max-width:100%;width:min(100%,460px);border-radius:14px;overflow:hidden;background:linear-gradient(145deg,rgba(var(--accRGB),.08),rgba(2,7,18,.95));border:1px solid rgba(var(--accRGB),.22);}
.chat-img{display:block;width:100%;height:auto;max-height:340px;border:0;object-fit:contain;background:#020712;}
.chat-img-hidden{display:none;}
.chat-img-fallback{display:none;padding:14px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--gld);border:1px dashed rgba(255,215,106,.32);border-radius:12px;margin:8px;background:rgba(255,215,106,.06);}
.chat-media-failed .chat-img-fallback{display:block;}
.chat-sticker{font-size:42px;line-height:1.15;padding:8px 0;}
.chat-sticker-card{display:inline-flex;align-items:center;gap:10px;max-width:260px;border:1px solid rgba(var(--accRGB),.24);border-radius:18px;padding:10px 14px;background:radial-gradient(circle at 20% 10%,rgba(var(--accRGB),.18),rgba(5,12,25,.9) 62%);box-shadow:0 0 24px rgba(var(--accRGB),.12);overflow:hidden;}
.chat-sticker-icon{font-size:34px;line-height:1;animation:chatStickerFloat 1.9s ease-in-out infinite;}
.chat-sticker-label{font-family:Orbitron,monospace;font-size:9px;color:var(--txt);letter-spacing:.7px;text-transform:uppercase;}
.chat-gif-card{position:relative;width:min(100%,280px);min-height:134px;border:1px solid rgba(var(--accRGB),.28);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,rgba(var(--accRGB),.10),rgba(255,215,106,.06),rgba(3,9,20,.96));box-shadow:0 0 28px rgba(var(--accRGB),.13),inset 0 0 38px rgba(255,255,255,.025);}
.chat-gif-glow{position:absolute;inset:-40%;background:conic-gradient(from 90deg,rgba(var(--accRGB),0),rgba(var(--accRGB),.35),rgba(255,215,106,.28),rgba(var(--accRGB),0));animation:chatGifSpin 3.3s linear infinite;opacity:.55;}
.chat-gif-icon{position:relative;z-index:1;font-size:48px;line-height:1;animation:chatGifBounce 1.2s ease-in-out infinite;}
.chat-gif-label{position:relative;z-index:1;font-family:Orbitron,monospace;font-size:10px;color:var(--txt);letter-spacing:1.2px;text-transform:uppercase;text-shadow:0 0 14px rgba(var(--accRGB),.32);}
.chat-gif-profit-rain .chat-gif-icon,.chat-gif-gold-win .chat-gif-icon{animation-duration:1s;}
.chat-emoji-anim{display:inline-block;transform-origin:center;animation:chatEmojiPulse 1.75s ease-in-out infinite;will-change:transform,filter;}
.chat-mini-btn .chat-emoji-anim,.chat-reaction .chat-emoji-anim,.emoji-chip{animation:chatEmojiPulse 1.75s ease-in-out infinite;}
@keyframes chatEmojiPulse{0%,100%{transform:translateY(0) scale(1) rotate(0deg);filter:drop-shadow(0 0 0 rgba(var(--accRGB),0));}45%{transform:translateY(-2px) scale(1.18) rotate(-4deg);filter:drop-shadow(0 0 8px rgba(var(--accRGB),.34));}70%{transform:translateY(0) scale(1.04) rotate(3deg);}}
@keyframes chatStickerFloat{0%,100%{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-5px) rotate(4deg) scale(1.12)}}
@keyframes chatGifSpin{to{transform:rotate(360deg)}}
@keyframes chatGifBounce{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-9px) scale(1.18)}72%{transform:translateY(2px) scale(.98)}}
.chat-pinned{display:none;background:linear-gradient(145deg,rgba(255,215,106,.12),rgba(var(--accRGB),.06));border:1px solid rgba(255,215,106,.28);border-radius:12px;padding:9px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt2);}
.chat-online{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;align-items:center;min-height:30px;flex-wrap:nowrap;}
.chat-online-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:22px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(var(--accRGB),.2);background:rgba(var(--accRGB),.06);border-radius:999px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);}
.chat-online-chip .chat-badges{flex:0 0 auto;flex-wrap:nowrap;min-width:0;overflow:hidden;}
.chat-online-chip .chat-badge{flex:0 0 auto;}
.chat-reply-box{border-left:2px solid var(--acc);background:rgba(var(--accRGB),.06);border-radius:8px;padding:6px;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);}
.chat-mini-btn{border:1px solid var(--brd2);background:rgba(255,255,255,.035);border-radius:999px;color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:8px;padding:4px 7px;}
.chat-mini-btn:active{transform:scale(.96);filter:brightness(1.2);}
.chat-menu{position:relative;z-index:40;flex:0 0 auto;align-self:start;}
.chat-menu summary{list-style:none;width:27px;height:23px;border-radius:999px;border:1px solid rgba(var(--accRGB),.24);background:rgba(var(--accRGB),.075);color:var(--acc);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:15px;line-height:1;cursor:pointer;box-shadow:0 0 12px rgba(var(--accRGB),.10);}
.chat-menu summary::-webkit-details-marker{display:none;}
.chat-menu[open] summary{background:linear-gradient(135deg,rgba(var(--accRGB),.22),rgba(255,215,106,.10));border-color:rgba(var(--accRGB),.45);}
.chat-menu-panel{position:absolute;left:auto;right:0;top:29px;min-width:168px;max-height:260px;overflow:auto;z-index:1200;display:grid;gap:5px;padding:8px;border-radius:15px;border:1px solid rgba(var(--accRGB),.34);background:rgba(3,10,22,.985);box-shadow:0 18px 46px rgba(0,0,0,.58),0 0 28px rgba(var(--accRGB),.16);backdrop-filter:blur(14px);}
.chat-menu-btn{width:100%;border:1px solid rgba(var(--accRGB),.18);background:rgba(255,255,255,.04);border-radius:11px;color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:9px;text-align:left;padding:8px 9px;white-space:nowrap;}
.chat-menu-btn:active{transform:scale(.98);filter:brightness(1.18);}
.chat-menu-danger{color:var(--red);border-color:rgba(255,77,125,.28);background:rgba(255,77,125,.06);}
.chat-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;}
.chat-reaction{border:1px solid rgba(var(--accRGB),.18);background:rgba(var(--accRGB),.05);border-radius:999px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);}
.chat-replying{display:none;border:1px solid rgba(var(--accRGB),.22);background:rgba(var(--accRGB),.07);border-radius:10px;padding:7px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt2);}
.chat-preview{display:none;position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:10000;align-items:center;justify-content:center;padding:22px;}
.chat-preview img{max-width:96vw;max-height:84vh;border-radius:14px;border:1px solid rgba(var(--accRGB),.35);}
.chat-preview button{position:absolute;top:18px;right:18px;width:auto;}
.chat-composer{position:relative;display:block;width:100%;}
.chat-input{width:100%;min-height:56px;max-height:132px;resize:vertical;line-height:1.55;padding-left:54px;padding-right:116px;padding-bottom:15px;}
.chat-left-actions{position:absolute;left:9px;bottom:8px;display:flex;align-items:center;justify-content:flex-start;pointer-events:none;}
.chat-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;pointer-events:none;}
.chat-picker-toggle{pointer-events:auto;width:38px;height:38px;border-radius:15px;border:1px solid rgba(var(--accRGB),.25);background:rgba(4,14,28,.86);color:var(--txt2);font-family:Orbitron,monospace;font-size:22px;line-height:1;box-shadow:0 0 16px rgba(var(--accRGB),.13),inset 0 0 14px rgba(255,255,255,.025);backdrop-filter:blur(8px);}
.chat-picker-toggle:active{transform:scale(.94);filter:brightness(1.22);}
.chat-overlay-btn{pointer-events:auto;height:34px;min-width:36px;border-radius:12px;border:1px solid var(--brd2);background:rgba(4,14,28,.82);color:var(--acc);font-family:Orbitron,monospace;font-size:11px;font-weight:800;letter-spacing:.4px;padding:0 9px;box-shadow:0 0 14px rgba(var(--accRGB),.12);backdrop-filter:blur(8px);}
.chat-overlay-btn:active{transform:scale(.95);filter:brightness(1.18);}
.chat-send-btn{min-width:58px;background:linear-gradient(135deg,var(--acc),var(--grn));border-color:rgba(var(--accRGB),.55);color:#031018;}
.chat-media-picker{display:none;margin-top:8px;border:1px solid rgba(var(--accRGB),.20);background:linear-gradient(180deg,rgba(5,14,30,.95),rgba(2,7,18,.96));border-radius:18px;padding:11px 9px 9px;box-shadow:0 16px 42px rgba(0,0,0,.34),0 0 26px rgba(var(--accRGB),.10);max-height:min(52vh,430px);overflow:hidden;}
.chat-media-picker.open{display:block;animation:chatPickerIn .16s ease-out both;}
.chat-picker-close{position:absolute;right:11px;top:9px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(var(--accRGB),.25);background:rgba(255,255,255,.055);color:var(--txt);font-family:Orbitron,monospace;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;}
.chat-picker-close:active{transform:scale(.94);filter:brightness(1.2);}
.chat-picker-tabs{display:flex;gap:5px;width:max-content;max-width:100%;padding:4px;margin:0 auto 9px;border-radius:999px;background:rgba(0,0,0,.26);border:1px solid rgba(var(--accRGB),.13);}
.chat-picker-tab{border:0;border-radius:999px;background:transparent;color:var(--txt2);font-family:JetBrains Mono,monospace;font-size:10px;padding:8px 14px;min-width:72px;}
.chat-picker-tab.active{background:linear-gradient(135deg,rgba(var(--accRGB),.28),rgba(255,215,106,.08));color:var(--txt);box-shadow:0 0 16px rgba(var(--accRGB),.14);}
.chat-picker-body{max-height:min(42vh,330px);overflow:auto;padding:2px;overscroll-behavior:contain;}
.chat-picker-grid{display:grid;gap:7px;}
.chat-picker-grid-emoji{grid-template-columns:repeat(6,minmax(0,1fr));}
.chat-picker-grid-gif,.chat-picker-grid-sticker{grid-template-columns:repeat(2,minmax(0,1fr));}
.chat-picker-item{border:1px solid rgba(var(--accRGB),.16);background:rgba(255,255,255,.035);border-radius:14px;color:var(--txt);min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;}
.chat-picker-item:active{transform:scale(.96);filter:brightness(1.2);}
.chat-picker-emoji{font-size:20px;}
.chat-picker-gif,.chat-picker-sticker{position:relative;min-height:70px;flex-direction:column;background:radial-gradient(circle at 30% 10%,rgba(var(--accRGB),.14),rgba(255,255,255,.025) 58%,rgba(0,0,0,.12));}
.chat-picker-gif:before{content:'';position:absolute;inset:-60%;background:conic-gradient(rgba(var(--accRGB),0),rgba(var(--accRGB),.24),rgba(255,215,106,.18),rgba(var(--accRGB),0));animation:chatGifSpin 3s linear infinite;opacity:.5;}
.chat-picker-gif span,.chat-picker-sticker span,.chat-picker-gif b,.chat-picker-sticker b{position:relative;z-index:1;}
.chat-picker-gif span,.chat-picker-sticker span{font-size:25px;}
.chat-picker-gif b,.chat-picker-sticker b{font-family:Orbitron,monospace;font-size:8px;letter-spacing:.5px;text-transform:uppercase;color:var(--txt2);}
.chat-picker-hint{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);line-height:1.5;margin-top:8px;text-align:center;}
.chat-gif-searchbar{display:flex;gap:7px;align-items:center;margin:0 2px 9px;}
.chat-gif-search{flex:1;min-width:0;height:39px;border-radius:999px;border:1px solid rgba(var(--accRGB),.22);background:rgba(2,7,18,.62);color:var(--txt);font-family:JetBrains Mono,monospace;font-size:10px;padding:0 13px;outline:none;}
.chat-gif-search:focus{border-color:rgba(var(--accRGB),.55);box-shadow:0 0 18px rgba(var(--accRGB),.12);}
.chat-gif-search-btn{height:39px;border-radius:999px;border:1px solid rgba(var(--accRGB),.32);background:linear-gradient(135deg,rgba(var(--accRGB),.28),rgba(255,215,106,.12));color:var(--acc);font-family:Orbitron,monospace;font-size:8px;font-weight:900;letter-spacing:.8px;padding:0 12px;}
.chat-gif-search-btn:active{transform:scale(.96);filter:brightness(1.18);}
.chat-gif-keyboard{margin:0 2px 10px;padding:8px;border-radius:16px;border:1px solid rgba(var(--accRGB),.18);background:linear-gradient(180deg,rgba(10,22,40,.86),rgba(3,9,20,.92));box-shadow:inset 0 0 18px rgba(255,255,255,.025);}
.chat-gif-keyrow{display:flex;gap:5px;justify-content:center;margin-bottom:5px;}
.chat-gif-keyrow:last-child{margin-bottom:0;}
.chat-gif-key{flex:0 1 32px;min-width:0;height:32px;border-radius:10px;border:1px solid rgba(var(--accRGB),.18);background:rgba(255,255,255,.055);color:var(--txt);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.16);}
.chat-gif-key.wide{flex:1 1 100px;max-width:150px;}
.chat-gif-key.go{color:#031018;background:linear-gradient(135deg,var(--acc),var(--grn));border-color:rgba(var(--accRGB),.5);}
.chat-gif-key:active{transform:scale(.94);filter:brightness(1.2);}
.chat-gif-loading,.chat-gif-empty{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);line-height:1.5;text-align:center;margin:5px 0 9px;}
.chat-picker-grid-gif-remote{grid-template-columns:repeat(2,minmax(0,1fr));}
.chat-picker-gif-remote{min-height:116px;padding:6px;background:linear-gradient(145deg,rgba(7,19,36,.92),rgba(2,7,18,.96));}
.chat-picker-gif-remote:before{display:none;}
.chat-gif-thumb{position:relative;z-index:1;width:100%;height:78px;object-fit:cover;border-radius:11px;background:#020712;border:1px solid rgba(var(--accRGB),.14);}
.chat-picker-gif-remote b{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.emoji-chip{flex:0 0 auto;min-width:34px;height:34px;border-radius:12px;border:1px solid var(--brd2);background:var(--bg3);color:var(--txt);font-size:18px;display:flex;align-items:center;justify-content:center;}
.emoji-chip:active{transform:scale(.94);filter:brightness(1.25);}
@keyframes chatPickerIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:390px){.chat-list{height:360px}.chat-input{padding-left:50px;padding-right:108px}.chat-picker-toggle{width:35px;height:35px;font-size:20px}.chat-overlay-btn{height:32px;min-width:34px;padding:0 8px;font-size:10px}.chat-send-btn{min-width:54px}.chat-img{max-height:220px}.chat-menu-panel{left:auto;right:0}.chat-picker-tab{min-width:64px;padding:7px 11px}.chat-picker-grid-emoji{grid-template-columns:repeat(5,minmax(0,1fr))}#screenChatroom .chat-list{height:auto;min-height:0;max-height:none}}

/* Telegram-style chatroom */
.telegram-chat-shell{height:100%;min-height:0;padding:0!important;gap:0!important;overflow:hidden;background:linear-gradient(180deg,rgba(10,22,40,.96),rgba(4,10,21,.98));border-color:rgba(var(--accRGB),.24);}
.chat-telegram-header{height:58px;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:9px 12px;background:linear-gradient(180deg,rgba(20,38,62,.98),rgba(12,24,42,.94));border-bottom:1px solid rgba(var(--accRGB),.18);box-shadow:0 8px 24px rgba(0,0,0,.22);}
.chat-head-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--acc),#1a74ff);color:#031018;font-family:Orbitron,monospace;font-size:12px;font-weight:900;box-shadow:0 0 18px rgba(var(--accRGB),.25);}
.chat-head-main{min-width:0;flex:1;}
.chat-head-title{font-family:Orbitron,monospace;font-size:12px;color:var(--txt);font-weight:900;letter-spacing:.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-head-sub{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-head-actions{display:flex;align-items:center;gap:7px;font-family:Orbitron,monospace;font-size:10px;color:var(--acc);}
.chat-head-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 10px rgba(255,51,102,.35);}
.chat-head-dot.online{background:var(--grn);box-shadow:0 0 12px rgba(0,255,136,.42);}
.chat-head-count{min-width:26px;text-align:center;border:1px solid rgba(var(--accRGB),.2);border-radius:999px;padding:3px 7px;background:rgba(var(--accRGB),.07);}
.chat-status-line{flex:0 0 auto;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);background:rgba(0,0,0,.13);border-bottom:1px solid rgba(var(--accRGB),.08);}
.telegram-chat-shell .chat-color-picker{border:0;border-bottom:1px solid rgba(var(--accRGB),.08);border-radius:0;background:rgba(2,7,16,.32);padding:7px 10px;}
.telegram-chat-shell .chat-color-title{display:none;}
.telegram-chat-shell .chat-bg-picker{border:0;border-bottom:1px solid rgba(var(--accRGB),.08);border-radius:0;background:rgba(2,7,16,.24);padding:7px 10px;}
.telegram-chat-shell .chat-bg-title{display:none;}
.telegram-chat-shell .chat-bg-row{gap:6px;}
.telegram-chat-shell .chat-bg-chip,.telegram-chat-shell .chat-bg-action,.telegram-chat-shell .chat-bg-custom{font-size:7.5px;padding:5px 8px;}
.telegram-chat-shell .chat-pinned{margin:8px 10px 0;display:none;align-items:flex-start;gap:8px;border-radius:12px;padding:8px 10px;background:rgba(255,215,106,.10);border-color:rgba(255,215,106,.22);}
.telegram-chat-shell .chat-pinned[style*="block"]{display:flex!important;}
.telegram-chat-shell .chat-online{padding:7px 10px 3px;background:rgba(0,0,0,.08);border-bottom:1px solid rgba(var(--accRGB),.06);overflow-y:hidden;align-items:center;min-height:32px;}
.telegram-chat-shell .chat-online-chip{display:inline-flex;align-items:center;min-height:22px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:7.5px;background:rgba(255,255,255,.035);}
.telegram-chat-shell .chat-list{position:relative;flex:1 1 auto;height:auto;max-height:none;min-height:0;border:0;border-radius:0;padding:14px 10px 12px;background-color:var(--chat-bg-color,#07152A);background-image:
  linear-gradient(180deg,rgba(2,7,18,.28),rgba(2,7,18,.42)),
  radial-gradient(circle at 15% 8%,rgba(var(--accRGB),.09),transparent 28%),
  radial-gradient(circle at 80% 92%,rgba(255,215,106,.06),transparent 28%),
  var(--chat-bg-image,none),
  linear-gradient(135deg,rgba(3,9,20,.24),rgba(8,18,34,.34));
  background-size:cover,auto,auto,cover,auto;
  background-position:center,center,center,center,center;}
.telegram-chat-shell .chat-list.chat-has-wallpaper{background-color:var(--chat-bg-color,#07152A);background-image:
  linear-gradient(180deg,rgba(2,7,18,.70),rgba(2,7,18,.76)),
  radial-gradient(circle at 15% 8%,rgba(var(--accRGB),.10),transparent 28%),
  radial-gradient(circle at 80% 92%,rgba(255,215,106,.07),transparent 28%),
  var(--chat-bg-image,none),
  linear-gradient(135deg,rgba(3,9,20,.22),rgba(8,18,34,.28));
  background-size:cover,auto,auto,cover,auto;
  background-position:center,center,center,center,center;}
.telegram-chat-shell .chat-list:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(var(--accRGB),.18) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accRGB),.18) 1px,transparent 1px);background-size:34px 34px;}
.chat-date-chip{position:relative;z-index:1;width:max-content;max-width:80%;margin:8px auto 14px;padding:5px 11px;border-radius:999px;background:rgba(2,8,18,.72);border:1px solid rgba(var(--accRGB),.14);color:var(--txt3);font-family:JetBrains Mono,monospace;font-size:8px;backdrop-filter:blur(8px);}
.telegram-chat-shell .chat-msg{position:relative;z-index:1;gap:7px;margin:0 0 9px;align-items:flex-end;max-width:100%;}
.telegram-chat-shell .chat-msg:has(.chat-menu[open]),.telegram-chat-shell .chat-msg.menu-open{z-index:200;}
.telegram-chat-shell .chat-msg.mine{justify-content:flex-end;}
.telegram-chat-shell .chat-avatar{width:30px;height:30px;flex-basis:30px;border-radius:50%;font-size:10px;margin-bottom:2px;}
.telegram-chat-shell .mine-avatar{display:none;}
.telegram-chat-shell .chat-bubble{position:relative;flex:0 1 auto;max-width:min(78%,560px);min-width:min(210px,82%);overflow:visible;border-radius:18px 18px 18px 5px;padding:8px 10px 7px;background:rgba(25,43,66,.88);border:1px solid rgba(var(--accRGB),.12);box-shadow:0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(8px);}
.telegram-chat-shell .chat-msg.mine .chat-bubble{border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,rgba(0,132,255,.86),rgba(21,178,255,.74));border-color:rgba(116,242,255,.24);color:#f8fdff;}
.telegram-chat-shell .chat-bubble:after{content:'';position:absolute;left:-4px;bottom:0;width:12px;height:12px;background:inherit;border-left:1px solid rgba(var(--accRGB),.10);border-bottom:1px solid rgba(var(--accRGB),.10);clip-path:polygon(100% 0,0 100%,100% 100%);}
.telegram-chat-shell .chat-msg.mine .chat-bubble:after{left:auto;right:-4px;border-left:0;border-right:1px solid rgba(116,242,255,.20);clip-path:polygon(0 0,0 100%,100% 100%);}
.telegram-chat-shell .chat-meta{align-items:start;margin-bottom:5px;gap:8px;font-size:8px;color:rgba(222,238,255,.62);}
.telegram-chat-shell .chat-msg.mine .chat-meta{color:rgba(255,255,255,.72);}
.telegram-chat-shell .chat-name{font-size:9px;color:var(--acc);}
.telegram-chat-shell .chat-name-line{min-width:0;max-width:100%;align-items:center;overflow:visible;}
.telegram-chat-shell .chat-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;}
.telegram-chat-shell .chat-msg.mine .chat-name{color:#eaffff;}
.telegram-chat-shell .chat-time{font-size:7.5px;color:rgba(222,238,255,.52);align-self:flex-end;}
.telegram-chat-shell .chat-msg.mine .chat-time{color:rgba(255,255,255,.72);}
.telegram-chat-shell .chat-text{font-size:12.5px;line-height:1.58;font-weight:900;text-shadow:none;}
.telegram-chat-shell .chat-badges{margin-left:2px;}
.telegram-chat-shell .chat-badge{font-size:6.5px;padding:1px 5px;background:rgba(255,255,255,.06);}
.telegram-chat-shell .chat-menu summary{width:25px;height:23px;background:rgba(255,255,255,.05);border-color:rgba(var(--accRGB),.16);box-shadow:none;color:inherit;font-size:16px;}
.telegram-chat-shell .chat-menu-panel{left:auto;right:0;top:28px;min-width:172px;border-radius:15px;background:rgba(11,22,38,.99);}
.telegram-chat-shell .chat-reply-box{border-left:3px solid rgba(var(--accRGB),.75);background:rgba(255,255,255,.055);margin-bottom:5px;}
.telegram-chat-shell .chat-reactions{margin-top:4px;justify-content:flex-start;}
.telegram-chat-shell .chat-msg.mine .chat-reactions{justify-content:flex-end;}
.telegram-chat-shell .chat-media{width:min(100%,340px);border-radius:15px;margin-top:5px;background:rgba(0,0,0,.2);}
.telegram-chat-shell .chat-img{max-height:285px;border-radius:15px;}
.telegram-chat-shell .chat-gif-card{width:min(100%,250px);min-height:118px;border-radius:18px;}
.telegram-chat-shell .chat-sticker-card{border:0;background:transparent;box-shadow:none;padding:2px 0;}
.telegram-chat-shell .chat-sticker-icon{font-size:54px;}
.telegram-chat-shell .chat-sticker-label{display:none;}
.chat-typing-line{min-height:18px;padding:2px 13px 4px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt3);}
.telegram-chat-shell .chat-replying{margin:0 10px 8px;border-radius:14px;background:rgba(var(--accRGB),.08);}
.telegram-chat-shell .chat-composer{flex:0 0 auto;position:relative;padding:9px 9px calc(9px + var(--safe-b));background:linear-gradient(180deg,rgba(8,17,32,.96),rgba(4,9,19,.98));border-top:1px solid rgba(var(--accRGB),.14);}
.telegram-chat-shell .chat-input{min-height:64px;max-height:124px;border-radius:31px!important;background:rgba(17,32,52,.92)!important;border:1px solid rgba(var(--accRGB),.16)!important;padding:18px 150px 15px 64px!important;font-size:13.5px;line-height:1.45;box-shadow:inset 0 0 18px rgba(0,0,0,.18);}
.telegram-chat-shell .chat-left-actions{left:17px;top:50%;bottom:auto;transform:translateY(-50%);}
.telegram-chat-shell .chat-actions{right:14px;top:50%;bottom:auto;transform:translateY(-50%);gap:8px;}
.telegram-chat-shell .chat-picker-toggle{width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.055);font-size:26px;color:var(--txt2);box-shadow:0 0 16px rgba(var(--accRGB),.08);}
.telegram-chat-shell .chat-overlay-btn{height:46px;min-width:46px;border-radius:50%;padding:0;border-color:rgba(var(--accRGB),.20);font-size:0;background:rgba(255,255,255,.055);box-shadow:0 0 16px rgba(var(--accRGB),.08);}
.telegram-chat-shell .chat-overlay-btn[title="Image"]{font-size:20px;color:var(--txt2);}
.telegram-chat-shell .chat-send-btn{min-width:66px;border-radius:24px;font-size:9px;padding:0 14px;background:linear-gradient(135deg,#35a7ff,#66f5ff);color:#031018;}
.telegram-chat-shell .chat-media-picker{position:absolute;left:9px;right:9px;bottom:calc(82px + var(--safe-b));z-index:80;margin:0;border-radius:20px;background:rgba(9,18,32,.985);box-shadow:0 -12px 36px rgba(0,0,0,.42),0 0 30px rgba(var(--accRGB),.15);max-height:min(48vh,390px);}
.telegram-chat-shell .chat-picker-body{max-height:min(38vh,300px);}
@media(max-width:390px){
  .telegram-chat-shell .chat-telegram-header{height:54px;padding:8px 10px}
  .telegram-chat-shell .chat-bubble{max-width:82%;min-width:min(190px,84%)}
  .telegram-chat-shell .chat-input{padding-left:58px!important;padding-right:136px!important;font-size:12.5px}
  .telegram-chat-shell .chat-picker-toggle,.telegram-chat-shell .chat-overlay-btn{width:42px;height:42px;min-width:42px}
  .telegram-chat-shell .chat-send-btn{min-width:58px}
  .telegram-chat-shell .chat-media-picker{bottom:calc(78px + var(--safe-b))}
  .telegram-chat-shell .chat-picker-body{max-height:min(36vh,260px)}
  .chat-gif-key{height:30px;font-size:9px;border-radius:9px}
  .chat-gif-keyrow{gap:4px}
}
@media(max-height:700px){
  .telegram-chat-shell .chat-media-picker{max-height:min(44vh,320px)}
  .telegram-chat-shell .chat-picker-body{max-height:min(34vh,240px)}
  .chat-gif-keyboard{padding:6px}
  .chat-gif-key{height:28px;font-size:8.5px}
}

/* Confetti */
.confetti{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:9999;animation:confettiFall 2s ease-in forwards;}
@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}

/* Empty state */
.empty-state{text-align:center;padding:28px 16px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--txt3);}
.empty-ico{font-size:30px;margin-bottom:10px;}

/* Landscape */
@media(orientation:landscape)and(max-height:500px){.hamt{font-size:22px}.hero{padding:9px}}
@media(max-width:390px),(max-height:760px){
  :root{--nav-h:66px;}
  .topnav{padding:7px 11px;}
  .content{padding:8px;padding-bottom:calc(var(--nav-total-h) + 6px);}
  .card{padding:10px;margin-bottom:8px;border-radius:10px;}
  .hero{padding:12px;}
  .hamt{font-size:30px;}
  .spair{font-size:14px;}
  .price-big{font-size:34px;}
  .logo{font-size:13px;letter-spacing:1.5px;}
}
@media(max-width:340px){
  .bni{min-width:62px;padding:8px 5px;}
  .bni-ico{font-size:19px;}
  .bni-lbl{font-size:8px;}
  .btn{padding:10px 12px;font-size:9px;}
  .fi,.fsel{font-size:10px;padding:8px 10px;}
}
@media(max-height:680px){
  :root{--nav-h:62px;}
  .bni{min-width:61px;padding:7px 5px;gap:3px;}
  .bni-ico{font-size:18px;}
  .bni-lbl{font-size:7.7px;}
  .content{padding-bottom:calc(var(--nav-total-h) + 10px);}
  .topnav{padding-top:6px;padding-bottom:6px;}
  .balstrip .bbit{padding-top:3px;padding-bottom:3px;}
}

/* Pull to refresh */
.ptr-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--acc),var(--grn));transform:scaleX(0);transform-origin:left;transition:.3s;z-index:999;}
.ptr-bar.show{transform:scaleX(1);}
.ptr-spinner{position:fixed;top:60px;left:50%;transform:translateX(-50%);width:28px;height:28px;border:2px solid var(--brd2);border-top-color:var(--acc);border-radius:50%;animation:spin .7s linear infinite;display:none;z-index:200;background:var(--bg3);}
.ptr-spinner.show{display:block;}