:root{--wgj-bg:#020812;--wgj-panel:#08233a;--wgj-cyan:#00eaff;--wgj-gold:#ffd46a;--wgj-green:#76ff9f;--wgj-text:#f4fbff;--wgj-soft:#b8cada}
body.wgj-ready{padding-top:72px!important}
.wgj-bar{position:fixed;z-index:1180000;left:0;right:0;top:0;min-height:64px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:14px;padding:8px 16px;border-bottom:1px solid rgba(0,234,255,.3);background:rgba(2,8,18,.96);backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(0,0,0,.32);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--wgj-text)}
.wgj-brand b{display:block;color:var(--wgj-cyan);font-size:14px}.wgj-brand small{display:block;color:var(--wgj-gold);font-size:9px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}
.wgj-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;min-width:0}.wgj-steps a{min-height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.05);color:#dffcff;text-decoration:none;text-align:center;font-size:10px;font-weight:1000}.wgj-steps a.active{border-color:var(--wgj-gold);background:linear-gradient(135deg,rgba(255,212,106,.2),rgba(0,234,255,.12));color:white}
.wgj-langs{display:flex;gap:5px}.wgj-langs button{border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#102b46;color:white;padding:8px 9px;font-size:10px;font-weight:1000;cursor:pointer}.wgj-langs button.active{border-color:var(--wgj-cyan);background:rgba(0,234,255,.15)}
.wgj-status{position:fixed;z-index:1180001;right:14px;top:72px;max-width:min(420px,calc(100vw - 28px));border:1px solid rgba(118,255,159,.38);border-radius:12px;background:rgba(3,19,31,.96);color:#dcffe8;padding:9px 12px;font:800 11px Inter,Segoe UI,Arial,sans-serif;box-shadow:0 12px 36px rgba(0,0,0,.35);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.25s}.wgj-status.show{opacity:1;transform:none}
@media(max-width:800px){body.wgj-ready{padding-top:108px!important}.wgj-bar{grid-template-columns:1fr auto;min-height:100px;padding:7px 10px}.wgj-steps{grid-column:1/-1;grid-row:2}.wgj-brand small{display:none}.wgj-status{top:110px}}
@media(max-width:520px){.wgj-brand b{font-size:12px}.wgj-steps{gap:3px}.wgj-steps a{font-size:8px;padding:4px}.wgj-langs button{padding:7px}}