:root{--bg:#121212;--card:#181b1a;--card2:#101312;--line:rgba(255,255,255,.09);--text:#f7f9f8;--muted:#8f9894;--green:#35f1a5;--red:#ff5c59;--orange:#f4a600;--violet:#a767ff;--blue:#3fa9ff;--yellow:#ffd400}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 4%,rgba(41,221,159,.09),transparent 28rem),#121212;color:var(--text);font-family:Manrope,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}a{color:inherit;text-decoration:none}.header{height:72px;display:flex;align-items:center;gap:42px;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(12,14,13,.83);backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.logo-mark{width:34px;height:38px;border:1px solid var(--green);color:var(--green);display:grid;place-items:center;clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}.nav{display:flex;gap:30px;margin:auto;font-size:13px;color:#d0d6d2}.nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 27px;background:linear-gradient(135deg,#36f2a8,#29ddb0);color:#04110c;border-radius:10px;font-weight:800;font-size:14px;box-shadow:0 12px 35px rgba(53,241,165,.13);transition:.2s}.button:hover{transform:translateY(-2px)}.button.small{min-height:42px;padding:0 19px}.menu-button{display:none;background:none;border:0;color:white;font-size:24px}.section{max-width:1400px;margin:auto;padding:90px 5vw}.hero{min-height:690px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;padding-top:55px;padding-bottom:55px}.eyebrow{display:inline-flex;border:1px solid rgba(53,241,165,.38);color:var(--green);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.7px}h1{font-size:clamp(46px,5.1vw,76px);line-height:1.04;letter-spacing:-4px;margin:24px 0}h1 span{color:var(--green)}.lead{font-size:18px;line-height:1.75;color:#aab2ae;max-width:680px}.hero-points{display:flex;gap:27px;margin:34px 0;flex-wrap:wrap}.hero-points>div{display:flex;gap:10px;align-items:center}.hero-points i{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(53,241,165,.2);border-radius:8px;color:var(--green);font-style:normal;background:#101815}.hero-points b{font-size:12px;display:block}.hero-points small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.hero-actions{display:flex;align-items:center;gap:21px}.hero-actions span{font-size:12px;color:#aeb6b2}.risk-note{font-size:10px;color:#68716d;margin-top:18px}.hero-dashboard{border:1px solid var(--line);background:linear-gradient(145deg,rgba(27,31,29,.97),rgba(12,14,13,.98));border-radius:25px;padding:25px;box-shadow:0 35px 100px rgba(0,0,0,.36);position:relative;overflow:hidden}.hero-dashboard:before{content:"";position:absolute;width:270px;height:270px;right:-120px;top:-130px;background:rgba(53,241,165,.12);filter:blur(65px);border-radius:50%}.dashboard-top{display:flex;align-items:center;justify-content:space-between;position:relative}.dashboard-top span{font-size:10px;color:var(--muted);display:block}.dashboard-top strong{font-size:21px}.pulse{font-size:10px;color:#9ba39f}.pulse i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(53,241,165,.09);margin-right:7px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.dashboard-grid article{border:1px solid rgba(255,255,255,.065);background:rgba(8,11,10,.46);padding:18px;border-radius:13px}.dashboard-grid span,.dashboard-grid small{font-size:9px;color:var(--muted);display:block}.dashboard-grid b{display:block;font-size:28px;margin:7px 0;color:var(--green)}.dashboard-feed{border-top:1px solid var(--line);padding-top:10px}.mini-row{display:grid;grid-template-columns:15px 110px 1fr;align-items:center;padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.05)}.mini-row:last-child{border:0}.mini-row b{font-size:11px}.mini-row small{font-size:9px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%}.green{color:var(--green);background:var(--green)}.orange{color:var(--orange);background:var(--orange)}.violet{color:var(--violet);background:var(--violet)}.blue{color:var(--blue);background:var(--blue)}.yellow{color:var(--yellow);background:var(--yellow)}.market-strip{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#171a19,#111312);overflow:hidden}.market-strip article{padding:23px 27px;border-right:1px solid var(--line)}.market-strip article:last-child{border:0}.market-strip span{font-size:10px;color:var(--muted);display:block}.market-strip b{display:block;margin-top:7px;font-size:19px}.section-title{text-align:center;max-width:760px;margin:0 auto 48px}.section-title>span{font-size:10px;color:var(--green);font-weight:800;letter-spacing:1.5px}.section-title h2{font-size:38px;letter-spacing:-1.8px;margin:9px 0}.section-title p{color:var(--muted);line-height:1.7}.live-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}.live-side{display:grid;gap:14px}.live-panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#181b1a,#0f1211);padding:22px;min-width:0}.live-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.live-head span{color:var(--green);font-size:9px;font-weight:800;letter-spacing:1.1px}.live-head h3{font-size:19px;margin:5px 0 0}.live-head small{color:var(--muted);font-size:9px}.analyst-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.analyst-tab{font-size:10px;padding:8px 11px;border-radius:8px;border:1px solid var(--line);background:#202422;white-space:nowrap}.analyst-tab:hover{border-color:rgba(53,241,165,.45);color:var(--green)}.posts-list{display:grid;gap:8px;max-height:490px;overflow-y:auto;padding-right:4px}.post-card{display:grid;grid-template-columns:38px 1fr 22px;gap:11px;padding:14px;border:1px solid rgba(255,255,255,.06);background:rgba(8,11,10,.45);border-radius:12px}.post-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(53,241,165,.13);color:var(--green);font-weight:800}.post-card h4{margin:0;font-size:11px}.post-card h4 span{color:var(--muted);font-weight:500}.post-card p{font-size:10px;color:#c7ceca;line-height:1.55;margin:7px 0}.post-card time{font-size:8px;color:#68716d}.post-card>a{color:var(--green)}.live-coin,.top-coin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(255,255,255,.06)}.live-coin:last-child,.top-coin:last-child{border:0}.live-coin-title{display:flex;align-items:center;gap:10px}.live-coin-icon{width:34px;height:34px;border-radius:9px;background:rgba(53,241,165,.12);color:var(--green);display:grid;place-items:center;font-size:9px;font-weight:800}.live-coin-title b,.top-coin h4{font-size:11px}.live-coin-title small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.live-coin-value{text-align:right}.live-coin-value strong{color:var(--green);font-size:12px}.live-coin-value span{display:block;color:var(--muted);font-size:8px}.top-rank{width:29px;height:29px;border:1px solid rgba(53,241,165,.27);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:10px}.top-coin>div:nth-child(2){flex:1}.top-coin h4{margin:0}.top-coin p{font-size:8px;color:var(--muted);margin:4px 0 0}.top-score{text-align:right}.top-score b{font-size:20px;color:var(--green);display:block}.top-score span{font-size:7px;color:var(--muted)}.empty-live{border:1px dashed rgba(255,255,255,.12);border-radius:12px;padding:20px;color:var(--muted);font-size:10px;line-height:1.6}.empty-live code{color:var(--green)}.skeleton{height:70px;border-radius:10px;background:linear-gradient(90deg,#171a19,#222725,#171a19);background-size:200%;animation:shimmer 1.3s infinite}.skeleton.tall{height:280px}@keyframes shimmer{to{background-position:-200%}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{text-align:center;padding:18px;position:relative}.steps em{position:absolute;top:4px;left:12px;font-size:10px;color:var(--green);font-style:normal}.icon{margin:auto;width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font-size:25px;border:1px solid rgba(53,241,165,.24);background:radial-gradient(circle,rgba(53,241,165,.18),#101312 62%)}.steps h3{font-size:14px;margin:20px 0 8px}.steps p{font-size:11px;color:var(--muted);line-height:1.7}.analysis-panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1a1e1c,#0e1110);padding:27px}.analysis-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.coin-title{display:flex;align-items:center;gap:11px}.coin-title h3{margin:0}.coin-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(53,241,165,.14);color:var(--green);font-weight:800}.coin-title mark{background:rgba(244,166,0,.13);color:#f5ac00;border-radius:6px;padding:5px 8px;font-size:9px}.analysis-head p{font-size:9px;color:var(--muted)}.price-box{text-align:right}.price-box span{display:block;color:var(--muted);font-size:9px}.price-box b{font-size:22px}.price-box strong{color:var(--red);margin-left:10px}.analysis-grid{display:grid;grid-template-columns:.8fr .8fr 1.1fr 1.1fr 1.1fr;gap:10px}.metric{background:rgba(8,11,10,.42);border:1px solid rgba(255,255,255,.055);border-radius:12px;padding:17px;min-height:220px}.metric>span{font-size:9px;color:#afb7b3}.metric-number{font-size:36px;font-weight:800;margin:18px 0}.metric-number small{font-size:12px;color:var(--muted)}.progress{height:5px;background:#242927;border-radius:99px;overflow:hidden}.progress i{height:100%;display:block;background:var(--green)}.progress.orange-bar i{background:var(--orange)}.metric p{font-size:9px;color:var(--muted);line-height:1.6;margin-top:18px}.data-list dl{margin:15px 0}.data-list dl div{display:flex;justify-content:space-between;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.data-list dt{font-size:9px;color:#929b97}.data-list dd{font-size:9px;color:var(--green);margin:0}.data-list dd.warn{color:#ffb62f}.liquidity div{display:grid;grid-template-columns:45px 1fr 55px;align-items:center;gap:8px;margin:27px 0}.liquidity b,.liquidity strong{font-size:9px}.liquidity i{height:4px;background:var(--green);border-radius:99px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.feature-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#171a19,#101211);border-radius:14px;padding:25px;min-height:190px}.feature-icon{font-size:25px}.feature-grid h3{font-size:15px;margin:20px 0 8px}.feature-grid p{font-size:11px;color:var(--muted);line-height:1.7}.pricing{display:grid;grid-template-columns:1.2fr .55fr 1fr auto;align-items:center;gap:35px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#1b1f1d,#101211);padding:42px}.pricing h2{font-size:24px}.pricing p{font-size:11px;color:var(--muted)}.pricing-price b{font-size:50px;color:var(--green)}.pricing-price span{display:block;text-align:center;color:#b4bbb7}.pricing ul{list-style:none;padding:0}.pricing li{font-size:10px;margin:9px 0}.pricing li:before{content:"✓";color:var(--green);margin-right:8px}footer{max-width:1400px;margin:auto;padding:40px 5vw 60px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer div{font-size:9px;color:#747d78}footer div{display:flex;gap:23px}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav{display:none}.header{justify-content:space-between}.header>.button{display:none}.menu-button{display:block}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:22px 5vw;background:#101211;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.lead{margin:auto}.hero-points,.hero-actions{justify-content:center}.hero-dashboard{max-width:680px;width:100%;margin:auto}.market-strip{grid-template-columns:repeat(2,1fr);margin:0 20px}.live-layout{grid-template-columns:1fr}.analysis-grid{grid-template-columns:repeat(2,1fr)}.liquidity{grid-column:span 2}.feature-grid{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.header{padding:0 20px}.section{padding:65px 20px}.hero{min-height:auto;padding-top:50px}.hero h1{font-size:43px;letter-spacing:-2.4px}.lead{font-size:14px}.hero-points{display:grid;text-align:left}.hero-actions{flex-direction:column}.dashboard-grid{grid-template-columns:1fr 1fr}.market-strip{grid-template-columns:1fr}.market-strip article{border-right:0;border-bottom:1px solid var(--line)}.steps,.analysis-grid,.feature-grid,.pricing{grid-template-columns:1fr}.liquidity{grid-column:auto}.analysis-panel{padding:14px}.analysis-head{align-items:flex-start}.pricing{margin:0 20px;padding:27px}.pricing-price span{text-align:left}.pricing .button{width:100%}footer{flex-direction:column;align-items:flex-start;padding-inline:20px}footer div{flex-wrap:wrap}}

.text-link{color:var(--green);font-size:13px;font-weight:700}
.source-value{font-size:15px!important;line-height:1.2}
.scanner-section{padding-top:60px}
.scanner-shell{max-width:1050px;margin:auto;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#181b1a,#0e1110);padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.26)}
.search-form{position:relative}
.search-field{display:grid;grid-template-columns:32px 1fr auto;align-items:center;border:1px solid rgba(255,255,255,.1);background:#0c0f0e;border-radius:13px;padding:7px 7px 7px 15px}
.search-field>span{color:var(--green);font-size:21px}
.search-field input{width:100%;background:none;border:0;outline:0;color:white;font:600 16px Manrope;padding:15px 10px}
.search-field input::placeholder{color:#626b67}
.search-suggestions{position:absolute;top:73px;left:0;right:0;z-index:8;border:1px solid var(--line);background:#111514;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.search-suggestions:empty{display:none}
.suggestion{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}
.suggestion:hover{background:#19201d}
.suggestion b{font-size:11px}.suggestion span{font-size:10px;color:var(--muted)}
.analysis-placeholder{min-height:210px;display:grid;place-content:center;text-align:center;gap:7px;color:var(--muted)}
.analysis-placeholder b{color:#cbd2ce}
.analysis-placeholder span{font-size:11px}
.hidden{display:none!important}
.analysis-loading{min-height:210px;display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:12px}
.loader{width:25px;height:25px;border:3px solid rgba(53,241,165,.15);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.coin-result{padding-top:24px}
.coin-result-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}
.coin-badge{display:inline-flex;padding:6px 9px;border-radius:7px;background:rgba(53,241,165,.12);color:var(--green);font-size:10px;font-weight:800}
.coin-result-head h3{font-size:25px;margin:10px 0 4px}.coin-result-head p{margin:0;color:var(--muted);font-size:11px}
.score-ring{width:91px;height:91px;border:7px solid var(--green);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 40px rgba(53,241,165,.12)}
.score-ring b{font-size:29px}.score-ring span{font-size:9px;color:var(--muted)}
.result-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}
.result-metrics article{padding:15px;border:1px solid rgba(255,255,255,.055);background:rgba(7,10,9,.4);border-radius:10px}
.result-metrics span{display:block;font-size:8px;color:var(--muted);margin-bottom:7px}.result-metrics b{font-size:13px}
.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.result-columns>div{border:1px solid rgba(255,255,255,.055);background:rgba(7,10,9,.4);border-radius:12px;padding:18px}
.result-columns h4{font-size:12px;margin:0 0 12px}
.result-columns ul{list-style:none;padding:0;margin:0}
.result-columns li{font-size:10px;line-height:1.55;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.positive-list li:before{content:"✓";color:var(--green);margin-right:8px}
.warning-list li:before{content:"!";color:var(--orange);margin-right:8px;font-weight:800}
.result-footer{display:flex;justify-content:space-between;gap:25px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
.result-footer span{font-size:9px;color:var(--green)}.result-footer small{font-size:8px;text-align:right;max-width:600px}
@media(max-width:800px){.result-metrics{grid-template-columns:repeat(3,1fr)}.result-columns{grid-template-columns:1fr}}
@media(max-width:620px){.search-field{grid-template-columns:28px 1fr}.search-field .button{grid-column:1/3;width:100%;margin-top:5px}.result-metrics{grid-template-columns:repeat(2,1fr)}.coin-result-head{align-items:flex-start}.score-ring{width:76px;height:76px}.result-footer{flex-direction:column}.result-footer small{text-align:left}}

.market-strip{
  max-width:1400px;
  margin:0 auto 20px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#171a19,#111312);
  overflow:hidden;
}
.market-strip article{
  min-height:112px;
  padding:22px 28px;
  border-right:1px solid var(--line);
  position:relative;
}
.market-strip article:last-child{border-right:0}
.market-strip span{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-bottom:8px;
}
.market-strip b{
  display:block;
  font-size:20px;
  letter-spacing:-.4px;
}
.spark{height:34px;margin-top:8px;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important;}
.subscription-banner{
  max-width:1400px;
  margin:26px auto 0;
  padding:30px 38px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:34px;
  border:1px solid rgba(53,241,165,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 0,rgba(53,241,165,.11),transparent 19rem),
    linear-gradient(135deg,#1a1e1c,#101211);
}
.subscription-banner h2{
  font-size:24px;
  margin:12px 0 7px;
  letter-spacing:-.8px;
}
.subscription-banner p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.6;
}
.subscription-price{
  text-align:center;
  min-width:120px;
}
.subscription-price b{
  display:block;
  color:var(--green);
  font-size:42px;
  line-height:1;
}
.subscription-price span{
  display:block;
  color:#aab2ae;
  font-size:10px;
  margin-top:7px;
}
@media(max-width:1050px){
  .market-strip{
    grid-template-columns:repeat(2,1fr);
    margin-inline:20px;
  }
  .market-strip article{
    border-bottom:1px solid var(--line);
  }
  .market-strip article:nth-child(even){border-right:0}
  .market-strip article:last-child{
    grid-column:1/3;
    border-bottom:0;
  }
  .subscription-banner{
    margin-inline:20px;
    grid-template-columns:1fr auto;
  }
  .subscription-banner .button{
    grid-column:1/3;
    width:100%;
  }
}
@media(max-width:620px){
  .market-strip{grid-template-columns:1fr}
  .market-strip article,
  .market-strip article:nth-child(even),
  .market-strip article:last-child{
    grid-column:auto;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .market-strip article:last-child{border-bottom:0}
  .subscription-banner{
    grid-template-columns:1fr;
    padding:26px;
  }
  .subscription-banner .button{grid-column:auto}
  .subscription-price{text-align:left}
}

/* V7: clean process block without icons */
.steps-clean{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}
.steps-clean article{
  min-height:190px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(145deg,#171a19,#101211);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.step-number{
  display:block;
  color:var(--green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.2px;
}
.steps-clean h3{
  margin:45px 0 10px;
  font-size:17px;
  letter-spacing:-.3px;
}
.steps-clean p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.75;
}
@media(max-width:1050px){
  .steps-clean{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .steps-clean{grid-template-columns:1fr}
  .steps-clean article{min-height:155px}
  .steps-clean h3{margin-top:25px}
}

/* V8: resilient status states */
.status-online{color:var(--green)!important}
.status-loading{color:var(--orange)!important}
.status-stale{color:#ffd166!important}
.status-offline{color:var(--red)!important}
.live-panel.is-stale{
  border-color:rgba(255,209,102,.18);
}
.live-panel.is-loading{
  position:relative;
  overflow:hidden;
}
.live-panel.is-loading::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
  transform:translateX(-100%);
  animation:panel-sweep 1.5s infinite;
  pointer-events:none;
}
@keyframes panel-sweep{to{transform:translateX(100%)}}
.top-coin,.live-coin,.post-card{
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.top-coin:hover,.live-coin:hover,.post-card:hover{
  transform:translateY(-2px);
  background:rgba(20,27,24,.72);
}

/* V9 process design */
.process-section{padding-top:90px}
.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.process-card{
  min-height:260px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(53,241,165,.07),transparent 11rem),
    linear-gradient(145deg,#181b1a,#101211);
  display:flex;
  flex-direction:column;
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.process-card:hover{
  transform:translateY(-4px);
  border-color:rgba(53,241,165,.28);
}
.process-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.process-number{
  font-size:12px;
  font-weight:800;
  color:var(--green);
}
.process-label{
  font-size:8px;
  color:#737d78;
  letter-spacing:1.1px;
}
.process-card h3{
  margin:48px 0 12px;
  font-size:18px;
  letter-spacing:-.4px;
}
.process-card p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.75;
  flex:1;
}
.process-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:25px;
}
.process-tags i{
  font-style:normal;
  font-size:8px;
  color:#b8c0bc;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:rgba(255,255,255,.025);
}
.analyst-panel .live-head{margin-bottom:22px}
.analyst-panel .posts-list{max-height:430px}
@media(max-width:1050px){
  .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .process-grid{grid-template-columns:1fr}
  .process-card{min-height:220px}
  .process-card h3{margin-top:30px}
}

/* V12: text-only logo */
.text-logo{
  font-size:22px;
  font-weight:800;
  letter-spacing:-.7px;
}
.text-logo::before{display:none!important}
.logo-mark{display:none!important}

/* V14: centered mobile search button */
@media(max-width:620px){
  .search-field{
    grid-template-columns:28px 1fr;
  }
  .search-field .button{
    grid-column:1 / 3;
    width:min(220px,100%);
    justify-self:center;
    margin:10px auto 2px;
    text-align:center;
  }
}



/* =========================
   V18 stable mobile app
   ========================= */
header .menu-button,header .burger,header .mobile-menu,header .mobile-nav-drawer{display:none!important}

/* One and only one graph per statistic */
.spark::before,.spark::after,.market-strip article::before,.market-strip article::after{content:none!important;display:none!important}
.spark.green{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2335f1a5' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='%2335f1a5' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 31 C20 29 25 17 42 22 S68 36 84 25 S108 10 126 19 S151 34 169 16 S194 25 218 5' fill='none' stroke='%2335f1a5' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 31 C20 29 25 17 42 22 S68 36 84 25 S108 10 126 19 S151 34 169 16 S194 25 218 5 L218 40 L2 40 Z' fill='url(%23g)'/%3E%3C/svg%3E")!important}
.spark.violet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 40'%3E%3Cpath d='M2 29 C18 14 30 34 44 17 S70 27 85 8 S111 34 128 20 S153 7 171 24 S195 12 218 15' fill='none' stroke='%239a63ff' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 29 C18 14 30 34 44 17 S70 27 85 8 S111 34 128 20 S153 7 171 24 S195 12 218 15 L218 40 L2 40 Z' fill='%239a63ff' fill-opacity='.10'/%3E%3C/svg%3E")!important}
.spark.orange{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 40'%3E%3Cpath d='M2 30 C24 12 35 33 53 20 S80 15 97 29 S121 6 140 18 S164 29 181 10 S203 23 218 6' fill='none' stroke='%23f2a900' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 30 C24 12 35 33 53 20 S80 15 97 29 S121 6 140 18 S164 29 181 10 S203 23 218 6 L218 40 L2 40 Z' fill='%23f2a900' fill-opacity='.10'/%3E%3C/svg%3E")!important}
.spark.blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 40'%3E%3Cpath d='M2 31 C21 24 33 35 50 17 S75 26 91 13 S116 34 134 22 S160 28 178 12 S203 21 218 3' fill='none' stroke='%2331a9ff' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 31 C21 24 33 35 50 17 S75 26 91 13 S116 34 134 22 S160 28 178 12 S203 21 218 3 L218 40 L2 40 Z' fill='%2331a9ff' fill-opacity='.10'/%3E%3C/svg%3E")!important}

/* Score is always a true circle */
.score-ring{box-sizing:border-box!important;width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important;max-width:88px!important;max-height:88px!important;aspect-ratio:1/1!important;flex:0 0 88px!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;align-content:center!important}
.score-ring b,.score-ring span{display:block!important;white-space:nowrap!important;width:auto!important}

.mobile-bottom-nav{display:none}
@media(max-width:760px){
  html,body{min-height:100%}
  body{padding-bottom:88px}
  header{height:58px!important;min-height:58px!important}
  header nav,header>.button,header .menu-button,header .burger{display:none!important}

  body.mobile-app-ready main>.app-screen{display:none!important}
  body.mobile-app-ready main>.app-screen.app-screen-visible{display:block!important;animation:v18ScreenIn .34s cubic-bezier(.22,.8,.25,1) both}
  body.mobile-app-ready main>.app-desktop-only{display:none!important}
  body.mobile-app-ready footer{display:none!important}

  .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:10000;height:68px;padding:6px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(7,10,9,.96);box-shadow:0 18px 55px rgba(0,0,0,.68);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .mobile-nav-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#6f7a75!important;background:transparent!important;text-decoration:none!important;border-radius:14px!important;transition:transform .18s ease,color .18s ease,background .18s ease!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}
  .mobile-nav-item svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;position:relative;z-index:2;transition:transform .22s ease,filter .22s ease!important}
  .mobile-nav-item small{font-size:9px!important;font-weight:700!important;color:inherit!important;position:relative;z-index:2}
  .mobile-nav-item.active{color:#35f1a5!important;background:rgba(53,241,165,.08)!important;transform:translateY(-2px)!important}
  .mobile-nav-item.active svg{transform:scale(1.12)!important;filter:drop-shadow(0 0 7px rgba(53,241,165,.7))!important}
  .mobile-nav-item.nav-pressed{animation:v18NavPress .34s cubic-bezier(.2,.85,.25,1)!important}
  .mobile-nav-item.nav-pressed:after{content:"";position:absolute;width:38px;height:38px;border:1px solid rgba(53,241,165,.6);border-radius:13px;animation:v18Ripple .38s ease-out forwards}

  .coin-result-head{display:grid!important;grid-template-columns:minmax(0,1fr) 74px!important;gap:12px!important;align-items:start!important}
  .score-ring{width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;max-width:74px!important;max-height:74px!important;flex-basis:74px!important;justify-self:end!important}
  .score-ring b{font-size:24px!important}
}
@keyframes v18ScreenIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@keyframes v18NavPress{0%{transform:translateY(-2px) scale(1)}45%{transform:translateY(-4px) scale(.82)}75%{transform:translateY(-2px) scale(1.08)}100%{transform:translateY(-2px) scale(1)}}
@keyframes v18Ripple{from{opacity:.85;transform:scale(.65)}to{opacity:0;transform:scale(1.35)}}


/* =========================
   V19 mobile polish
   ========================= */

/* Restore real mini charts: remove colored block fills */
.market-strip .spark{
  position:relative!important;
  height:42px!important;
  margin-top:10px!important;
  background:transparent!important;
  overflow:visible!important;
}
.market-strip .spark::before,
.market-strip .spark::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
}
.market-strip .spark::before{
  opacity:.98!important;
}
.market-strip .spark::after{
  opacity:.16!important;
  filter:blur(8px)!important;
  transform:translateY(3px)!important;
}

/* Disable card-wide pseudo blocks from older versions */
.market-strip article::before,
.market-strip article::after{
  display:none!important;
  content:none!important;
}

/* Individual chart SVGs */
.market-strip .spark.green::before,
.market-strip .spark.green::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2335f1a5' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%2335f1a5' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 34 C18 33 25 20 40 22 S65 37 82 27 S103 12 123 20 S151 37 171 18 S199 25 238 5' fill='none' stroke='%2335f1a5' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M2 34 C18 33 25 20 40 22 S65 37 82 27 S103 12 123 20 S151 37 171 18 S199 25 238 5 L238 44 L2 44 Z' fill='url(%23g1)'/%3E%3C/svg%3E")!important;
}
.market-strip .spark.purple::before,
.market-strip .spark.purple::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%239a63ff' stop-opacity='.32'/%3E%3Cstop offset='1' stop-color='%239a63ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 30 C17 15 31 35 46 18 S72 27 88 9 S114 35 132 21 S159 7 179 25 S205 13 238 16' fill='none' stroke='%239a63ff' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M2 30 C17 15 31 35 46 18 S72 27 88 9 S114 35 132 21 S159 7 179 25 S205 13 238 16 L238 44 L2 44 Z' fill='url(%23g2)'/%3E%3C/svg%3E")!important;
}
.market-strip .spark.orange::before,
.market-strip .spark.orange::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='g3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%23f2a900' stop-opacity='.32'/%3E%3Cstop offset='1' stop-color='%23f2a900' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 31 C24 13 36 34 55 21 S83 16 101 30 S127 7 147 19 S173 30 191 11 S214 24 238 7' fill='none' stroke='%23f2a900' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M2 31 C24 13 36 34 55 21 S83 16 101 30 S127 7 147 19 S173 30 191 11 S214 24 238 7 L238 44 L2 44 Z' fill='url(%23g3)'/%3E%3C/svg%3E")!important;
}
.market-strip .spark.blue::before,
.market-strip .spark.blue::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='g4' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2331a9ff' stop-opacity='.32'/%3E%3Cstop offset='1' stop-color='%2331a9ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 32 C22 25 35 36 53 18 S79 27 96 14 S122 35 141 23 S168 29 187 13 S213 22 238 4' fill='none' stroke='%2331a9ff' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M2 32 C22 25 35 36 53 18 S79 27 96 14 S122 35 141 23 S168 29 187 13 S213 22 238 4 L238 44 L2 44 Z' fill='url(%23g4)'/%3E%3C/svg%3E")!important;
}

/* fourth card may reuse green class, but use distinct jagged chart */
.market-strip article:nth-child(4) .spark::before,
.market-strip article:nth-child(4) .spark::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='g5' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2323c98f' stop-opacity='.32'/%3E%3Cstop offset='1' stop-color='%2323c98f' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 34 L20 29 34 36 49 14 64 35 81 20 97 38 115 10 132 34 150 18 169 36 187 8 205 31 238 17' fill='none' stroke='%2323c98f' stroke-width='2.5' stroke-linejoin='round'/%3E%3Cpath d='M2 34 L20 29 34 36 49 14 64 35 81 20 97 38 115 10 132 34 150 18 169 36 187 8 205 31 238 17 L238 44 L2 44 Z' fill='url(%23g5)'/%3E%3C/svg%3E")!important;
}

/* Active mobile tab: green; inactive: white */
@media(max-width:760px){
  .mobile-nav-item{
    color:#f3f6f4!important;
  }
  .mobile-nav-item.active,
  .mobile-nav-item[aria-current="page"]{
    color:#35f1a5!important;
    background:rgba(53,241,165,.08)!important;
  }
  .mobile-nav-item:not(.active):not([aria-current="page"]) svg{
    filter:none!important;
  }

  /* breathing room below compact header */
  body[data-mobile-view] main{
    padding-top:18px!important;
  }
  body[data-mobile-view] main>[data-mobile-screen]{
    margin-top:14px!important;
  }
  body[data-mobile-view="home"] main>[data-mobile-screen="home"]:first-child,
  body[data-mobile-view="analysis"] main>[data-mobile-screen="analysis"],
  body[data-mobile-view="radar"] main>[data-mobile-screen="radar"],
  body[data-mobile-view="pro"] main>[data-mobile-screen="pro"]{
    padding-top:18px!important;
  }
}


/* =========================
   V20 — definitive tab fix
   ========================= */

[hidden]{
  display:none!important;
}

@keyframes v20ScreenEnter{
  0%{opacity:0;transform:translateY(18px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes v20TabPress{
  0%{transform:translateY(-2px) scale(1)}
  45%{transform:translateY(-4px) scale(.84)}
  75%{transform:translateY(-2px) scale(1.08)}
  100%{transform:translateY(-2px) scale(1)}
}

@media(max-width:760px){
  /* Only the selected app screen exists visually */
  body[data-active-screen] main>[data-app-screen]{
    display:none!important;
  }
  body[data-active-screen="home"] main>[data-app-screen="home"],
  body[data-active-screen="analysis"] main>[data-app-screen="analysis"],
  body[data-active-screen="radar"] main>[data-app-screen="radar"],
  body[data-active-screen="pro"] main>[data-app-screen="pro"]{
    display:block!important;
  }
  body[data-active-screen] main>[data-app-screen="desktop-only"]{
    display:none!important;
  }

  .app-screen-enter{
    animation:v20ScreenEnter .34s cubic-bezier(.2,.8,.2,1) both;
  }

  /* Inactive is white, active is green */
  .mobile-bottom-nav .mobile-nav-item{
    color:#f5f7f6!important;
    background:transparent!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active,
  .mobile-bottom-nav .mobile-nav-item[aria-current="page"]{
    color:#35f1a5!important;
    background:rgba(53,241,165,.09)!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active svg,
  .mobile-bottom-nav .mobile-nav-item[aria-current="page"] svg{
    filter:drop-shadow(0 0 8px rgba(53,241,165,.6))!important;
  }
  .mobile-bottom-nav .mobile-nav-item:not(.active) svg{
    filter:none!important;
  }

  .mobile-bottom-nav .mobile-nav-item.tab-pressed{
    animation:v20TabPress .38s cubic-bezier(.2,.9,.25,1);
  }

  /* Screen spacing under fixed top bar */
  main{
    padding-top:24px!important;
  }
  main>[data-app-screen]{
    margin-top:12px!important;
  }
}


/* =========================
   V21 — unified UI controller
   ========================= */

.lang-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:38px;
  padding:0 13px;
  margin-left:auto;
  margin-right:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#111513;
  color:#f5f7f6;
  font:700 12px/1 inherit;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.lang-toggle:hover{
  border-color:rgba(53,241,165,.45);
  background:rgba(53,241,165,.06);
}
.lang-toggle:active{transform:scale(.94)}
.lang-toggle .lang-current{color:#35f1a5}
.lang-toggle .lang-divider{color:#53605a}
.lang-toggle .lang-other{color:#aab3af}

/* one graph for every card, including source card */
.market-strip .spark{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:42px!important;
  margin-top:9px!important;
  background:transparent!important;
  border:0!important;
  overflow:hidden!important;
}
.market-strip .spark::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
}
.market-strip .spark::after{
  display:none!important;
  content:none!important;
}
.market-strip article::before,
.market-strip article::after{
  display:none!important;
  content:none!important;
}
.market-strip article:nth-child(1) .spark::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2335f1a5' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%2335f1a5' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 34 C18 32 27 19 43 23 S68 38 87 27 S111 10 132 21 S160 38 180 17 S207 26 238 5' fill='none' stroke='%2335f1a5' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 34 C18 32 27 19 43 23 S68 38 87 27 S111 10 132 21 S160 38 180 17 S207 26 238 5 L238 44 L2 44 Z' fill='url(%23a)'/%3E%3C/svg%3E")!important;
}
.market-strip article:nth-child(2) .spark::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%239a63ff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%239a63ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 30 C18 16 31 34 47 20 S74 25 91 9 S118 35 136 22 S163 8 184 25 S210 13 238 16' fill='none' stroke='%239a63ff' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 30 C18 16 31 34 47 20 S74 25 91 9 S118 35 136 22 S163 8 184 25 S210 13 238 16 L238 44 L2 44 Z' fill='url(%23b)'/%3E%3C/svg%3E")!important;
}
.market-strip article:nth-child(3) .spark::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%23f2a900' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%23f2a900' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 31 C24 14 37 34 57 21 S86 16 105 30 S132 7 153 19 S179 30 198 11 S220 24 238 7' fill='none' stroke='%23f2a900' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 31 C24 14 37 34 57 21 S86 16 105 30 S132 7 153 19 S179 30 198 11 S220 24 238 7 L238 44 L2 44 Z' fill='url(%23c)'/%3E%3C/svg%3E")!important;
}
.market-strip article:nth-child(4) .spark::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='d' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2323c98f' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%2323c98f' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 34 L21 28 36 36 51 13 67 35 84 20 101 38 119 9 137 34 155 18 174 36 193 8 211 31 238 17' fill='none' stroke='%2323c98f' stroke-width='2.55' stroke-linejoin='round'/%3E%3Cpath d='M2 34 L21 28 36 36 51 13 67 35 84 20 101 38 119 9 137 34 155 18 174 36 193 8 211 31 238 17 L238 44 L2 44 Z' fill='url(%23d)'/%3E%3C/svg%3E")!important;
}
.market-strip article:nth-child(5) .spark::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 44'%3E%3Cdefs%3E%3ClinearGradient id='e' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2331a9ff' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%2331a9ff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M2 32 C22 25 36 36 55 18 S82 27 100 14 S127 35 147 23 S174 29 194 13 S220 22 238 4' fill='none' stroke='%2331a9ff' stroke-width='2.7' stroke-linecap='round'/%3E%3Cpath d='M2 32 C22 25 36 36 55 18 S82 27 100 14 S127 35 147 23 S174 29 194 13 S220 22 238 4 L238 44 L2 44 Z' fill='url(%23e)'/%3E%3C/svg%3E")!important;
}

[hidden]{display:none!important}

@keyframes uiScreenIn{
  0%{opacity:0;transform:translateY(16px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes uiTabPop{
  0%{transform:scale(1)}
  45%{transform:scale(.88)}
  75%{transform:scale(1.06)}
  100%{transform:scale(1)}
}
.ui-screen-enter{animation:uiScreenIn .34s cubic-bezier(.2,.8,.2,1) both}
.ui-tab-pressed{animation:uiTabPop .36s cubic-bezier(.2,.9,.25,1)}

header nav [data-desktop-tab]{
  color:#d8dedb;
  transition:color .2s ease,background .2s ease;
}
header nav [data-desktop-tab].active{
  color:#35f1a5;
}
header nav [data-desktop-tab].active::after{
  transform:scaleX(1);
}

@media(min-width:761px){
  body[data-desktop-screen] main>[data-ui-screen]{
    display:none!important;
  }
  body[data-desktop-screen="home"] main>[data-ui-screen="home"],
  body[data-desktop-screen="analysis"] main>[data-ui-screen="analysis"],
  body[data-desktop-screen="radar"] main>[data-ui-screen="radar"],
  body[data-desktop-screen="how"] main>[data-ui-screen="how"],
  body[data-desktop-screen="pro"] main>[data-ui-screen="pro"]{
    display:block!important;
  }
}

@media(max-width:760px){
  .lang-toggle{
    margin-left:auto;
    margin-right:0;
    height:34px;
    padding:0 10px;
  }
  header>.button{display:none!important}

  body[data-mobile-screen] main>[data-ui-screen]{
    display:none!important;
  }
  body[data-mobile-screen="home"] main>[data-ui-screen="home"],
  body[data-mobile-screen="analysis"] main>[data-ui-screen="analysis"],
  body[data-mobile-screen="radar"] main>[data-ui-screen="radar"],
  body[data-mobile-screen="pro"] main>[data-ui-screen="pro"]{
    display:block!important;
  }
  body[data-mobile-screen] main>[data-ui-screen="how"]{
    display:none!important;
  }

  .mobile-bottom-nav .mobile-nav-item{
    color:#fff!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:2!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active,
  .mobile-bottom-nav .mobile-nav-item[aria-current="page"]{
    color:#35f1a5!important;
    background:rgba(53,241,165,.09)!important;
  }
  .mobile-bottom-nav{
    pointer-events:auto!important;
    z-index:100000!important;
  }
  main{
    padding-top:28px!important;
  }
  main>[data-ui-screen]{
    margin-top:14px!important;
  }
}


/* =========================
   V22 — real screen navigation
   ========================= */

.desktop-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.desktop-tab{
  appearance:none;
  border:0;
  background:transparent;
  color:#eef2f0;
  padding:10px 14px;
  border-radius:10px;
  font:600 13px/1 inherit;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,transform .18s ease;
}
.desktop-tab:hover{
  background:rgba(255,255,255,.045);
}
.desktop-tab.active{
  color:#35f1a5;
  background:rgba(53,241,165,.08);
}
.desktop-tab:active{transform:scale(.93)}

.lang-toggle{
  flex:0 0 auto;
  margin-left:auto;
}
.lang-toggle i{
  color:#4c5852;
  font-style:normal;
}

/* Exactly one desktop screen is visible */
@media(min-width:761px){
  body[data-current-screen] main>[data-screen]{
    display:none!important;
  }
  body[data-current-screen="home"] main>[data-screen="home"],
  body[data-current-screen="home"] main>[data-screen="home-extra"],
  body[data-current-screen="analysis"] main>[data-screen="analysis"],
  body[data-current-screen="radar"] main>[data-screen="radar"],
  body[data-current-screen="pro"] main>[data-screen="pro"]{
    display:block!important;
  }
}

/* Mobile buttons must be clickable above every layer */
@media(max-width:760px){
  body[data-current-screen] main>[data-screen]{
    display:none!important;
  }
  body[data-current-screen="home"] main>[data-screen="home"],
  body[data-current-screen="analysis"] main>[data-screen="analysis"],
  body[data-current-screen="radar"] main>[data-screen="radar"],
  body[data-current-screen="pro"] main>[data-screen="pro"]{
    display:block!important;
  }

  .mobile-bottom-nav{
    z-index:2147483000!important;
    pointer-events:auto!important;
    isolation:isolate;
  }
  .mobile-bottom-nav .mobile-nav-item{
    appearance:none!important;
    border:0!important;
    color:#fff!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    cursor:pointer!important;
    position:relative!important;
    z-index:2!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active{
    color:#35f1a5!important;
    background:rgba(53,241,165,.10)!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active svg{
    filter:drop-shadow(0 0 9px rgba(53,241,165,.65))!important;
  }
  .mobile-bottom-nav .mobile-nav-item:not(.active) svg{
    filter:none!important;
  }

  main{
    padding-top:28px!important;
  }
  main>[data-screen]{
    margin-top:14px!important;
  }

  .lang-toggle{
    margin-left:auto!important;
    margin-right:0!important;
  }
}

@keyframes v22Screen{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes v22Press{
  0%{transform:scale(1)}
  45%{transform:scale(.84)}
  75%{transform:scale(1.08)}
  100%{transform:scale(1)}
}
.screen-animate{
  animation:v22Screen .3s cubic-bezier(.2,.8,.2,1) both;
}
.button-animate{
  animation:v22Press .36s cubic-bezier(.2,.9,.25,1);
}
