:root{--amb:#3b82f6;--bg:#070a12;--top:rgba(10,14,24,.94);--card:#111726;--soft:#172036;--chip:#1c2640;--ink:#eef3ff;--mut:#93a0bf;--line:#26314d;
--acc:var(--amb);--acc2:#8fd9ff;--onacc:#06101f;--gold:#ffd27a;--ok:#2fd18a;--no:#ff5f7a;--bubble:linear-gradient(160deg,#141c30,#0f1626);--bline:#2f5fae;
--hl:rgba(120,180,255,.22);--hlink:#fff;--shadow:0 6px 22px rgba(0,0,0,.45);--glow:rgba(80,160,255,.35);
--splash:radial-gradient(120% 70% at 50% 0%,#14315c,#070a12 65%)}
@supports (color:color-mix(in srgb,red 50%,blue)){:root{--bline:color-mix(in srgb,var(--amb) 60%,#26314d);--hl:color-mix(in srgb,var(--amb) 26%,transparent);--glow:color-mix(in srgb,var(--amb) 45%,transparent);--splash:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--amb) 35%,#070a12),#070a12 65%)}
body{background:radial-gradient(90% 40% at 50% 0%,color-mix(in srgb,var(--amb) 22%,transparent),transparent 70%),linear-gradient(180deg,#070a12,#0a0f1c)!important}
.amb-glow{background:radial-gradient(circle,color-mix(in srgb,var(--amb) 45%,transparent),transparent 65%)!important}}
body{background:linear-gradient(180deg,#0b1424,#0a0f1c)}
#app::before{content:"";position:fixed;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--amb),transparent);box-shadow:0 0 18px var(--amb);z-index:6;pointer-events:none}
.khud{width:34px;height:34px;display:inline-block;vertical-align:middle;margin-right:4px}.khud svg{width:100%;height:100%}
#hud{display:flex;align-items:center}
.amb-glow{position:absolute;left:50%;top:60px;width:300px;height:300px;margin-left:-150px;border-radius:50%;background:radial-gradient(circle,rgba(80,160,255,.35),transparent 65%);animation:float 5s ease-in-out infinite;pointer-events:none}
.savatar{position:relative}
.code,.tabs button.on{background:#050812}