@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg-deep: #06060a;--bg-surface: rgba(255, 255, 255, .03);--bg-glass: rgba(255, 255, 255, .04);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(255, 60, 60, .2);--text-primary: #e8e8ec;--text-secondary: rgba(255, 255, 255, .45);--text-muted: rgba(255, 255, 255, .25);--accent-red: #ff3b3b;--accent-red-dim: rgba(255, 59, 59, .12);--accent-orange: #ff8a3b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-glow: 0 0 60px rgba(255, 59, 59, .1), 0 0 120px rgba(255, 59, 59, .04);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .4);--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{text-shadow:0 0 20px rgba(255,59,59,.25)}50%{text-shadow:0 0 35px rgba(255,59,59,.45)}}.anim-title{animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.anim-glow{animation:glowPulse 3s ease-in-out infinite}.anim-canvas{animation:fadeScaleIn .6s cubic-bezier(.16,1,.3,1) .15s both}.anim-controls{animation:fadeSlideUp .45s cubic-bezier(.16,1,.3,1) .35s both}.canvas-frame{transition:box-shadow .3s ease,border-color .3s ease}.canvas-frame:hover{box-shadow:0 0 80px #ff3b3b26,0 0 160px #ff3b3b0f,var(--shadow-card);border-color:#ff3c3c59}.kbd{display:inline-block;padding:1px 6px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:11px;font-family:var(--font-mono);font-weight:600;color:var(--text-primary);margin:0 2px;line-height:1.6;vertical-align:middle;transition:background .15s ease,border-color .15s ease,color .15s ease}.kbd:hover{background:#ff3b3b1f;border-color:#ff3b3b4d;color:var(--accent-red)}.controls-bar{transition:background .25s ease,border-color .25s ease}.controls-bar:hover{background:#ffffff0f;border-color:#ffffff1a}@media(prefers-reduced-motion:reduce){.anim-title,.anim-canvas,.anim-controls{animation:none}.anim-glow{animation:none;text-shadow:0 0 25px rgba(255,59,59,.3)}.canvas-frame,.canvas-frame:hover,.kbd,.kbd:hover,.controls-bar,.controls-bar:hover{transition:none}}