:root{--bg:#000;--line:rgba(255,255,255,.09);--tx:#f5f5f7;--mut:#80808c;--acc:#8b6cff;--r:22px}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;background:var(--bg);color:var(--tx);font-family:"SF Pro Display",Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(55% 45% at 50% -8%,rgba(139,108,255,.20),transparent 70%),radial-gradient(35% 35% at 100% 100%,rgba(0,224,164,.07),transparent 70%)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.logo{font-weight:800;letter-spacing:.3em;font-size:15px;display:flex;align-items:center}
.logo i{width:11px;height:11px;border-radius:50%;background:var(--acc);box-shadow:0 0 20px var(--acc),0 0 40px var(--acc);margin-right:12px}
.mut{color:var(--mut)}.hide{display:none!important}
.in{animation:in .6s cubic-bezier(.2,.8,.2,1)}@keyframes in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}