:root{
  --bg:#05080a; --green:#00ff88; --blue:#00d2ff; --red:#ff0055; --text:#e0e0e0;
  --glass:rgba(10,24,30,.55); --line:rgba(0,255,136,.25);
  --glow-g:0 0 14px rgba(0,255,136,.55); --glow-b:0 0 14px rgba(0,210,255,.55);
  --font-tech:'Orbitron',sans-serif; --font-bn:'Hind Siliguri',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:radial-gradient(ellipse at 50% 40%,#0a1a1f 0%,var(--bg) 65%) var(--bg);
  color:var(--text); font-family:var(--font-bn),var(--font-tech); overflow:hidden;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
[hidden]{display:none!important}
.app{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:12px 12px 0;max-width:760px;margin:0 auto;scrollbar-width:none}
.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:inset 0 0 20px rgba(0,255,136,.05),0 0 18px rgba(0,255,136,.08)}
.topbar{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:var(--font-tech);font-size:1.15rem;letter-spacing:.18em;font-weight:500;color:var(--text)}
.logo b{color:var(--green);text-shadow:var(--glow-g);font-weight:900}
.core{flex:none}
.stage{position:relative;width:100%;height:250px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}