:root{--bg0:#151618;--bg1:#1e1f22;--bg2:#26272b;--bg3:#323338;--bd:#3a3b41;--tx:#ececee;--mu:#9c9da4;--ac:#ff5a4f}
*{box-sizing:border-box}[hidden]{display:none!important}
button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}:focus-visible{outline:2px solid #fff;outline-offset:1px}
@keyframes pop{from{opacity:0;transform:scale(.93) translateY(8px)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shine{to{background-position:200% center}}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--c,#3ddc9788)}100%{box-shadow:0 0 0 10px transparent}}@keyframes dots{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}
@keyframes flow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes spin{to{transform:rotate(360deg)}}
@keyframes flt{50%{transform:translateY(-8px)}}@keyframes wig{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes shk{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@keyframes gl{0%{text-shadow:2px 0 #f0f,-2px 0 #0ff}50%{text-shadow:-3px 1px #f0f,3px -1px #0ff;transform:translateX(2px)}100%{text-shadow:2px 0 #f0f,-2px 0 #0ff}}
@keyframes wv{50%{transform:translateY(-6px)}}@keyframes nn{50%{text-shadow:0 0 4px var(--c1),0 0 10px var(--c1)}}
.av{display:grid;place-items:center;overflow:hidden;background:#3a3b41;flex:none;transition:transform .25s;color:#fff}.av img{width:100%;height:100%;object-fit:cover;display:block}.av:hover{transform:scale(1.1) rotate(-4deg)}
.hex,.hex.av{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
.nmc{font-weight:800}.n-n{color:var(--c1)}.n-g{background:linear-gradient(90deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.n-r{background:linear-gradient(90deg,red,orange,yellow,lime,cyan,blue,violet,red);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s linear infinite}
.n-s{background:linear-gradient(90deg,var(--c1),var(--c2),var(--c1));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.5s linear infinite}
.n-gl{color:var(--c1);animation:gl .8s steps(2) infinite}.n-nn{color:var(--c1);animation:nn 1.6s ease-in-out infinite}.n-w{color:var(--c1)}.n-w span{display:inline-block;animation:wv 1.2s ease-in-out infinite}
.pcard{width:100%;max-width:400px;overflow:hidden;border:1px solid;background:color-mix(in srgb,#17181a 90%,transparent);animation:pop .3s both;color:#fff}.pcard.bl{background:color-mix(in srgb,#17181a 70%,transparent);backdrop-filter:blur(14px)}
.bn{height:120px;background-size:300% 300%}.bn.an{animation:flow 8s ease infinite}.bn img{width:100%;height:100%;object-fit:cover;display:block}
.in{padding:0 22px 20px}.ar{display:flex;align-items:flex-end;margin-top:-48px;position:relative}
.ring{position:relative;padding:5px;overflow:hidden;display:inline-block;border-radius:var(--r);background:#17181a}.ring.fl2{animation:flt 3s ease-in-out infinite}
.ring::before{content:"";position:absolute;inset:-50%;opacity:0}.ring.solid{background:var(--rc)}.ring.rainbow::before,.ring.spin::before{opacity:1;animation:spin 3s linear infinite}
.ring.rainbow::before{background:conic-gradient(red,orange,yellow,lime,cyan,blue,violet,red)}.ring.spin::before{background:conic-gradient(var(--rc),transparent 40%,var(--rc))}
.ring.pulse{animation:pulse 1.6s infinite;--c:var(--rc);background:var(--rc)}.ring.pulse.fl2{animation:pulse 1.6s infinite,flt 3s ease-in-out infinite}.ring.none{padding:0;background:none}
.ring .av{position:relative;border-radius:var(--r)}.ring.hex{border-radius:0}.ring.hex .av{border-radius:0}
.st{position:absolute;right:4px;bottom:6px;width:20px;height:20px;border-radius:50%;border:4px solid #17181a;z-index:2}
.nm{margin:12px 0 0;line-height:1.1;display:inline-block}.hd2{color:#bbb;font-size:13px}.bg{font-size:20px;margin-top:8px;letter-spacing:4px}.bi{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.bts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pb{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s,filter .2s}
.pb.solid{background:var(--c)}.pb.outline{border:2px solid var(--c);color:var(--c)}.pb.glass{background:#ffffff1f;border:1px solid #ffffff40;backdrop-filter:blur(8px)}
.pb.neon{border:2px solid var(--c);color:var(--c);box-shadow:0 0 12px var(--c),inset 0 0 8px var(--c);text-shadow:0 0 6px var(--c)}
.pb.d3{background:var(--c);box-shadow:0 5px 0 color-mix(in srgb,var(--c) 50%,#000)}.pb.d3:active{transform:translateY(4px);box-shadow:0 1px 0 color-mix(in srgb,var(--c) 50%,#000)}
.pb.pill{border-radius:999px}.pb.rnd{border-radius:12px}.pb.sq{border-radius:0}.bim{width:20px;height:20px;object-fit:contain}
.pb.grow:hover{transform:scale(1.12)}.pb.shake:hover{animation:shk .3s 2}.pb.glow:hover{box-shadow:0 0 22px var(--c);filter:brightness(1.2)}.pb.flip:hover{transform:rotateX(360deg);transition:transform .6s}
.pb.a-pulse{animation:pulse 1.6s infinite}.pb.a-float{animation:flt 2.6s ease-in-out infinite}.pb.a-wig{animation:wig 1.2s ease-in-out infinite}
.pl{display:flex;align-items:center;gap:12px;margin-top:16px;padding:10px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff22}
.pc{width:54px;height:54px;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:26px;background:#3a3b41;flex:none;transition:border-radius .4s}.pc img{width:100%;height:100%;object-fit:cover;display:block}
.pl.on .pc{border-radius:50%;animation:spin 6s linear infinite}.pm{flex:1;min-width:0}.pt{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vz{width:100%;height:36px;display:block}.sk{width:100%;accent-color:var(--vc);height:14px;margin:2px 0 0;display:block}
.pr{display:flex;flex-direction:column;align-items:center;gap:6px}.pbt{width:44px;height:44px;border-radius:50%;background:var(--vc);color:#fff;font-size:18px;transition:transform .15s}.pbt:hover{transform:scale(1.1)}.pbt:active{transform:scale(.92)}
.pl.on .pbt{animation:pulse 1.6s infinite;--c:var(--vc)}.pms{font-size:16px;width:30px;height:26px;border-radius:8px;background:#ffffff1a}
.anim{background-size:400% 400%!important;animation:flow 12s ease infinite}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}