*{box-sizing:border-box} :root{--c:#00eaff;--p:#a42bff;--txt:#f4f7ff} body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#12295b,transparent 43%),linear-gradient(155deg,#05091c,#080d27 55%,#100725);color:var(--txt);font-family:Inter,system-ui;overflow-x:hidden}.shell{position:relative;width:min(100%,560px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(25px + env(safe-area-inset-bottom))}.ambient{position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(85px);opacity:.22;pointer-events:none;animation:float 9s infinite alternate}.a{background:#00bfff;top:5%;left:-150px}.b{background:#9d20ff;right:-150px;top:45%}.grid{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#00eaff22 1px,transparent 1px),linear-gradient(90deg,#00eaff22 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(black,transparent 85%)}button{font:inherit;color:inherit}.top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:2px 2px 24px}.brand{display:flex;align-items:center;gap:11px}.brand-ring{width:51px;height:51px;padding:3px;border-radius:50%;background:conic-gradient(var(--c),var(--p),var(--c));box-shadow:0 0 14px var(--c);animation:spin 7s linear infinite}.brand-ring img,.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #071027}.brand-name{font:800 16px Orbitron;white-space:nowrap}.brand-name span{color:var(--c)}.brand-name i{font:700 10px Inter;background:#079dfb;border-radius:50%;padding:3px;font-style:normal}.brand small{font-size:8px;letter-spacing:1.4px;color:#91a9d1}.online{font-size:8px;color:#8bffdc;border:1px solid #00edb766;border-radius:30px;padding:8px;white-space:nowrap}.online b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00f5a0;box-shadow:0 0 9px #00f5a0}.hero{height:220px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:17px;overflow:hidden}.orbit{position:absolute;border:2px solid transparent;border-radius:50%}.o1{width:188px;height:188px;border-top-color:var(--c);border-right-color:var(--p);animation:spin 8s linear infinite;filter:drop-shadow(0 0 8px var(--c))}.o2{width:160px;height:160px;border-bottom:2px solid #c42cff;border-left:2px solid var(--c);animation:reverse 6s linear infinite}.avatar{width:139px;height:139px;padding:5px;border-radius:50%;background:conic-gradient(var(--c),#182aff,var(--p),var(--c));box-shadow:0 0 20px var(--c),0 0 45px #8d20ff99;z-index:1;animation:breathe 3s infinite}.crown{position:absolute;top:3px;color:#ffe68b;font-size:29px;text-shadow:0 0 13px #ffb300;z-index:2}.hero-title{position:absolute;bottom:0;text-align:center;z-index:2;text-shadow:0 2px 12px #000}.hero-title small,.heading small{font-size:9px;letter-spacing:2px;color:#74dfff;font-weight:800}.hero-title h1{font:800 24px Orbitron;margin:4px;background:linear-gradient(90deg,var(--c),white,#bd61ff);background-clip:text;color:transparent}.hero-title p{font-size:11px;color:#b9c9ed;margin:0}.panel{position:relative;border:1px solid #4bdcff80;border-radius:19px;background:linear-gradient(135deg,#0e2b53e0,#1c0c3fd1);box-shadow:inset 0 0 25px #00bfff12,0 0 18px #00bfff24,0 0 35px #8b20ff12;backdrop-filter:blur(16px);overflow:hidden}.welcome{padding:18px;margin-bottom:25px}.welcome:after,.content:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#00eaff22,transparent);transform:translateX(-100%);animation:shine 6s infinite;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#a9c5e9}.welcome h2{font:700 18px Orbitron;line-height:1.4;margin:12px 0 6px}.welcome h2 span{background:linear-gradient(90deg,var(--c),#b45cff);background-clip:text;color:transparent}.welcome p,.content p{font-size:10px;line-height:1.6;color:#aebfe0}.status{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px solid #5b83b866;padding-top:12px;font-size:9px;font-weight:700}.status b{color:#00f5b1}.status i{color:#627ba6}.heading{display:flex;align-items:end;justify-content:space-between;margin:0 3px 12px}.heading h2{font:700 16px Orbitron;margin:5px 0}.heading>span{font:600 9px Orbitron;color:#7c92bd}.modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.module{min-height:82px;display:flex;align-items:center;gap:9px;text-align:left;padding:12px 10px;border:1px solid #298cff8a;border-radius:15px;background:linear-gradient(135deg,#0c2c4ddd,#10143bdd);box-shadow:inset 0 0 18px #00bfff12,0 0 12px #007bff1c;position:relative;overflow:hidden;cursor:pointer;transition:.22s}.module:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,#00dfff25,transparent);transform:translateX(-130%);transition:.55s}.module:hover:before{transform:translateX(130%)}.module:active{transform:scale(.96)}.module:hover,.module.active{border-color:var(--c);box-shadow:inset 0 0 22px #00dfff24,0 0 17px #00cfff55}.module em{font-style:normal;font-size:29px;color:#9ef7ff;text-shadow:0 0 9px var(--c);min-width:33px;text-align:center}.module span{display:flex;flex-direction:column;gap:5px}.module b{font-size:11px}.module small{font-size:9px;color:#9fb4da}.module strong{margin-left:auto;border:1px solid #64dfff;border-radius:50%;width:21px;height:21px;text-align:center;font-size:18px;line-height:17px;box-shadow:0 0 9px #00bfff55}.content{margin-top:16px;padding:14px;min-height:137px}.content>small{font:700 8px Orbitron;letter-spacing:1.2px;color:#79cfff}.content h2{font:700 14px Orbitron;margin:11px 0 5px}.content p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.stats div{padding:8px 6px;border:1px solid #456a9c66;background:#07142c88;border-radius:9px;display:flex;flex-direction:column;gap:5px}.stats small{font-size:7px;letter-spacing:1px;color:#7e9ac5}.stats b{font:700 8px Orbitron;color:#d8eaff}.refresh{width:100%;margin:16px 0 19px;padding:12px 15px;border-radius:40px;border:1px solid #8b4aff;background:linear-gradient(100deg,#073e65,#18275a 50%,#4a126e);box-shadow:0 0 13px #00cfff77,0 0 24px #9c22ff44,inset 0 0 18px #00dfff22;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;transition:.2s}.refresh:active{transform:scale(.97);filter:brightness(1.3)}.refresh em{font-size:27px;color:#9efaff;text-shadow:0 0 12px var(--c);font-style:normal}.refresh span{display:flex;flex-direction:column;gap:3px;text-align:left}.refresh b{font-size:11px}.refresh small{font-size:9px;color:#b0c3e9}.refresh strong{margin-left:auto;font-size:23px;color:#d9baff}footer{display:flex;align-items:center;justify-content:center;gap:6px;color:#5cecff;font:700 7px Orbitron;letter-spacing:.8px;white-space:nowrap}footer i{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--c))}footer b{color:#ff4d87}.toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);opacity:0;background:#101e3bea;border:1px solid #36dfff88;border-radius:30px;padding:10px 16px;font-size:11px;box-shadow:0 0 18px #00bfff55;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reverse{to{transform:rotate(-360deg)}}@keyframes breathe{50%{box-shadow:0 0 25px var(--c),0 0 58px #8d20ffbb}}@keyframes shine{0%,65%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes float{to{transform:translate(35px,55px) scale(1.18)}}@media(min-width:500px){.shell{padding-top:28px}.hero{height:245px}.module{min-height:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}