:root{--bg-0: #0a0618;--bg-1: #3a0a5e;--pink: #ff3df2;--cyan: #7df9ff;--text: #fff;--cat-ttl: #ff3df2;--cat-art: #7df9ff;--cat-dec: #ffd43b;--cat-pre2k: #69db7c;--cat-pm4: #9775fa;--cat-free: #fff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html,body{overflow-x:hidden;max-width:100%}body{background:radial-gradient(ellipse at 50% 0%,var(--bg-1),var(--bg-0) 70%) fixed,var(--bg-0);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.neon{color:var(--text);text-shadow:0 0 6px var(--pink),0 0 16px var(--pink),0 0 32px var(--pink)}a{color:var(--cyan)}button,.tap{min-height:48px;min-width:48px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.wordmark{font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 0 8px var(--pink),0 0 22px var(--pink),0 0 48px var(--pink),0 0 90px #a0189a;animation:flicker 6s infinite}.disco-ball{width:1em;height:1em;border-radius:50%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 1px,transparent 1px 12%),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 1px,transparent 1px 12%),radial-gradient(circle at 32% 28%,#fff,#c9b8ff 30%,#6a4bb8 62%,#1d1040);box-shadow:0 0 24px var(--cyan),0 0 60px #ff3df28c;animation:ball-spin 8s linear infinite}.btn-neon{font:inherit;font-weight:800;letter-spacing:.04em;color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.6em 1.6em;background:linear-gradient(135deg,var(--pink),#9b3dff);box-shadow:0 0 18px #ff3df299,inset 0 0 0 2px #ffffff40}.btn-neon:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-neon:not(:disabled):active{transform:scale(.97)}@keyframes flicker{0%,92%,to{opacity:1}94%{opacity:.82}96%{opacity:1}97%{opacity:.9}}@keyframes ball-spin{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,60px 0,0 0}}
