/* Potok Dark Pro — visual theme only. Functional selectors stay unchanged. */
:root{color-scheme:dark;--bg:#070b12;--ink:#f5f7fb;--muted:#9ba8ba;--line:rgba(255,255,255,.09);--lime:#b8f34a;--white:#fff;--radius:22px;--blue:#55a7ff;--cyan:#55e6d2}
html{background:#070b12;scroll-padding-top:88px}
body{min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 12% 3%,rgba(85,167,255,.13),transparent 27rem),radial-gradient(circle at 90% 18%,rgba(85,230,210,.08),transparent 30rem),#070b12;color:var(--ink);letter-spacing:-.01em}
body:before{inset:0;z-index:-1;opacity:.2;filter:none;animation:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
body:after{display:none}.wrap{max-width:1280px;padding-left:34px;padding-right:34px}
h1,h2,h3{color:#f5f7fb}.muted{color:var(--muted)}::selection{background:var(--lime);color:#101708}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.nav{height:88px;position:relative;z-index:20;border-bottom:1px solid var(--line)}.logo{font-size:24px;letter-spacing:-1.3px;color:#f5f7fb}.logo img{width:36px;height:36px;background:transparent;padding:0;filter:drop-shadow(0 0 14px rgba(184,243,74,.18))}.navlinks{gap:30px;color:var(--muted);font-size:13px}.navlinks a{color:var(--muted)}.navlinks a:hover{color:var(--lime)}.nav-right{gap:10px}
.arrow{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;vertical-align:-2px}.arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:hover .arrow svg{transform:translate(1px,-1px);transition:transform .2s ease}.btn{min-height:48px;padding:12px 21px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#f4f7fb;color:#0a1019;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28)}.btn:active{transform:translateY(0)}.btn.lime{background:var(--lime);color:#101708;border-color:var(--lime);box-shadow:0 12px 28px rgba(159,227,43,.16)}.btn.lime:hover{background:#c8ff62}.btn.ghost{background:rgba(255,255,255,.035);color:#f5f7fb;border-color:rgba(255,255,255,.16);box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}.btn.white{background:#fff;color:#0a1019}.btn.small{min-height:38px;padding:8px 13px;border-radius:10px;box-shadow:none}.btn.danger{background:rgba(255,118,108,.11);color:#ff9b94;border-color:rgba(255,118,108,.24)}
.eyebrow{color:var(--lime);font-size:10px;letter-spacing:1.9px}.dot{background:var(--lime);box-shadow:0 0 0 5px rgba(184,243,74,.11),0 0 20px rgba(184,243,74,.5)}
.hero{padding:78px 0 72px;grid-template-columns:1.02fr .98fr;gap:64px}.hero h1{margin:24px 0 26px;letter-spacing:-.075em}.serif,.hero h1 .serif{color:var(--lime);text-shadow:0 0 38px rgba(184,243,74,.12)}.hero p{max-width:500px;color:#aab5c5;font-size:17px;line-height:1.75}.hero-actions{gap:11px;margin-top:32px}.hero-foot{gap:22px;margin-top:24px;color:#748196;font-size:11px}.hero-foot span:before{color:var(--lime)}
.art{isolation:isolate;min-height:490px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:linear-gradient(145deg,#111b2a,#0a101a 60%,#101f2c);box-shadow:0 24px 80px rgba(0,0,0,.34)}.art:before{z-index:-2;background-image:radial-gradient(rgba(137,190,255,.17) 1px,transparent 1px);background-size:20px 20px;opacity:1;animation:none}.art:after{content:'';display:block;position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;background:rgba(63,142,255,.3);filter:blur(80px);animation:dark-ambient 8s ease-in-out infinite alternate}.orbit{width:500px;height:245px;border-color:rgba(85,167,255,.48);animation:dark-orbit 10s ease-in-out infinite}.orbit.second{width:610px;height:305px;border-color:rgba(85,230,210,.24);animation-duration:13s;animation-direction:reverse}.orb{width:310px;height:310px;background:radial-gradient(circle at 30% 24%,#d8f8ff 0,#70c2ff 12%,#3479dc 39%,#16345e 70%,#09111c 100%);box-shadow:inset -30px -25px 55px rgba(0,0,0,.58),0 0 80px rgba(47,132,255,.48);animation:dark-core 6s ease-in-out infinite}.orb:after{background:repeating-radial-gradient(ellipse at 30% 20%,transparent 0 13px,rgba(255,255,255,.22) 14px 15px,transparent 16px 27px);animation:none}.connection-card{top:96px;left:62px;width:240px;padding:23px;background:rgba(244,248,255,.92);color:#101828;border-color:rgba(255,255,255,.65);box-shadow:0 22px 60px rgba(0,0,0,.36);animation:none}.connection-card h3{color:#101828}.connection-card .mini{color:#64748b}.connection-bottom{border-color:#dbe4ef}.float-tag{right:28px;bottom:78px;padding:14px 18px;background:rgba(8,13,22,.9);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px rgba(0,0,0,.35);animation:none}.float-tag span{color:var(--lime)}.art-caption{color:#8da0b9}.spark{color:var(--cyan);opacity:.8;animation:none}
.platforms{border-bottom-color:var(--line);color:#748196}.platforms strong{color:#c9d2df}.section{padding:96px 0}.section-head{margin-bottom:36px}.section-head p,.how p{color:var(--muted)}.features{gap:16px}.feature{padding:29px;border-color:var(--line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:none;transition:transform .25s,border-color .25s,background .25s}.feature:hover{transform:translateY(-4px);border-color:rgba(184,243,74,.24);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.feature .icon{width:44px;height:44px;margin-bottom:30px;border:1px solid rgba(184,243,74,.23);border-radius:13px;background:rgba(184,243,74,.09);color:var(--lime);box-shadow:none}.feature:hover .icon{background:rgba(184,243,74,.16);color:var(--lime);box-shadow:none}.feature h3{font-size:20px}.feature p{color:var(--muted);line-height:1.75}
.pricing-section{padding:45px 30px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(21,31,46,.96),rgba(11,17,28,.96));box-shadow:0 24px 70px rgba(0,0,0,.2)}.plans{gap:13px}.plan{padding:25px 21px;border-color:var(--line);border-radius:19px;background:rgba(255,255,255,.035);box-shadow:none}.plan.popular{border-color:rgba(184,243,74,.36);background:linear-gradient(155deg,rgba(184,243,74,.12),rgba(255,255,255,.045));box-shadow:0 18px 50px rgba(0,0,0,.2)}.plan-label{color:#dfe6ef}.plan .price{font-size:42px}.plan .per,.pricing-note{color:#748196}.plan .checklist,.popular .checklist,.popular .per{color:var(--muted)}.badge,.plan .badge{background:rgba(184,243,74,.13);color:var(--lime)}.plan .btn{font-size:12px}
.how,.faq{gap:88px}.how p,.faq details p{color:var(--muted)}.step{border-color:var(--line)}.step:before{border-color:rgba(255,255,255,.16);color:var(--lime);background:transparent}.faq{border-color:var(--line)}.faq details{border-color:var(--line)}.faq summary{color:#e8edf4}.faq summary:after{color:var(--lime)}.cta{border:1px solid rgba(184,243,74,.25);background:linear-gradient(120deg,rgba(184,243,74,.15),rgba(85,230,210,.07));color:#f5f7fb;box-shadow:0 20px 60px rgba(0,0,0,.2)}.cta p{color:#aebba9}.cta .btn{background:var(--lime);color:#101708}.footer{border-color:var(--line);color:#748196}.footer .logo{color:#f5f7fb}.link-btn{color:#cbd5e1}
.loading{color:#f5f7fb}.loading span{color:var(--muted)}.page{padding-top:42px}.page-heading h1{color:#f5f7fb}.panel{padding:26px;border-color:var(--line);background:linear-gradient(145deg,rgba(21,31,46,.94),rgba(13,20,31,.96));box-shadow:0 16px 50px rgba(0,0,0,.18)}.panel h3{font-size:20px}.grid2,.grid3{gap:17px}.status-card{background:linear-gradient(145deg,#162842,#0d1828);border:1px solid rgba(85,167,255,.2);box-shadow:0 18px 50px rgba(0,0,0,.26)}.status-card p{color:#a8b8ca}.pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.label-text{color:var(--muted)}
.tabs{padding:5px;gap:5px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.tab{color:var(--muted)}.tab:hover{color:#f5f7fb;background:rgba(255,255,255,.04)}.tab.active{background:var(--lime);color:#101708;font-weight:700;box-shadow:0 5px 18px rgba(159,227,43,.12)}.table-wrap{scrollbar-color:#344157 transparent}.table th{color:#748196;border-color:var(--line)}.table td{border-color:rgba(255,255,255,.055)}.table tbody tr:hover{background:rgba(255,255,255,.025)}.badge.pending,.badge.cancelled{background:rgba(255,255,255,.07);color:#b1bdcd}.badge.review{background:rgba(255,200,87,.12);color:#ffd778}.badge.rejected,.badge.error{background:rgba(255,118,108,.12);color:#ff9b94}.empty{color:var(--muted)}
.form label{color:#d8e0eb}.form input,.form select,.form textarea,.search,.connect-link input{min-height:45px;background:rgba(4,8,14,.6);color:#f5f7fb;border-color:rgba(255,255,255,.16)}.form input::placeholder,.form textarea::placeholder,.search::placeholder{color:#68758a}.form input:focus,.form select:focus,.form textarea:focus,.search:focus,.connect-link input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(184,243,74,.1)}.form .help{color:#748196}.form-error,.error-text{color:#ff9b94}.notice{background:rgba(85,167,255,.08);border-color:rgba(85,167,255,.22);color:#c4d9f2}.notice.warning{background:rgba(255,200,87,.08);border-color:rgba(255,200,87,.24);color:#f2d792}.notice a,.instructions a,.store-alt a{color:var(--lime)}.auth-page .panel{box-shadow:0 28px 80px rgba(0,0,0,.35)}.auth-page .intro,.auth-toggle,.instructions{color:var(--muted)}.link-btn{color:#dce5ef}.connect-link input{background:rgba(0,0,0,.22);color:var(--muted)}.qr{padding:7px;background:#fff;border-color:var(--line)}
.sub-preview{background:linear-gradient(160deg,#172943,#0a121e);border-color:#253145;box-shadow:0 28px 70px rgba(0,0,0,.3)}.preview-power{background:var(--lime);color:#101708;box-shadow:0 0 32px rgba(184,243,74,.2)}.preview-node{background:rgba(255,255,255,.07)}.preview-label,.node p,.legal p{color:var(--muted)}.node{border-color:var(--line)}
.subscription-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}.summary-card{min-height:174px;padding:23px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(21,31,46,.96),rgba(13,20,31,.96));box-shadow:0 16px 50px rgba(0,0,0,.16)}.summary-card>span{color:#8795a9;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.summary-card>strong{margin-top:7px;color:#f5f7fb;font-size:clamp(22px,2.3vw,31px);line-height:1.15}.summary-card>small{color:var(--muted);line-height:1.5}.summary-action{background:linear-gradient(145deg,rgba(184,243,74,.13),rgba(85,230,210,.045));border-color:rgba(184,243,74,.23)}.summary-action .btn{width:100%;margin-top:auto}.summary-action .btn+.btn{margin-top:8px}.expiry-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px;border:1px solid rgba(255,200,87,.28);border-radius:16px;background:rgba(255,200,87,.09);color:#f6df9d}.expiry-alert>div{display:grid;gap:3px}.expiry-alert strong{font-size:15px}.expiry-alert span{color:#d1bd85;font-size:12px}.expiry-alert.urgent{border-color:rgba(255,118,108,.35);background:rgba(255,118,108,.1);color:#ffb1ab}.expiry-alert.urgent span{color:#d99591}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.panel-heading p{margin-top:5px}.load-list{display:grid}.load-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.load-row:last-child{border-bottom:0}.load-rank{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(184,243,74,.18);border-radius:10px;background:rgba(184,243,74,.07);color:var(--lime);font-weight:800}.load-main{min-width:0;display:grid;gap:9px}.load-main>div:first-child{display:flex;justify-content:space-between;gap:16px}.load-main span{color:var(--muted);font-size:12px;text-align:right}.load-track{height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}.load-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px rgba(85,167,255,.22)}
.store-badge{min-height:52px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.16);transition:background .2s,border-color .2s,transform .2s}.store-badge:hover{transform:translateY(-2px);background:rgba(255,255,255,.09);border-color:rgba(184,243,74,.3)}.store-badge small,.store-alt{color:var(--muted)}
dialog{max-height:calc(100vh - 32px);overflow:auto;background:#111a27;color:#f5f7fb;border-color:rgba(255,255,255,.16);box-shadow:0 35px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(2,5,9,.78);backdrop-filter:blur(8px)}.close{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.05);color:var(--muted)}.close:hover{background:rgba(255,255,255,.1);color:#fff}#toast{background:#172232;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 45px rgba(0,0,0,.4)}
@keyframes dark-ambient{from{transform:translate(-8%,-5%) scale(.9);opacity:.6}to{transform:translate(9%,8%) scale(1.12);opacity:1}}@keyframes dark-orbit{0%,100%{transform:rotate(-38deg) translateY(0)}50%{transform:rotate(-31deg) translateY(-12px)}}@keyframes dark-core{0%,100%{transform:rotate(-20deg) scale(.96)}50%{transform:rotate(-15deg) scale(1.04)}}
@media(max-width:1000px){.wrap{padding-left:24px;padding-right:24px}.hero{gap:28px}.hero h1{font-size:59px}.art{min-height:430px}.plans{grid-template-columns:repeat(2,1fr)}.how,.faq{gap:42px}.subscription-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-action{grid-column:1/-1}}
@media(max-width:700px){html{scroll-padding-top:70px}body{padding-bottom:env(safe-area-inset-bottom)}.wrap{padding-left:16px;padding-right:16px}.nav{height:70px;margin:0 -16px;padding:0 16px;background:rgba(7,11,18,.86);border-bottom-color:var(--line);backdrop-filter:blur(18px)}.navlinks{display:none}.logo{font-size:21px}.logo img{width:31px;height:31px}.nav-right .btn{min-height:40px;padding:9px 11px}.hero{padding:40px 0 44px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(48px,15vw,62px);line-height:.99}.hero p{font-size:14px}.hero-actions{grid-template-columns:1fr}.hero-actions .btn{width:100%;min-height:49px}.art{min-height:360px;border-radius:25px}.orb{width:245px;height:245px}.orbit{width:390px;height:195px}.orbit.second{width:490px;height:245px}.connection-card{top:56px;left:18px;width:205px;padding:18px}.float-tag{right:13px;bottom:31px}.platforms{gap:13px 21px}.section{padding:60px 0}.section-head h2,.how h2,.faq h2{font-size:34px}.features,.plans,.grid2,.grid3,.subscription-summary{grid-template-columns:1fr}.summary-action{grid-column:auto}.summary-card{min-height:0;padding:20px 17px}.expiry-alert{align-items:stretch;flex-direction:column}.expiry-alert .btn{width:100%;min-height:44px}.feature{padding:22px 19px}.pricing-section{padding:25px 13px}.how,.faq{grid-template-columns:1fr;gap:29px}.cta{padding:24px 21px}.cta .btn{width:100%}.page{padding-top:26px}.panel{padding:20px 16px}.tabs{top:70px;background:rgba(13,20,31,.94);backdrop-filter:blur(14px)}.tab{padding:9px 13px}.form-row{grid-template-columns:1fr}.node{align-items:flex-start;flex-direction:column}.load-row{grid-template-columns:34px minmax(0,1fr)}.load-row>.badge{grid-column:2;justify-self:start}.load-main>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.load-main span{text-align:left}.connect-link{align-items:stretch;flex-direction:column}.connect-link .btn,.connect-actions .btn,.form button.btn{width:100%}.connect-actions,.store-links{display:grid;grid-template-columns:1fr}.store-badge{width:100%}.footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}dialog{padding:25px 19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}

/* High-contrast hero slogan */
.hero h1 .serif{color:#7dd3fc;font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:750;text-shadow:0 0 24px rgba(125,211,252,.22)}


.hero h1{color:#f5f7fb}.hero h1 .serif{color:#b8f34a;font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:750;text-shadow:0 0 26px rgba(184,243,74,.24)}

/* Animated planet and orbiting stars */
.art{isolation:isolate}
.orb{background:radial-gradient(circle at 31% 24%,#d8ff9a 0,#8edb86 18%,#3a9fd1 46%,#1852a0 72%,#091936 100%);box-shadow:inset -26px -24px 55px rgba(2,10,31,.7),inset 18px 10px 28px rgba(255,255,255,.18),0 34px 70px rgba(0,0,0,.48);animation:planet-float 7s ease-in-out infinite}
.orb:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(140deg,transparent 22%,rgba(150,220,255,.28) 23%,transparent 25%,transparent 53%,rgba(255,255,255,.16) 54%,transparent 57%);mix-blend-mode:screen}
.stars{position:absolute;inset:0;z-index:3;pointer-events:none}
.stars i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#d8ff9a;box-shadow:0 0 10px 3px rgba(184,243,74,.72);transform-origin:0 0;animation:star-orbit 8s linear infinite}
.stars i:nth-child(1){--orbit:205px;--angle:8deg;animation-delay:-1s}.stars i:nth-child(2){--orbit:240px;--angle:78deg;animation-delay:-3s}.stars i:nth-child(3){--orbit:175px;--angle:146deg;animation-delay:-5s}.stars i:nth-child(4){--orbit:265px;--angle:212deg;animation-delay:-6.5s}.stars i:nth-child(5){--orbit:220px;--angle:278deg;animation-delay:-2.5s}.stars i:nth-child(6){--orbit:150px;--angle:330deg;animation-delay:-4s;width:3px;height:3px}
.tag-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:9px}
@keyframes planet-float{0%,100%{transform:rotate(-22deg) translateY(0)}50%{transform:rotate(-18deg) translateY(-10px)}}
@keyframes star-orbit{from{transform:rotate(var(--angle)) translateX(var(--orbit)) rotate(calc(var(--angle) * -1))}to{transform:rotate(calc(var(--angle) + 360deg)) translateX(var(--orbit)) rotate(calc((var(--angle) + 360deg) * -1))}}
@media(prefers-reduced-motion:reduce){.orb,.stars i{animation:none}}
/* Mobile app shell */
.mobile-app-nav{display:none}
@media(max-width:700px){
  body:has(.mobile-app-nav){padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  #app:has(.mobile-app-nav)>.footer{display:none}
  .app-shell{padding-top:18px;padding-bottom:30px}
  .app-shell .page-heading{margin-bottom:18px;padding:0 2px}
  .app-shell .page-heading .eyebrow{font-size:9px}
  .app-shell .page-heading h1{font-size:30px;margin-bottom:3px}
  .app-shell .page-heading .muted{font-size:11px}
  .app-shell>.subscription-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
  .app-shell .summary-card{padding:16px 14px;min-height:112px;border-radius:16px}
  .app-shell .summary-card span{font-size:10px}
  .app-shell .summary-card strong{font-size:19px;line-height:1.15}
  .app-shell .summary-card small{font-size:10px}
  .app-shell .summary-action{grid-column:1/-1;min-height:auto}
  .app-shell .summary-action strong{font-size:15px}
  .app-shell .summary-action .btn{margin-top:10px;width:100%;min-height:44px}
  .app-shell>.grid2{gap:12px}
  .app-shell .status-card{order:-1;padding:20px 17px;border-radius:18px}
  .app-shell .status-card h2{font-size:27px;margin:15px 0 9px}
  .app-shell .status-card p{font-size:12px;line-height:1.55}
  .app-shell .status-card .btn{width:100%;margin-top:17px}
  .app-shell .panel{border-radius:18px;padding:18px 15px}
  .app-shell .setup-guide{scroll-margin-top:14px}
  .app-shell #mobile-servers,.app-shell #mobile-profile{scroll-margin-top:14px}
  .app-shell{padding-bottom:92px}
  .mobile-app-nav{position:fixed;left:14px;right:14px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 6px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(160deg,rgba(20,30,48,.92),rgba(10,16,28,.94));box-shadow:0 18px 44px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
  .mobile-app-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:60px;border-radius:16px;color:#8290a4;font-size:11px;font-weight:700;letter-spacing:.02em;transition:background .25s cubic-bezier(.2,.8,.2,1),color .25s,transform .2s,box-shadow .25s;touch-action:manipulation}
  .mobile-app-tab:active{transform:scale(.95)}
  .mobile-app-tab:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
  .mobile-app-tab.active{color:#101708;background:var(--lime);box-shadow:0 8px 22px -8px rgba(184,243,74,.7)}
  .mobile-app-icon{width:21px;height:21px;display:block;flex:0 0 auto}
  .mobile-app-icon svg{width:100%;height:100%;display:block;overflow:visible}
  .mobile-app-tab.active .mobile-app-icon svg{filter:drop-shadow(0 0 8px rgba(184,243,74,.55))}
}
.node-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 2px;padding:12px;border:1px solid rgba(85,167,255,.16);border-radius:13px;background:rgba(85,167,255,.05)}
.node-metrics>div{display:grid;gap:4px;min-width:0}.node-metrics span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.node-metrics strong{font-size:12px;color:#f5f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-metrics.error-text{display:block;padding:10px;font-size:12px}
@media(max-width:700px){.node-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.node-metrics>div:last-child{grid-column:1/-1}.node-metrics strong{white-space:normal}.app-shell .node-metrics{margin-top:11px}}

/* Override legacy light-theme section heading colors. */
.section-head h2,.how h2,.faq h2{color:var(--ink)}
.feature .icon svg{display:block;width:24px;height:24px}

/* Progress bar styles */
.progress-bar{height:12px;background:rgba(255,255,255,.06);border-radius:6px;overflow:hidden;margin:8px 0}
.progress-fill{height:100%;background:var(--lime);border-radius:6px;transition:width .3s ease}
.progress-fill.warning{background:#ffd778}
.progress-fill.danger{background:#ff9b94}
.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:var(--muted)}
.progress-text strong{color:var(--lime)}

/* Server Load Chart styles */
#server-load-chart{margin-top:16px}
.load-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.load-chart-header h3{margin:0;font-size:16px}
.chart-controls{display:flex;gap:10px;align-items:center}
.chart-select{min-width:160px;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.035);color:#f5f7fb;font-size:13px}
.chart-select:focus{outline:2px solid var(--lime);outline-offset:2px}
.load-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.load-chart-card{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03);transition:transform .2s,box-shadow .2s,border-color .2s}
.load-chart-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.3);border-color:rgba(184,243,74,.2)}
.load-chart-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.load-chart-card-header strong{font-size:14px;color:#f5f7fb}
.server-status{font-size:10px;padding:3px 8px;border-radius:6px;font-weight:600}
.server-status.good{color:#bee888;background:#b8f34a15}
.server-status.bad{color:#ffaba3;background:#ff766c15}
.server-status.unknown{color:#ffd778;background:#ffd77815}
.load-gauge{display:block;margin:0 auto 12px}
.load-chart-detail{font-size:11px;color:var(--muted);text-align:center;line-height:1.4}
@media(max-width:700px){
  .load-chart-grid{grid-template-columns:1fr}
  .load-chart-header{flex-direction:column;align-items:stretch}
  .chart-controls{flex-direction:column}
  .chart-select{width:100%}
}