:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--bg-elevated:#202030;--color-cyan:#00e5ff;--color-green:#0f8;--color-amber:#ffb800;--color-magenta:#ff2d95;--color-purple:#a855f7;--text-primary:#e8e8ed;--text-secondary:#9090a0;--text-disabled:#505060;--border-default:#2a2a3a;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm:2px;--radius-md:4px;--glow-cyan:0 0 12px #00e5ff4d;--glow-green:0 0 12px #00ff884d;--glow-amber:0 0 12px #ffb8004d;--glow-magenta:0 0 12px #ff2d954d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--sidebar-width:220px;--skill-locked:#3a3a4a;--skill-unlockable:#ffb800;--skill-learning:#00e5ff;--skill-advanced:#a855f7;--skill-mastered:#0f8;--ease-cyber:cubic-bezier(.16, 1, .3, 1);--ease-glitch:cubic-bezier(.85, 0, .15, 1);--scanline-opacity:.03;--scanline-height:4px;--badge-danger:#ff2d95;--badge-warning:#ffb800;--badge-success:#0f8;--badge-info:#00e5ff}@keyframes level-up-burst{0%{filter:drop-shadow(0 0);transform:scale(1)}20%{filter:drop-shadow(0 0 20px);transform:scale(1.3)}to{filter:drop-shadow(0 0 4px);transform:scale(1)}}@keyframes ring-expand{0%{r:14;opacity:.8;stroke-width:4px}to{r:44;opacity:0;stroke-width:1px}}@keyframes ring-expand-lg{0%{r:18;opacity:.8;stroke-width:5px}to{r:56;opacity:0;stroke-width:1px}}@keyframes scanline-unlock{0%{opacity:0;clip-path:inset(0 0 100%)}50%{opacity:1;clip-path:inset(0 0 50%)}to{opacity:0;clip-path:inset(0 0 0%)}}@keyframes particle-1{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-24px,-36px)scale(0)}}@keyframes particle-2{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(28px,-24px)scale(0)}}@keyframes particle-3{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px,28px)scale(0)}}@keyframes particle-4{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(24px,20px)scale(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-size:13px;line-height:1.6;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}a{color:var(--color-cyan);text-decoration:none}a:hover{text-shadow:0 0 8px #00e5ff66}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s ease-out}.slide-up-leave-active{transition:all .2s}.slide-up-enter-from{opacity:0;transform:translateY(8px)}.slide-up-leave-to{opacity:0;transform:translateY(-4px)}@media (width<=768px){html{font-size:15px}body{font-size:13px}input,textarea,select{font-size:16px}::-webkit-scrollbar{width:3px}table{font-size:12px}th,td{padding:6px 8px}}@media (width<=480px){html{font-size:14px}body{font-size:12px}h1{font-size:18px}h2{font-size:15px}h3{font-size:13px}}