/* ScalpPro Lite v1.2.7: presentation only. Session, scanners and market logic live elsewhere. */
.tab-bar{align-items:center;min-height:55px;padding-top:7px;padding-bottom:7px}
.license-remaining{flex:none;align-self:center;margin-left:auto;padding:7px 12px;border:1px solid #386d57;border-radius:20px;background:#17342a;color:#b8f5d2;font-size:11px;line-height:1.3;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff2b,0 5px 16px #0003}
.license-remaining.expiring{border-color:#efba48;background:#3a301b;color:#ffdf8b;animation:licensePulse 1.8s ease-in-out infinite}
.license-remaining.last-day{border-color:#fa6772;background:#422129;color:#ffe0e2}
@keyframes licensePulse{50%{box-shadow:0 0 15px #f2b94caa;filter:brightness(1.25)}}
#tab-main{position:relative}
#tab-main .market-hero{position:absolute;top:0;left:0;width:calc(100% - 296px);min-height:100px;display:grid;grid-template-columns:minmax(0,25%) minmax(0,50%) minmax(0,25%);align-items:center}
#tab-main .main-grid>.main-left{padding-top:108px}
.hero-name,.hero-market,.hero-center{min-width:0}
#tab-main .hero-name{justify-self:start;max-width:100%;padding-right:12px}
#tab-main .hero-name .personal-name{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:max-content;min-width:min(160px,100%);max-width:100%;height:76px;padding:9px 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--personal-accent,#5bf3aa);text-shadow:0 0 12px color-mix(in srgb,var(--personal-accent) 26%,transparent);background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--personal-accent) 17%,transparent),transparent 70%),linear-gradient(125deg,#ffffff18,#ffffff05 55%,#ffffff0b),#0c1720;border:1px solid color-mix(in srgb,var(--personal-accent) 45%,transparent);border-radius:11px;box-shadow:inset 0 1px 0 #ffffff35,0 8px 20px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:nameEntrance .85s ease both;cursor:default;transition:border-color .25s,box-shadow .25s,transform .25s}
#tab-main .hero-name .personal-name:before{content:'';position:absolute;inset:11px auto 11px 0;z-index:-1;width:3px;border-radius:0 3px 3px 0;background:var(--personal-accent);box-shadow:0 0 12px var(--personal-accent);opacity:.85;pointer-events:none}
#tab-main .hero-name .personal-name:after{content:'';position:absolute;inset:-80% auto -80% -50%;width:34%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff4d,transparent);opacity:0;pointer-events:none}
#tab-main .hero-name .personal-name:hover,#tab-main .hero-name .personal-name:focus-visible{outline:none;transform:translateY(-2px);border-color:var(--personal-accent);box-shadow:inset 0 1px 0 #ffffff60,0 0 18px color-mix(in srgb,var(--personal-accent) 36%,transparent),0 10px 22px #0006}
#tab-main .hero-name .personal-name:hover:after,#tab-main .hero-name .personal-name:focus-visible:after{animation:nameReflection 1.2s ease-out 1}
@keyframes nameEntrance{from{opacity:0;transform:translateY(9px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes nameReflection{0%{left:-50%;opacity:0}25%{opacity:.8}100%{left:130%;opacity:0}}
#tab-main .hero-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}
#tab-main .hero-center>div{max-width:100%;min-width:0;flex-wrap:wrap;margin-bottom:5px!important}
#tab-main .hero-market{justify-self:end;width:100%;max-width:260px;padding-left:12px}
#tab-main .hero-market .market-sentiment{--market-accent:#99b4ca;--market-glow:#668bb325;position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:76px;padding:7px 12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--market-accent) 43%,transparent);border-radius:11px;background:radial-gradient(ellipse at 50% 0%,var(--market-glow),transparent 75%),linear-gradient(115deg,#ffffff11,#ffffff04 48%,#ffffff09),#101923;box-shadow:inset 0 1px 0 #ffffff2d,0 8px 20px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-align:center;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
#tab-main .hero-market .market-sentiment:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 52%,#ffffff0d 77%,transparent 100%)}
#tab-main .hero-market .market-sentiment:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--market-accent) 75%,transparent);box-shadow:inset 0 1px 0 #ffffff4a,0 10px 24px #0006,0 0 20px var(--market-glow)}
.market-label{font-size:9px;letter-spacing:.17em;color:#b9c3d0}
.market-sentiment strong{position:relative;z-index:1;font-family:Inter,Arial,sans-serif;font-size:clamp(15px,1.45vw,23px);line-height:1.1;font-weight:800;white-space:nowrap;color:var(--market-accent);text-shadow:0 0 15px color-mix(in srgb,var(--market-accent) 22%,transparent)}
.market-sentiment small{font-size:9px;color:#b6c3d0;white-space:nowrap}
#tab-main .market-sentiment[data-direction=bearish]{--market-accent:#fa8495;--market-glow:#ed536320}
#tab-main .market-sentiment[data-direction=bullish]{--market-accent:#6ee6ac;--market-glow:#3bdc8d28}
#tab-main .market-sentiment[data-direction=neutral]{--market-accent:#a4c9e6;--market-glow:#729cc42a}
@media(max-width:1150px){#tab-main .market-hero{grid-template-columns:minmax(0,24%) minmax(0,52%) minmax(0,24%)}#tab-main .hero-name .personal-name,#tab-main .hero-market .market-sentiment{height:68px}#tab-main .hero-name .personal-name{padding:7px 10px}#tab-main .market-sentiment small{white-space:normal;font-size:8px}}
@media(max-width:850px){#tab-main .market-hero{position:relative;width:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 10px}#tab-main .hero-name{grid-column:1;grid-row:1;padding-right:0}#tab-main .hero-market{grid-column:2;grid-row:1;padding-left:0}#tab-main .hero-center{grid-column:1/-1;grid-row:2;width:100%;padding-top:8px}#tab-main .main-grid>.main-left{padding-top:0}#tab-main .hero-name .personal-name,#tab-main .hero-market .market-sentiment{height:58px}#tab-main .hero-name .personal-name{min-width:min(136px,100%);padding:6px 9px}#tab-main .hero-market .market-sentiment{padding:4px 8px;gap:1px}#tab-main .market-sentiment strong{font-size:13px}#tab-main .market-label{font-size:7px}#tab-main .market-sentiment small{font-size:7px}#tab-main .hero-center>div{margin-bottom:7px!important}}
/* Seven-second welcome transition and distinct effects for the five saved themes. */
html.welcome-pending body{visibility:hidden}html.welcome-pending .premium-welcome{visibility:visible}
.premium-welcome[hidden]{display:none}
.premium-welcome{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;visibility:visible;color:#f5f8ff;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--personal-accent,#5bf3aa) 20%,transparent),transparent 45%),radial-gradient(ellipse at 78% 78%,var(--personal-shade,#203e38),transparent 55%),#070b13;animation:welcomeAppear .45s ease both}
.premium-welcome:before,.premium-welcome:after{content:'';position:absolute;width:65vmin;height:65vmin;border:1px solid color-mix(in srgb,var(--personal-accent,#5bf3aa) 35%,transparent);border-radius:50%;opacity:.25;box-shadow:0 0 90px color-mix(in srgb,var(--personal-accent,#5bf3aa) 18%,transparent);animation:orbit 7s linear infinite}
.premium-welcome:after{width:85vmin;height:85vmin;animation-direction:reverse;opacity:.1}
.welcome-stars{position:absolute;inset:0;background-image:radial-gradient(circle,var(--personal-accent,#5bf3aa) 1px,transparent 2px);background-size:64px 70px;opacity:.18;animation:starDrift 15s linear infinite}
.welcome-panel{position:relative;z-index:1;box-sizing:border-box;overflow:hidden;width:min(560px,92vw);padding:52px clamp(20px,5vw,55px) 32px;text-align:center;border:1px solid #ffffff40;border-radius:28px;background:linear-gradient(135deg,#ffffff2b,#ffffff0c 42%,#ffffff18);box-shadow:inset 0 1px 0 #ffffff66,0 28px 90px #0009,0 0 70px color-mix(in srgb,var(--personal-accent,#5bf3aa) 12%,transparent);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);animation:glassPanelIn 1s cubic-bezier(.2,.75,.2,1) both}
.welcome-panel:before{content:'';position:absolute;left:-75%;top:-70%;width:45%;height:240%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff40,transparent);animation:welcomeSweep 4s ease-in-out 1s infinite;pointer-events:none}
.welcome-symbol{display:inline-grid;place-items:center;width:72px;height:72px;border:1px solid var(--personal-accent,#5bf3aa);border-radius:20px;background:#ffffff1f;color:var(--personal-accent,#5bf3aa);font-size:38px;box-shadow:inset 0 1px 0 #ffffff66,0 0 26px color-mix(in srgb,var(--personal-accent,#5bf3aa) 45%,transparent);animation:symbolFloat 3s ease-in-out infinite}
.welcome-small{margin-top:10px;color:#b8c5d6;font-size:13px;letter-spacing:.4em}
.welcome-panel h1{margin:12px 0;overflow-wrap:anywhere;color:var(--personal-accent,#5bf3aa);font-size:clamp(25px,4.2vw,50px);line-height:1.12;letter-spacing:.08em;text-shadow:0 0 28px var(--personal-accent,#5bf3aa);animation:brandReveal 1.1s ease .3s both}
.welcome-panel h2{margin:15px 0;overflow-wrap:anywhere;font-size:clamp(20px,3vw,34px);animation:brandReveal 1.1s ease .65s both}
.welcome-panel p{color:#c2ccda}
.welcome-progress{height:6px;max-width:340px;margin:30px auto;overflow:hidden;border-radius:10px;background:#ffffff24}
.welcome-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--personal-accent,#5bf3aa),#fff,var(--personal-accent,#5bf3aa));box-shadow:0 0 14px var(--personal-accent,#5bf3aa);animation:progress7 7s linear both}
.welcome-panel button{padding:9px 24px;border:1px solid var(--personal-accent,#5bf3aa);border-radius:20px;background:transparent;color:var(--personal-accent,#5bf3aa);cursor:pointer}
.premium-welcome.welcome-continuation,.premium-welcome.welcome-continuation .welcome-panel,.premium-welcome.welcome-continuation .welcome-panel h1,.premium-welcome.welcome-continuation .welcome-panel h2{animation:none}
.premium-welcome.welcome-out,html[data-welcome-theme=aurora] .premium-welcome.welcome-out{animation:none;opacity:0;transition:opacity .5s}
@keyframes welcomeAppear{from{opacity:0}to{opacity:1}}@keyframes glassPanelIn{from{opacity:0;filter:blur(12px);transform:translateY(28px) scale(.88)}to{opacity:1;filter:none;transform:none}}@keyframes brandReveal{from{opacity:0;filter:blur(9px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes symbolFloat{50%{transform:translateY(-9px) rotate(-5deg)}}@keyframes progress7{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes starDrift{to{background-position:64px 140px}}@keyframes welcomeSweep{to{left:150%}}
html[data-welcome-theme=emerald] .welcome-symbol{animation:energyPulse 1.6s ease-in-out infinite}@keyframes energyPulse{50%{transform:scale(1.2);filter:brightness(1.7)}}
html[data-welcome-theme=electric] .welcome-stars{background-image:repeating-linear-gradient(110deg,transparent 0 65px,var(--personal-accent) 67px 69px,transparent 72px 130px);animation:electricSweep 2s linear infinite}@keyframes electricSweep{to{background-position:260px 0}}
html[data-welcome-theme=royal] .welcome-stars{animation:royalParticles 5s ease-in-out infinite alternate;opacity:.35}@keyframes royalParticles{to{background-position:90px -120px;transform:scale(1.15)}}
html[data-welcome-theme=gold] .welcome-panel h1{background:linear-gradient(110deg,var(--personal-accent),#fff8d2,var(--personal-accent));background-size:250% 100%;background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 2s linear infinite}@keyframes goldShimmer{to{background-position:250% 0}}
html[data-welcome-theme=aurora] .premium-welcome{background:linear-gradient(120deg,#160c21,#45234a,#143340,#160c21);background-size:300% 300%;animation:auroraFlow 5s ease-in-out infinite}@keyframes auroraFlow{50%{background-position:100% 100%}}
.tutorials[data-kind=group] .tutorial-bar,.tutorials[data-kind=channel] .tutorial-bar{--feature:#25d366!important}
.tutorials[data-kind=group] .tutorial-arrow,.tutorials[data-kind=channel] .tutorial-arrow{border-color:#25d36655;background:#25d36614;color:#75efaa}
.tutorials[data-kind=group] .tutorial-bar .feature-icon,.tutorials[data-kind=channel] .tutorial-bar .feature-icon{color:#25d366}
@media(prefers-reduced-motion:reduce){.personal-name,.personal-name:after,.license-remaining,.premium-welcome,.premium-welcome *{animation:none!important}#tab-main .hero-market .market-sentiment{transition:none!important}#tab-main .hero-market .market-sentiment:hover{transform:none}}