@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&family=Orbitron:wght@400;700;900&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--neon-cyan:#00f5ff;--neon-magenta:#f0f;--neon-green:#00ff41;--bg-dark:#050810;--bg-card:#0a0e1a}html,body{background-color:var(--bg-dark);color:#e0e0e0;min-height:100vh;font-family:Roboto Mono,monospace;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f5ff04 2px 4px);width:100%;height:100%;animation:8s linear infinite scanlines;position:fixed;top:0;left:0}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100px}}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}@keyframes glitch-skew{0%{transform:skew(-.5deg)}10%{transform:skew(.5deg)}20%{transform:skew(-.3deg)}30%{transform:skew(0deg)}40%{transform:skew(.4deg)}50%{transform:skew(-.2deg)}60%{transform:skew(0deg)}70%{transform:skew(.3deg)}80%{transform:skew(-.5deg)}90%{transform:skew(.1deg)}to{transform:skew(0deg)}}@keyframes glitch-clip-1{0%{clip-path:inset(82% 0 2%);opacity:0;transform:translate(-5px)skew(-2deg)}5%{clip-path:inset(12% 0 68%);opacity:1;transform:translate(5px)}10%{clip-path:inset(55% 0 28%);transform:translate(-3px)skew(1deg)}15%{clip-path:inset(22% 0 62%);opacity:0;transform:translate(4px)}20%{clip-path:inset(0);opacity:0;transform:translate(0)}75%{clip-path:inset(0);opacity:0;transform:translate(0)}80%{clip-path:inset(60% 0 8%);opacity:1;transform:translate(-6px)skew(3deg)}85%{clip-path:inset(0 0 95%);transform:translate(6px)}90%{clip-path:inset(72% 0 4%);transform:translate(-4px)skew(-1deg)}95%{clip-path:inset(7% 0 78%);opacity:0;transform:translate(3px)}to{clip-path:inset(0);opacity:0;transform:translate(0)}}@keyframes glitch-clip-2{0%{clip-path:inset(28% 0 52%);opacity:0;color:#f0f;transform:translate(5px)skew(2deg)}5%{clip-path:inset(68% 0 3%);opacity:1;transform:translate(-5px)}10%{clip-path:inset(3% 0 82%);color:#00f5ff;transform:translate(3px)skew(-1deg)}15%{clip-path:inset(42% 0);opacity:0;transform:translate(-4px)}20%{clip-path:inset(0);opacity:0;transform:translate(0)}75%{clip-path:inset(0);opacity:0;transform:translate(0)}80%{clip-path:inset(15% 0 68%);opacity:1;color:#f0f;transform:translate(6px)skew(-2deg)}85%{clip-path:inset(78% 0 12%);transform:translate(-6px)}90%{clip-path:inset(36% 0 50%);color:#00f5ff;transform:translate(4px)skew(1deg)}95%{clip-path:inset(92% 0 2%);opacity:0;transform:translate(-3px)}to{clip-path:inset(0);opacity:0;transform:translate(0)}}@keyframes glitch-sub{0%,89%{opacity:1;transform:none}90%{opacity:.6;clip-path:inset(0 0 60%);transform:translate(-2px)}91%{opacity:.8;clip-path:inset(50% 0 0);transform:translate(2px)}92%,to{opacity:1;clip-path:none;transform:none}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 4px #fff,0 0 10px #00f5ff,0 0 20px #00f5ff,0 0 40px #00f5ff,0 0 80px #00f5ffaa}20%,24%,55%{text-shadow:none}}@keyframes pulse-neon{0%,to{box-shadow:0 0 5px #00f5ff44,0 0 10px #00f5ff22}50%{box-shadow:0 0 20px #00f5ffaa,0 0 40px #00f5ff44,0 0 60px #00f5ff22}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-neon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff}::selection{color:#fff;background:#00f5ff33}a{color:inherit;text-decoration:none}@media (max-width:600px){body:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f5ff02 2px 4px)}body:after{background-size:30px 30px}}@media (max-width:900px){button,[role=button],.MuiIconButton-root{min-width:40px;min-height:40px}}body.sober-mode{background-color:#121212!important}body.sober-mode:before,body.sober-mode:after{display:none!important}body.sober-mode *{transition:none!important;animation:none!important}body.sober-mode ::-webkit-scrollbar-thumb{box-shadow:none!important;background:#666!important}body.sober-mode ::selection{color:#fff!important;background:#555!important}