:root,html:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#03060c;--bg-2:#050a12;--panel:#070f19;--card-hi:#0a1725;--card-lo:#06101a;
  --fill:#08131f;--line:rgba(56,180,255,.22);--line-hi:rgba(100,215,255,.45);
  --text:#eaf7ff;--muted:#9db4c8;--dim:#6d879c;
  --accent:#2fb8ff;--accent-hi:#7fe3ff;--accent-lo:#1467b8;
  --accent-soft:rgba(47,184,255,.14);--light:#7fe3ff;--white:#eaf7ff;
  --green:#43e0b0;--amber:#ffcf6b;--red:#ff7a92;
  --r-xl:22px;--r-lg:18px;--r:13px;--shadow:0 18px 48px rgba(0,0,0,.45);
  --bg-header:rgba(5,12,21,.92);--bg-bottom-nav:rgba(5,12,21,.94);--bg-border-subtle:rgba(56,180,255,.20);
  --input-border:rgba(70,160,220,.38);--bg-row:#0a1622;--bg-row-active:#0f2438;
  --text-dim:#8fa8bd;--text-body:#c2d4e2;--tv-blue-glow:#2fb8ff;--tv-cyan-bright:#7fe3ff;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef6fc;--bg-2:#e6f1fa;--panel:#ffffff;--card-hi:#ffffff;--card-lo:#f2f8fd;
  --fill:#eef5fb;--line:rgba(20,110,180,.18);--line-hi:rgba(20,110,180,.34);
  --text:#0d2334;--muted:#4a6578;--dim:#7b93a4;
  --accent:#1287d6;--accent-hi:#1f9ee8;--accent-lo:#0d5f9e;
  --accent-soft:rgba(18,135,214,.12);--light:#1f9ee8;--white:#0d2334;
  --bg-header:rgba(255,255,255,.92);--bg-bottom-nav:rgba(255,255,255,.95);
  --bg-border-subtle:rgba(20,110,180,.16);--input-border:rgba(20,110,180,.24);
  --bg-row:#f2f8fd;--bg-row-active:#e2f0fb;--text-dim:#5a7385;--text-body:#33506a;
}
html,body,body.levi-shop-page{
  background-color:#03060c!important;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -12%,rgba(30,140,255,.16),transparent 62%),
    radial-gradient(ellipse 60% 45% at 92% 108%,rgba(0,200,255,.10),transparent 60%),
    radial-gradient(ellipse 55% 42% at 2% 100%,rgba(20,80,200,.12),transparent 60%),
    linear-gradient(170deg,#050a12 0%,#03060c 55%,#040b14 100%)!important;
  background-repeat:no-repeat!important;background-attachment:fixed!important;
  color:var(--text)!important;
}
html[data-theme="light"],html[data-theme="light"] body,html[data-theme="light"] body.levi-shop-page{
  background-color:#eef6fc!important;
  background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(90,180,255,.18),transparent 62%),linear-gradient(170deg,#f4faff,#e8f2fb)!important;
  color:var(--text)!important;
}
body:before,body:after,.bg,.glow-orb,.backdrop,.vignette{display:none!important}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;-webkit-font-smoothing:antialiased}
*{scrollbar-color:rgba(47,184,255,.4) transparent!important}
::selection{background:rgba(47,184,255,.35)!important;color:#fff!important}
:focus-visible{outline:2px solid #7fe3ff!important;outline-offset:3px}
a{color:#7fe3ff!important}
button,input,select,textarea{font-family:inherit!important}
button{transition:background .16s,border-color .16s,transform .16s,opacity .16s!important}
button:hover{filter:brightness(1.08)}
button:disabled{opacity:.52}

:is(.section,.stat,.card,.login-card,.panel .card,.stats-bar,.workspace-box,.grp,.modal-card,.drawer-panel,.table-wrap,.step,.note>div,.pk-pop,.picker-trigger,.toast){
  background:linear-gradient(155deg,rgba(10,23,37,.96),rgba(6,15,25,.98))!important;
  border:1px solid rgba(56,180,255,.20)!important;border-radius:18px!important;
  box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px rgba(127,227,255,.06)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:is(.section,.stat,.card,.grp,.picker-trigger):hover{
  border-color:rgba(100,215,255,.45)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.5),0 0 22px rgba(47,184,255,.12),inset 0 1px rgba(127,227,255,.08)!important;
}
:is(.topbar,.sidebar,.tabbar){
  background:rgba(5,12,21,.92)!important;border-color:rgba(56,180,255,.16)!important;
  box-shadow:0 0 24px rgba(47,184,255,.06)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
:is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input){
  background:rgba(4,13,23,.85)!important;border:1px solid rgba(70,160,220,.32)!important;border-radius:12px!important;
  color:#eaf7ff!important;box-shadow:none!important;min-height:44px;
}
:is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input):focus{
  border-color:#7fe3ff!important;box-shadow:0 0 0 3px rgba(47,184,255,.16),0 0 18px rgba(47,184,255,.18)!important;outline:none!important;
}
input::placeholder,textarea::placeholder{color:#6d879c!important}
select option{background:#08131f;color:#eaf7ff}
label{color:#b8cbdb!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important}
:is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(135deg,#1e9bff,#0f6fd0 58%,#0b57a8)!important;color:#fff!important;
  border:1px solid rgba(127,227,255,.55)!important;border-radius:12px!important;
  box-shadow:0 0 22px rgba(47,184,255,.32),inset 0 1px rgba(255,255,255,.28)!important;font-weight:700!important;
}
:is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on):hover{
  background:linear-gradient(135deg,#33b0ff,#1a80e0 60%,#0e63b8)!important;
  box-shadow:0 0 28px rgba(47,184,255,.48),inset 0 1px rgba(255,255,255,.32)!important;transform:translateY(-1px)
}
:is(.ghost,.nav-item,.tab,.language-switch,.language-switch button,.seg button,.server,.chip,.badge,.qa){border-radius:11px!important}
.ghost{background:rgba(9,21,34,.85)!important;border-color:rgba(70,160,220,.34)!important;color:#cfe6f4!important}
.ghost:hover{background:rgba(14,34,54,.92)!important;border-color:#7fe3ff!important;color:#fff!important}
.nav-item{color:#a9c2d6!important}
.nav-item:hover{background:rgba(47,184,255,.10)!important;color:#fff!important}
.nav-item.active{background:rgba(47,184,255,.14)!important;border:1px solid rgba(100,215,255,.45)!important;box-shadow:0 0 18px rgba(47,184,255,.12)!important;color:#fff!important}
:is(.w2,.word-accent,.blue,.console-kicker,.page-eyebrow,.stat-value.blue){color:#7fe3ff!important;text-shadow:0 0 12px rgba(47,184,255,.35)}
:is(.page-head h1,.section h2,.card-title,.viewport .head h1,#login .login-card h1){color:#f2fbff!important;text-shadow:0 0 20px rgba(47,184,255,.18)!important;font-style:normal!important}
.card-sub,.hint,.footer{color:#a8bfd2!important;line-height:1.6}
.brand img,.sidebar .brand img,.topbar .brand img,.login-card .logo{background:none!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 0 14px rgba(47,184,255,.35))!important}
.brand .wm,.brand div .w1,.brand div .w2{animation:none!important;text-shadow:0 0 14px rgba(47,184,255,.35)!important}
.brand div .w2,.brand .wm .w2{color:var(--accent-hi)!important}

body.levi-shop-page .viewport{min-height:100dvh;padding:32px 18px}
.card-wrap{width:min(100%,460px)!important;animation:none!important}
.card-wrap:before{display:none!important}
body.levi-shop-page .viewport .card{
  padding:38px!important;border-radius:24px!important;
  background:linear-gradient(160deg,rgba(10,23,37,.97),rgba(5,13,22,.98))!important;
  border-color:rgba(56,180,255,.28)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 40px rgba(47,184,255,.10)!important;clip-path:none!important;
}
.viewport :is(.card,#license_key,.toggle,.submit,.status){clip-path:none!important}
.viewport .head{margin-bottom:28px!important}
.viewport .brand-icon{width:100px!important;height:100px!important;margin:0 auto 18px!important;border:0!important;border-radius:50%!important;background:none!important;box-shadow:none!important}
.viewport .brand-icon img{width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 0 18px rgba(47,184,255,.45))!important}
.viewport .head h1{font-size:clamp(25px,4vw,32px)!important;letter-spacing:-.035em!important;line-height:1.2}
.viewport .head .sub{font-size:13px!important;letter-spacing:0!important;margin-top:10px!important;color:#9db4c8!important}
.viewport .access-label{margin-bottom:9px!important}
.viewport #license_key{height:50px!important;padding-left:44px!important}
.viewport .field-icon{color:#7fe3ff!important}
.viewport .toggle{border-radius:9px!important;color:#a7c4d6!important}
.viewport .submit{height:50px!important;margin-top:5px!important;font-size:15px!important}
.viewport .footer{margin-top:20px!important;font-size:11px!important}
.viewport .status.error{border-color:rgba(255,122,146,.4)!important;background:rgba(255,122,146,.08)!important;color:#ffd0d8!important}
.viewport .status.ok{border-color:rgba(67,224,176,.4)!important;background:rgba(67,224,176,.08)!important;color:#c9f7e6!important}

body.levi-shop-page .app{background:transparent!important;border:0!important;box-shadow:none!important;width:100%;max-width:none;min-height:100dvh}
body.levi-shop-page .app .topbar{padding:14px max(18px,calc((100vw - 1040px)/2))!important;min-height:70px;position:relative}
body.levi-shop-page .app .brand img{width:40px;height:40px;object-fit:contain;padding:0}
body.levi-shop-page .app .brand .wm{font-size:16px;letter-spacing:0!important;text-transform:none;animation:none!important}
body.levi-shop-page .app .wrap{width:min(100%,1040px);max-width:1040px;margin:0 auto;padding:28px 18px 100px;gap:20px}
body.levi-shop-page .app .panel{gap:16px}
body.levi-shop-page .app .page-head{padding:0 0 18px;margin-bottom:0;border-bottom:1px solid rgba(56,180,255,.20)}
body.levi-shop-page .app .page-head h1{font-size:clamp(21px,3vw,28px);text-transform:none;letter-spacing:-.025em!important}
body.levi-shop-page .app .page-head p{color:#9db4c8!important}
body.levi-shop-page .app .page-head .console-kicker{color:#7fe3ff!important}
body.levi-shop-page .app .card{padding:22px!important;margin:0 0 14px!important}
body.levi-shop-page .app .stats-bar{gap:10px;margin:0 0 16px!important}
body.levi-shop-page .app .stat{padding:15px!important}
body.levi-shop-page .app .stat-label{color:#8fa8bd!important}
body.levi-shop-page .app .stat-value{color:#eaf7ff}
body.levi-shop-page .app .stat-value.blue{color:#7fe3ff!important}
body.levi-shop-page .app .section-title{font-size:15px;letter-spacing:0;text-transform:none;padding-bottom:10px;border-bottom:1px solid rgba(56,180,255,.18);color:#f2fbff}
body.levi-shop-page .app .card-title{font-size:15px;letter-spacing:0;text-transform:none}
body.levi-shop-page .app :is(.picker-trigger,.seg button,.btn-connect,.links a,.tab){min-height:44px}
body.levi-shop-page .app .tabbar{border-top:1px solid rgba(56,180,255,.18)}
body.levi-shop-page .app .tab[aria-selected="true"]{background:rgba(47,184,255,.14)!important;color:#f0faff!important;box-shadow:inset 0 0 0 1px rgba(100,215,255,.35)!important}
body.levi-shop-page .app .chip.time{background:rgba(47,184,255,.12)!important;border-color:rgba(100,215,255,.30)!important;color:#d5f1ff!important}
body.levi-shop-page .app .chip.time.pending{background:rgba(47,184,255,.10)!important;border-color:rgba(100,215,255,.28)!important}
body.levi-shop-page .app .chip.time .live{background:#43e0b0!important;box-shadow:0 0 8px rgba(67,224,176,.7)!important}
body.levi-shop-page .app .language-switch{background:rgba(7,18,30,.9)!important;border:1px solid rgba(56,180,255,.24)!important}
body.levi-shop-page .app .language-switch button{color:#a9c2d6!important}
body.levi-shop-page .app .language-switch button[aria-pressed="true"]{background:rgba(47,184,255,.22)!important;color:#fff!important}
body.levi-shop-page .app .server.active{background:rgba(47,184,255,.14)!important;border-color:rgba(100,215,255,.5)!important}
body.levi-shop-page .app .server.cursor{background:rgba(47,184,255,.08)!important;border-color:rgba(100,215,255,.28)!important}
body.levi-shop-page .app .server.active .tick{background:linear-gradient(180deg,#7fe3ff,#1467b8)!important;box-shadow:0 4px 14px rgba(47,184,255,.4)!important}
body.levi-shop-page .app .picker-trigger{background:rgba(7,18,30,.9)!important;border-color:rgba(70,160,220,.34)!important}
body.levi-shop-page .app .picker.open .picker-trigger{border-color:#7fe3ff!important;box-shadow:0 0 0 3px rgba(47,184,255,.12)!important}
body.levi-shop-page .app .pk-pop{background:#08131f!important;border-color:rgba(56,180,255,.28)!important}
body.levi-shop-page .app .pk-pop::-webkit-scrollbar-thumb{background:rgba(47,184,255,.45)!important;border-radius:3px}
body.levi-shop-page .app .refresh-ping{background:rgba(9,21,34,.85)!important;border-color:rgba(70,160,220,.3)!important;color:#cfe6f4!important}
body.levi-shop-page .app .refresh-ping:hover{color:#fff!important;border-color:#7fe3ff!important;background:rgba(47,184,255,.14)!important}
body.levi-shop-page .app .ping[data-state="udp"]{color:#c8f2ff!important;background:rgba(47,184,255,.16)!important}
body.levi-shop-page .app .switch{background:rgba(9,21,34,.85)!important;border-color:rgba(56,180,255,.18)!important}
body.levi-shop-page .app .switch.locked-on{background:linear-gradient(180deg,rgba(47,184,255,.16),rgba(47,184,255,.05))!important;border-color:rgba(47,184,255,.32)!important}
body.levi-shop-page .app .switch .txt small{color:#9db4c8!important}
body.levi-shop-page .app .cb .box{background:rgba(47,184,255,.55)!important;border:1px solid #7fe3ff!important;box-shadow:0 0 10px rgba(47,184,255,.35)!important}
body.levi-shop-page .app .cb .box:after{background:#eaf7ff!important;box-shadow:0 0 8px rgba(127,227,255,.8)!important}
body.levi-shop-page .app .modchip{background:rgba(47,184,255,.10)!important;border:1px solid rgba(100,215,255,.28)!important;color:#cfe6f4!important}
body.levi-shop-page .app .grp-label{color:#8fa8bd!important}
body.levi-shop-page .app .links a{background:rgba(9,21,34,.85)!important;border-color:rgba(56,180,255,.20)!important;color:#cfe6f4!important}
body.levi-shop-page .app .links a:hover{border-color:#7fe3ff!important;color:#fff!important;box-shadow:0 0 18px rgba(47,184,255,.18)!important}
body.levi-shop-page .app .sub-export span,body.levi-shop-page .app .sub-export .hint{color:#9db4c8!important}
body.levi-shop-page .app #sub-url-input{color:#7fe3ff!important}
body.levi-shop-page .app .toast{background:#08131f!important;border-color:rgba(100,215,255,.4)!important;color:#eaf7ff!important}
body.levi-shop-page .app .kv dt{color:#8fa8bd!important}
body.levi-shop-page .app .kv dd{color:#eaf7ff!important}
body.levi-shop-page .app .dev-state{color:#7fe3ff!important}
body.levi-shop-page .app .badge.active{background:rgba(67,224,176,.12)!important;border-color:rgba(67,224,176,.35)!important;color:#43e0b0!important}
body.levi-shop-page .app .badge.pending{background:rgba(47,184,255,.12)!important;border-color:rgba(100,215,255,.35)!important;color:#7fe3ff!important}
body.levi-shop-page .app .badge.expired,body.levi-shop-page .app .badge.revoked{background:rgba(255,122,146,.12)!important;border-color:rgba(255,122,146,.35)!important;color:#ff7a92!important}

#login{background:transparent!important;padding:30px 18px!important}
#login .login-card{
  width:min(100%,460px)!important;padding:38px!important;
  border:1px solid rgba(56,180,255,.28)!important;border-radius:24px!important;
  background:linear-gradient(160deg,rgba(10,23,37,.97),rgba(5,13,22,.98))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 40px rgba(47,184,255,.10)!important;
}
#login .login-card:before{display:none!important}
#login .login-card .logo{width:100px!important;height:100px!important;margin:0 auto 18px!important;object-fit:contain;border:0!important;border-radius:50%;filter:drop-shadow(0 0 18px rgba(47,184,255,.45))!important}
#login .login-card h1{font-size:clamp(24px,4vw,30px)!important;letter-spacing:-.03em!important;text-transform:none!important}
#login .login-card>p:not(.login-foot){font-size:12px!important;letter-spacing:.08em!important;color:#9db4c8!important;margin:10px 0 28px!important}
#login .login-card label{margin-bottom:8px!important}
#login .login-card input{height:50px!important;font-size:14px!important}
#login .login-card .grad-btn{height:50px!important;font-size:15px!important;margin-top:10px!important}
#login .login-card .login-foot{font-size:10px!important;color:#7b93a4!important}
#app.reseller-mode .sidebar{background:rgba(5,12,21,.92)!important}
#app.reseller-mode .wrap{max-width:940px;margin:auto;padding:30px 24px 70px}
#app.reseller-mode .page-head{margin-bottom:23px}
#app.reseller-mode .page-head h1{font-size:28px!important}
#app.reseller-mode .page-head p{font-size:13px!important}
#app.reseller-mode .section{padding:27px!important}
#app.reseller-mode .reseller-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}
#app.reseller-mode .reseller-section-head h2{font-size:18px;margin:0 0 5px}
#app.reseller-mode .reseller-section-head .card-sub{margin:0;max-width:48ch}
#app.reseller-mode .reseller-section-head button{white-space:nowrap;min-height:38px}
#app.reseller-mode .generator-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#app.reseller-mode .generator-main>div:first-child{grid-column:1/-1}
#app.reseller-mode .reseller-generator label{display:block;margin-bottom:8px}
#app.reseller-mode .reseller-generator :is(input,select){width:100%;min-height:48px;padding:10px 14px;font-size:14px}
#app.reseller-mode .generator-advanced{margin-top:25px;border-top:1px solid rgba(56,180,255,.18);padding-top:17px}
#app.reseller-mode .generator-advanced summary{width:max-content;max-width:100%;cursor:pointer;color:#a9c2d6;font-size:13px;font-weight:600;padding:7px 0}
#app.reseller-mode .generator-advanced summary:hover{color:#fff}
#app.reseller-mode .generator-advanced .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
#app.reseller-mode .generator-advanced .full-width{grid-column:1/-1}
#app.reseller-mode .generator-advanced .chk-line{display:flex;align-items:center;gap:10px;padding-top:24px}
#app.reseller-mode .generator-advanced .chk-line input{width:18px;min-height:18px;height:18px;padding:0}
#app.reseller-mode .generator-actions{margin-top:26px}
#app.reseller-mode #create-btn{min-width:190px;min-height:48px;font-size:14px}
#app.reseller-mode .gen-box{margin-top:24px;border-radius:16px}
#app.reseller-mode.view-generate .topbar .search{visibility:hidden;pointer-events:none}
#app.reseller-mode.view-devices .topbar .search{visibility:visible}
#app.reseller-mode .reseller-devices .table-wrap{overflow-x:auto}
#app.reseller-mode .reseller-devices th,#app.reseller-mode .reseller-devices td{padding:13px 14px;white-space:nowrap}
#app.reseller-mode .reseller-devices .empty{padding:28px 12px;text-align:center}
#app.reseller-mode .nav-group,#app.reseller-mode .page-actions,#app.reseller-mode #theme-toggle,#app.reseller-mode .topbar-note,#app.reseller-mode #key-pause-banner,#app.reseller-mode #default-banner,#app.reseller-mode .nav-item[data-view]:not([data-view="generate"]):not([data-view="devices"]){display:none!important}

html[data-theme="light"] .section,html[data-theme="light"] .stat,html[data-theme="light"] .card,html[data-theme="light"] .login-card,html[data-theme="light"] .panel .card,html[data-theme="light"] .stats-bar,html[data-theme="light"] .workspace-box,html[data-theme="light"] .grp{
  background:linear-gradient(155deg,#ffffff,#f2f8fd)!important;border-color:rgba(20,110,180,.18)!important;
  box-shadow:0 14px 40px rgba(20,60,110,.10),inset 0 1px rgba(255,255,255,.8)!important;
}
html[data-theme="light"] :is(.topbar,.sidebar,.tabbar){background:rgba(255,255,255,.92)!important;border-color:rgba(20,110,180,.16)!important}
html[data-theme="light"] :is(input,select,textarea,.topbar .search){background:#ffffff!important;color:var(--text)!important;border-color:rgba(20,110,180,.24)!important}
html[data-theme="light"] .nav-item.active{background:rgba(18,135,214,.12)!important;border-color:rgba(18,135,214,.35)!important}
html[data-theme="light"] .brand img,html[data-theme="light"] .sidebar .brand img,html[data-theme="light"] .topbar .brand img,html[data-theme="light"] .login-card .logo{filter:drop-shadow(0 0 12px rgba(18,135,214,.30))!important}

@media(max-width:700px){
  body.levi-shop-page .viewport .card,#login .login-card{padding:27px!important}
  body.levi-shop-page .app .wrap{padding:18px 12px 90px}
  body.levi-shop-page .app .card{padding:17px!important}
  body.levi-shop-page .app .stat{padding:12px!important}
  #app.reseller-mode .wrap{padding:18px 14px 50px}
  #app.reseller-mode .section{padding:18px!important}
  #app.reseller-mode .reseller-section-head{flex-direction:column;gap:10px;margin-bottom:20px}
  #app.reseller-mode .generator-main,#app.reseller-mode .generator-advanced .grid{grid-template-columns:1fr;gap:15px}
  #app.reseller-mode .generator-main>div:first-child,#app.reseller-mode .generator-advanced .full-width{grid-column:auto}
  #app.reseller-mode #create-btn{width:100%}
  #app.reseller-mode.view-generate .topbar .search{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

:is(.picker-trigger,.refresh-ping,.server):hover{border-color:#7fe3ff!important;box-shadow:0 0 18px rgba(47,184,255,.16)!important}
tbody tr.picked{background:rgba(47,184,255,.10)!important}
.badge.active{background:rgba(67,224,176,.12)!important;border-color:rgba(67,224,176,.35)!important;color:#43e0b0!important}
.badge.pending{background:rgba(47,184,255,.12)!important;border-color:rgba(100,215,255,.35)!important;color:#7fe3ff!important}
.badge.expired,.badge.revoked{background:rgba(255,122,146,.12)!important;border-color:rgba(255,122,146,.35)!important;color:#ff7a92!important}
.badge.suspended{background:rgba(255,207,107,.12)!important;border-color:rgba(255,207,107,.35)!important;color:#ffcf6b!important}
.modal-overlay{background:rgba(0,6,14,.78)!important}
:is(.modal-box,.drawer-panel,.drawer,.modal-card){background:linear-gradient(155deg,rgba(10,23,37,.98),rgba(6,15,25,.99))!important;border-color:rgba(56,180,255,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 30px rgba(47,184,255,.10)!important}
.key-picker-list{background:rgba(4,12,22,.7)!important;border-color:rgba(56,180,255,.20)!important}
.key-picker-row.selected{background:rgba(47,184,255,.10)!important}
.key-picker-row code{color:#7fe3ff!important}
.toast{background:#08131f!important;border-color:rgba(100,215,255,.4)!important;color:#eaf7ff!important}

body.levi-shop-page .app .app-ico{background:linear-gradient(160deg,#0a2540,#040c17)!important;border:1px solid rgba(47,184,255,.34)!important;box-shadow:0 0 22px rgba(47,184,255,.18)!important}
body.levi-shop-page .app .kv dd{color:#eaf7ff!important}
body.levi-shop-page .app .note h5{color:#cfe6f4!important}
body.levi-shop-page .app .log{background:rgba(4,13,23,.85)!important;border-color:rgba(56,180,255,.20)!important;color:#cfe6f4!important}
body.levi-shop-page .app .chosen b{color:#7fe3ff!important}

/* LEVI SHOP: restrained electric blue on a deep navy surface. */
:root,html:not([data-theme="light"]){
  --bg:#030713;--bg-2:#060d1d;--panel:#081326;--card-hi:#0b1930;--card-lo:#071327;
  --fill:#0b1b34;--line:rgba(100,156,235,.19);--line-hi:rgba(111,191,255,.38);
  --text:#f2f8ff;--muted:#a6bbd2;--dim:#7891ad;
  --accent:#198cff;--accent-hi:#7dd8ff;--accent-lo:#0b57bf;
  --accent-soft:rgba(29,137,255,.13);--light:#7dd8ff;--white:#f2f8ff;
}
html,body,body.levi-shop-page{
  background-color:#030713!important;
  background-image:radial-gradient(ellipse 54% 40% at 50% -8%,rgba(0,106,255,.18),transparent 72%),
    radial-gradient(ellipse 44% 42% at 100% 100%,rgba(0,177,255,.075),transparent 74%),
    linear-gradient(155deg,#071225 0%,#030713 55%,#050d1b 100%)!important;
}
:is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp,.modal-card,.drawer-panel,.table-wrap,.step,.pk-pop,.picker-trigger){
  background:linear-gradient(155deg,rgba(11,25,48,.97),rgba(6,16,33,.99))!important;
  border-color:rgba(112,169,239,.18)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px rgba(179,220,255,.055)!important;
}
:is(.section,.stat,.card,.grp,.picker-trigger):hover{
  border-color:rgba(102,193,255,.38)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.4),0 0 22px rgba(19,126,255,.07)!important;
}
:is(.topbar,.sidebar,.tabbar){background:rgba(6,17,35,.95)!important;border-color:rgba(111,173,245,.16)!important;box-shadow:none!important}
:is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(130deg,#258fff,#096acb 70%,#0756ab)!important;
  border-color:rgba(132,209,255,.48)!important;
  box-shadow:0 8px 24px rgba(0,105,255,.19),inset 0 1px rgba(255,255,255,.24)!important;
}
:is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on):hover{box-shadow:0 11px 28px rgba(0,110,255,.28),inset 0 1px rgba(255,255,255,.3)!important}
body.levi-shop-page .viewport .card,#login .login-card{
  background:linear-gradient(160deg,rgba(12,29,57,.97),rgba(5,14,29,.99))!important;
  border-color:rgba(104,180,255,.3)!important;
  box-shadow:0 32px 80px rgba(0,0,0,.52),0 0 48px rgba(0,111,255,.08)!important;
}
.viewport .brand-icon,.viewport .brand-icon img{width:132px!important;height:132px!important}
#login .login-card .logo{width:132px!important;height:132px!important}
.viewport .brand-icon img,#login .login-card .logo,.brand img,.sidebar .brand img,.topbar .brand img{
  object-fit:contain!important;filter:none!important;
}
:is(.page-head h1,.section h2,.card-title,.viewport .head h1,#login .login-card h1){text-shadow:none!important}
.sidebar .brand img,.topbar .brand img{width:42px!important;height:42px!important}
.nav-item.active{background:rgba(32,129,244,.13)!important;border-color:rgba(104,185,255,.32)!important;box-shadow:inset 2px 0 #69cfff!important}
html[data-theme="light"] :is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp){background:linear-gradient(155deg,#fff,#f4f9ff)!important;box-shadow:0 14px 36px rgba(21,75,140,.1)!important}
@media(max-width:700px){.viewport .brand-icon,.viewport .brand-icon img,#login .login-card .logo{width:108px!important;height:108px!important}}

/* Mask the square black corners of the supplied logo without editing its file. */
.viewport .brand-icon img,
#login .login-card .logo,
.brand img,.sidebar .brand img,.topbar .brand img,
body.levi-shop-page .app .app-ico img{
  border-radius:50%!important;
  clip-path:circle(49% at 50% 50%)!important;
}

/* Cyber blue finish: quiet grid, bright controls, crisp content. */
html:not([data-theme="light"]),
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.levi-shop-page{
  background-color:#040917!important;
  background-image:
    radial-gradient(ellipse 60% 45% at 50% -12%,rgba(0,103,255,.24),transparent 72%),
    radial-gradient(ellipse 48% 55% at 104% 68%,rgba(0,199,255,.075),transparent 70%),
    linear-gradient(rgba(95,158,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,158,255,.025) 1px,transparent 1px),
    linear-gradient(155deg,#08152c,#040917 58%,#07132a)!important;
  background-size:auto,auto,48px 48px,48px 48px,auto!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp,.modal-card,.drawer-panel,.step){
  border-color:rgba(97,169,255,.24)!important;
  background:linear-gradient(145deg,rgba(14,32,61,.98),rgba(7,18,38,.99))!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp,.modal-card,.drawer-panel,.step):hover{
  border-color:rgba(89,195,255,.48)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input){
  background:#08162b!important;border-color:rgba(108,164,228,.34)!important;color:#f3f9ff!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input):focus{
  border-color:#60d2ff!important;box-shadow:0 0 0 3px rgba(36,163,255,.16)!important;
}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(125deg,#28bdff 0%,#168cff 42%,#0759c8 100%)!important;
  border-color:rgba(157,227,255,.6)!important;
  box-shadow:0 8px 24px rgba(0,111,255,.24),inset 0 1px rgba(255,255,255,.3)!important;
  color:#fff!important;
}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on):hover{
  box-shadow:0 10px 30px rgba(0,131,255,.36),inset 0 1px rgba(255,255,255,.36)!important;
}
html:not([data-theme="light"]) :is(.page-eyebrow,.console-kicker,.stat-value.blue,.word-accent){color:#70d7ff!important;text-shadow:none!important}
html:not([data-theme="light"]) .nav-item.active{color:#eaf9ff!important;background:linear-gradient(90deg,rgba(23,127,255,.2),rgba(20,88,200,.07))!important;border-color:rgba(76,176,255,.42)!important}
html:not([data-theme="light"]) .tab[aria-selected="true"]{background:rgba(25,125,255,.19)!important;border-color:rgba(93,195,255,.46)!important;color:#fff!important}
html:not([data-theme="light"]) :is(.badge.active,.chip.time){color:#73e9d1!important}

/* Final visual pass inspired by the blue lightning in the logo. */
html:not([data-theme="light"]){
  --bg:#050b18;--panel:#09162b;--card-hi:#10213d;--card-lo:#08172d;
  --fill:#0c1d37;--line:rgba(108,177,255,.2);--line-hi:rgba(117,213,255,.48);
  --text:#f4f9ff;--muted:#b1c4db;--dim:#8199b4;
  --accent:#218fff;--accent-hi:#8be5ff;--accent-lo:#1260c4;
  --accent-soft:rgba(33,143,255,.15);
}
html:not([data-theme="light"]),html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.levi-shop-page{
  background-image:
    radial-gradient(ellipse 58% 40% at 48% -10%,rgba(25,103,255,.2),transparent 72%),
    radial-gradient(ellipse 32% 42% at 100% 82%,rgba(0,187,255,.07),transparent 75%),
    linear-gradient(rgba(111,182,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,182,255,.018) 1px,transparent 1px),
    linear-gradient(150deg,#09162b,#050b18 55%,#071329)!important;
  background-size:auto,auto,56px 56px,56px 56px,auto!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp,.modal-card,.drawer-panel,.step){
  background:linear-gradient(150deg,rgba(15,33,61,.98),rgba(8,21,42,.99))!important;
  border:1px solid rgba(112,183,255,.22)!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px rgba(208,237,255,.075)!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.grp,.picker-trigger):hover{border-color:rgba(112,211,255,.48)!important}
html:not([data-theme="light"]) :is(.topbar,.sidebar,.tabbar){background:rgba(7,18,37,.96)!important;border-color:rgba(106,168,239,.2)!important}
html:not([data-theme="light"]) :is(.page-head h1,.section h2,.card-title,.viewport .head h1,#login .login-card h1){color:#f7fbff!important;letter-spacing:-.025em!important}
html:not([data-theme="light"]) :is(.page-eyebrow,.console-kicker,.stat-value.blue,.word-accent){color:#8be5ff!important}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(120deg,#39beff 0%,#218dff 48%,#1260cd 100%)!important;
  border:1px solid rgba(172,229,255,.65)!important;border-radius:11px!important;
  box-shadow:0 8px 23px rgba(7,105,230,.22),inset 0 1px rgba(255,255,255,.32)!important;
}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on):hover{filter:brightness(1.1)!important;box-shadow:0 12px 28px rgba(7,118,255,.34),inset 0 1px rgba(255,255,255,.38)!important}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input){background:#0a1930!important;border-color:rgba(120,178,241,.32)!important;border-radius:10px!important}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input):focus{border-color:#8be5ff!important;box-shadow:0 0 0 3px rgba(61,173,255,.15)!important}
html:not([data-theme="light"]) .nav-item.active{border-color:rgba(101,198,255,.5)!important;box-shadow:inset 3px 0 #73dcff,0 0 18px rgba(32,145,255,.07)!important}
html:not([data-theme="light"]) .sidebar .brand{border-bottom-color:rgba(101,185,255,.18)!important}
html:not([data-theme="light"]) .viewport .head .sub,#login .login-card>p:not(.login-foot){color:#a9c5dd!important}
html:not([data-theme="light"]) body.levi-shop-page .viewport .card,
html:not([data-theme="light"]) #login .login-card{
  background:linear-gradient(150deg,rgba(16,37,70,.99),rgba(6,17,36,.99))!important;
  border-color:rgba(130,207,255,.36)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.46),0 0 55px rgba(14,108,255,.095),inset 0 1px rgba(216,244,255,.09)!important;
}

/* ═══ SILVER-BLUE NEON — final override ═══ */
html:not([data-theme="light"]){
  --bg:#04070e;--bg-2:#060c16;--panel:#081120;--card-hi:#0b1626;--card-lo:#070f1c;
  --fill:#091322;--line:rgba(178,203,232,.22);--line-hi:rgba(212,232,255,.52);
  --text:#eef4fa;--muted:#a9b7c8;--dim:#7c8b9d;
  --accent:#3fa9ff;--accent-hi:#d4e8ff;--accent-lo:#1b6fc4;
  --accent-soft:rgba(63,169,255,.15);--light:#d4e8ff;--white:#f5f9fd;
  --bg-header:rgba(6,12,22,.95);--bg-bottom-nav:rgba(6,12,22,.96);
  --bg-border-subtle:rgba(178,203,232,.20);--input-border:rgba(178,203,232,.30);
  --bg-row:#091322;--bg-row-active:#0f2138;--text-dim:#8b9aad;--text-body:#c3d0de;
  --tv-blue-glow:#3fa9ff;--tv-cyan-bright:#d4e8ff;
}
html:not([data-theme="light"]),
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.levi-shop-page{
  background-color:#04070e!important;
  background-image:
    radial-gradient(ellipse 62% 46% at 50% -12%,rgba(63,169,255,.20),transparent 72%),
    radial-gradient(ellipse 42% 50% at 102% 80%,rgba(206,228,255,.09),transparent 74%),
    radial-gradient(ellipse 38% 42% at -6% 96%,rgba(120,180,255,.10),transparent 72%),
    linear-gradient(rgba(196,218,244,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,218,244,.022) 1px,transparent 1px),
    linear-gradient(158deg,#07101f 0%,#04070e 56%,#060d1a 100%)!important;
  background-size:auto,auto,auto,52px 52px,52px 52px,auto!important;
  color:#eef4fa!important;
}
html:not([data-theme="light"]) *{scrollbar-color:rgba(150,195,240,.42) transparent!important}
html:not([data-theme="light"]) ::selection{background:rgba(150,200,255,.32)!important;color:#fff!important}
html:not([data-theme="light"]) :focus-visible{outline:2px solid #d4e8ff!important;outline-offset:3px}
html:not([data-theme="light"]) a{color:#a9d7ff!important}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.workspace-box,.grp,.modal-card,.drawer-panel,.step,.table-wrap,.pk-pop,.picker-trigger,.toast){
  background:linear-gradient(152deg,rgba(12,23,39,.97),rgba(6,13,24,.99))!important;
  border:1px solid rgba(178,203,232,.22)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42),inset 0 1px rgba(214,235,255,.07)!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.grp,.picker-trigger):hover{
  border-color:rgba(214,235,255,.55)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.46),0 0 24px rgba(150,200,255,.15),inset 0 1px rgba(230,244,255,.10)!important;
}
html:not([data-theme="light"]) :is(.topbar,.sidebar,.tabbar){
  background:rgba(6,12,22,.95)!important;
  border-color:rgba(178,203,232,.18)!important;
  box-shadow:0 0 26px rgba(150,200,255,.06)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input){
  background:#081321!important;border:1px solid rgba(178,203,232,.28)!important;
  border-radius:10px!important;color:#f0f6fc!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search,.viewport .field input,#login .login-card input):focus{
  border-color:#d4e8ff!important;
  box-shadow:0 0 0 3px rgba(150,200,255,.16),0 0 20px rgba(150,200,255,.20)!important;
}
html:not([data-theme="light"]) input::placeholder,html:not([data-theme="light"]) textarea::placeholder{color:#7c8b9d!important}
html:not([data-theme="light"]) select option{background:#081120;color:#eef4fa}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(125deg,#63bdff 0%,#2f8fe0 46%,#1a5fa6 100%)!important;
  border:1px solid rgba(222,239,255,.62)!important;border-radius:11px!important;
  box-shadow:0 8px 26px rgba(40,130,220,.28),0 0 22px rgba(190,225,255,.18),inset 0 1px rgba(255,255,255,.36)!important;
  color:#fff!important;
}
html:not([data-theme="light"]) :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on):hover{
  filter:brightness(1.08)!important;
  box-shadow:0 12px 32px rgba(50,150,240,.38),0 0 30px rgba(206,232,255,.30),inset 0 1px rgba(255,255,255,.42)!important;
}
html:not([data-theme="light"]) :is(.page-eyebrow,.console-kicker,.stat-value.blue,.word-accent,.w2,.blue){
  color:#d4e8ff!important;text-shadow:0 0 14px rgba(170,215,255,.44)!important;
}
html:not([data-theme="light"]) :is(.page-head h1,.section h2,.card-title,.viewport .head h1,#login .login-card h1){
  color:#f6faff!important;text-shadow:0 0 18px rgba(190,225,255,.22)!important;
}
html:not([data-theme="light"]) .ghost{background:rgba(10,20,34,.90)!important;border-color:rgba(178,203,232,.30)!important;color:#d7e4f2!important}
html:not([data-theme="light"]) .ghost:hover{background:rgba(18,34,54,.95)!important;border-color:#d4e8ff!important;color:#fff!important}
html:not([data-theme="light"]) .nav-item{color:#a9bacb!important}
html:not([data-theme="light"]) .nav-item:hover{background:rgba(150,200,255,.10)!important;color:#fff!important}
html:not([data-theme="light"]) .nav-item.active{
  background:linear-gradient(90deg,rgba(63,169,255,.18),rgba(150,200,255,.05))!important;
  border-color:rgba(212,232,255,.55)!important;
  box-shadow:inset 3px 0 #d4e8ff,0 0 20px rgba(150,200,255,.13)!important;color:#fff!important;
}
html:not([data-theme="light"]) .tab[aria-selected="true"]{
  background:rgba(63,169,255,.16)!important;border-color:rgba(212,232,255,.50)!important;color:#fff!important;
}
html:not([data-theme="light"]) .chip.time{
  background:rgba(150,200,255,.12)!important;border-color:rgba(212,232,255,.32)!important;color:#e2f1ff!important;
}
html:not([data-theme="light"]) .chip.time .live{background:#c9f0e4!important;box-shadow:0 0 8px rgba(190,240,225,.7)!important}
html:not([data-theme="light"]) .language-switch{background:rgba(8,19,33,.92)!important;border-color:rgba(178,203,232,.24)!important}
html:not([data-theme="light"]) .language-switch button{color:#a9bacb!important}
html:not([data-theme="light"]) .language-switch button[aria-pressed="true"]{background:rgba(63,169,255,.22)!important;color:#fff!important}
html:not([data-theme="light"]) .server.active{background:rgba(63,169,255,.14)!important;border-color:rgba(212,232,255,.50)!important}
html:not([data-theme="light"]) .server.cursor{background:rgba(63,169,255,.08)!important;border-color:rgba(212,232,255,.28)!important}
html:not([data-theme="light"]) .server.active .tick{background:linear-gradient(180deg,#d4e8ff,#1b6fc4)!important;box-shadow:0 4px 14px rgba(150,200,255,.42)!important}
html:not([data-theme="light"]) .picker-trigger{background:rgba(8,19,33,.92)!important;border-color:rgba(178,203,232,.30)!important}
html:not([data-theme="light"]) .picker.open .picker-trigger{border-color:#d4e8ff!important;box-shadow:0 0 0 3px rgba(150,200,255,.14)!important}
html:not([data-theme="light"]) .pk-pop{background:#081120!important;border-color:rgba(178,203,232,.28)!important}
html:not([data-theme="light"]) .refresh-ping{background:rgba(10,20,34,.90)!important;border-color:rgba(178,203,232,.28)!important;color:#d7e4f2!important}
html:not([data-theme="light"]) .refresh-ping:hover{color:#fff!important;border-color:#d4e8ff!important;background:rgba(150,200,255,.14)!important}
html:not([data-theme="light"]) .switch{background:rgba(10,20,34,.90)!important;border-color:rgba(178,203,232,.18)!important}
html:not([data-theme="light"]) .switch.locked-on{background:linear-gradient(180deg,rgba(63,169,255,.16),rgba(63,169,255,.05))!important;border-color:rgba(63,169,255,.34)!important}
html:not([data-theme="light"]) .cb .box{background:rgba(63,169,255,.55)!important;border:1px solid #d4e8ff!important;box-shadow:0 0 10px rgba(150,200,255,.36)!important}
html:not([data-theme="light"]) .cb .box:after{background:#f4f9fd!important;box-shadow:0 0 8px rgba(212,232,255,.8)!important}
html:not([data-theme="light"]) .modchip{background:rgba(150,200,255,.10)!important;border:1px solid rgba(212,232,255,.30)!important;color:#dbe9f7!important}
html:not([data-theme="light"]) .links a{background:rgba(10,20,34,.90)!important;border-color:rgba(178,203,232,.22)!important;color:#dbe9f7!important}
html:not([data-theme="light"]) .links a:hover{border-color:#d4e8ff!important;color:#fff!important;box-shadow:0 0 18px rgba(150,200,255,.20)!important}
html:not([data-theme="light"]) #sub-url-input{color:#d4e8ff!important}
html:not([data-theme="light"]) .badge.active{background:rgba(120,230,200,.12)!important;border-color:rgba(120,230,200,.36)!important;color:#b8f2e2!important}
html:not([data-theme="light"]) .badge.pending{background:rgba(150,200,255,.13)!important;border-color:rgba(212,232,255,.36)!important;color:#d4e8ff!important}
html:not([data-theme="light"]) body.nextshop-page .app .app-ico,
html:not([data-theme="light"]) body.levi-shop-page .app .app-ico{
  background:linear-gradient(160deg,#0c2340,#040c17)!important;border:1px solid rgba(212,232,255,.36)!important;
  box-shadow:0 0 22px rgba(150,200,255,.20)!important;
}
html:not([data-theme="light"]) body.levi-shop-page .viewport .card,
html:not([data-theme="light"]) #login .login-card{
  background:linear-gradient(152deg,rgba(13,26,44,.98),rgba(6,13,24,.99))!important;
  border-color:rgba(206,228,252,.34)!important;
  box-shadow:0 30px 74px rgba(0,0,0,.50),0 0 56px rgba(110,180,255,.11),inset 0 1px rgba(222,240,255,.10)!important;
}
html:not([data-theme="light"]) .brand img,
html:not([data-theme="light"]) .sidebar .brand img,
html:not([data-theme="light"]) .topbar .brand img,
html:not([data-theme="light"]) .login-card .logo,
html:not([data-theme="light"]) .viewport .brand-icon img{
  filter:drop-shadow(0 0 14px rgba(180,220,255,.42))!important;
}
html[data-theme="light"]{
  --accent:#1f7fd0;--accent-hi:#4f9fe0;--accent-lo:#145a9e;
  --accent-soft:rgba(31,127,208,.12);--line:rgba(120,150,180,.22);
}
html[data-theme="light"] :is(.grad-btn,.submit,.btn-connect,.btn-primary,.seg button.on){
  background:linear-gradient(125deg,#6ab8f0,#2f86cf 48%,#1b5f9e)!important;
  border-color:rgba(210,232,252,.9)!important;color:#fff!important;
}