@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;700&display=swap";:root{--cosmic-main-bg: rgba(15, 15, 35, .4);--cosmic-dark-purple: #2c2258;--cosmic-deep-space: #1a0033;--cosmic-button-purple: #443489;--cosmic-glass-bg: rgba(15, 15, 35, .7);--cosmic-white: #ffffff;--cosmic-glow-purple: #a78bfa;--cosmic-text-secondary: rgba(255, 255, 255, .8);--cosmic-cyan: #3abbe2;--cosmic-purple: #563ae2;--cosmic-deep-purple: #713caa;--cosmic-pink: #e91e63;--cosmic-glow: 0 0 10px rgba(167, 139, 250, .5);--cosmic-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--cosmic-glass-border: rgba(139, 92, 246, .3);--cosmic-blur: blur(16px) saturate(180%);--cosmic-blur-strong: blur(20px) saturate(180%)}.cosmic-font{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cosmic-text-white{color:var(--cosmic-white)}.cosmic-text-glow{color:var(--cosmic-glow-purple)}.cosmic-main-container{padding:32px;background:var(--cosmic-main-bg);backdrop-filter:var(--cosmic-blur);-webkit-backdrop-filter:var(--cosmic-blur);border-radius:4px;box-shadow:var(--cosmic-shadow);font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--cosmic-white)}.cosmic-glass-container{background:var(--cosmic-glass-bg);backdrop-filter:var(--cosmic-blur-strong);-webkit-backdrop-filter:var(--cosmic-blur-strong);border-radius:12px;border:1px solid var(--cosmic-glass-border);box-shadow:0 8px 32px #581c874d,inset 0 1px #ffffff0d}.cosmic-title{margin-top:0;color:var(--cosmic-glow-purple);font-size:2rem;text-align:center;text-shadow:var(--cosmic-glow);font-family:Space Grotesk,sans-serif;font-weight:700}.cosmic-subtitle{color:var(--cosmic-glow-purple);font-size:1.5rem;font-weight:600;margin-bottom:12px}.cosmic-text{color:var(--cosmic-white);font-weight:500;line-height:1.6}.cosmic-box{padding:16px;background:var(--cosmic-dark-purple);border-radius:8px;margin-bottom:24px;color:var(--cosmic-white)}.cosmic-box-scenario{padding:16px;background:var(--cosmic-dark-purple);border-radius:8px;margin-bottom:24px;margin-top:20px}.cosmic-box-cyan{padding:16px;background:var(--cosmic-dark-purple);border-radius:2px;margin-bottom:16px;border-left:4px solid var(--cosmic-cyan)}.cosmic-box-purple{padding:16px;background:var(--cosmic-dark-purple);border-radius:2px;margin-bottom:16px;border-left:4px solid var(--cosmic-purple)}.cosmic-box-deep-purple{padding:16px;background:var(--cosmic-dark-purple);border-radius:2px;margin-bottom:16px;border-left:4px solid var(--cosmic-deep-purple)}.cosmic-box-pink{padding:16px;background:var(--cosmic-dark-purple);border-radius:2px;margin-bottom:16px;border-left:4px solid var(--cosmic-pink)}.cosmic-button{padding:8px 12px;background:var(--cosmic-button-purple);color:var(--cosmic-white);border:none;border-radius:4px;cursor:pointer;font-size:14px;font-family:Space Grotesk,sans-serif;font-weight:700;transition:all .3s ease}.cosmic-button:hover{background:var(--cosmic-purple);box-shadow:0 0 15px #563ae280;transform:translateY(-2px)}.cosmic-button:active{transform:translateY(0)}.cosmic-button:disabled{opacity:.5;cursor:not-allowed}.cosmic-button-large{padding:12px 24px;font-size:16px}.cosmic-button-cyan{background:var(--cosmic-cyan)}.cosmic-button-cyan:hover{background:#2ea5cc;box-shadow:0 0 15px #3abbe280}.cosmic-glow-text{text-shadow:var(--cosmic-glow)}.cosmic-rounded{border-radius:8px}.cosmic-rounded-small{border-radius:4px}.cosmic-rounded-large{border-radius:12px}.cosmic-shadow{box-shadow:var(--cosmic-shadow)}.cosmic-mb-1{margin-bottom:8px}.cosmic-mb-2{margin-bottom:16px}.cosmic-mb-3{margin-bottom:24px}.cosmic-mb-4{margin-bottom:32px}.cosmic-mt-1{margin-top:8px}.cosmic-mt-2{margin-top:16px}.cosmic-mt-3{margin-top:24px}.cosmic-mt-4{margin-top:32px}.cosmic-p-1{padding:8px}.cosmic-p-2{padding:16px}.cosmic-p-3{padding:24px}.cosmic-p-4{padding:32px}.cosmic-grid-2{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:stretch}.cosmic-flex-col{display:flex;flex-direction:column;gap:8px}.cosmic-flex-row{display:flex;gap:8px;align-items:center}.cosmic-instructions{padding:16px;background:var(--cosmic-dark-purple);border-radius:2px;border-left:4px solid var(--cosmic-deep-purple);color:var(--cosmic-white)}.cosmic-instructions h4{margin:0 0 8px;font-weight:600}.cosmic-instructions ul{margin:0;padding-left:20px;font-size:12px;line-height:1.6}.cosmic-canvas-container{height:652px;border-radius:0;overflow:hidden;background:#f8f9fa;-webkit-user-select:none;user-select:none}.cosmic-navigation{display:flex;gap:12px;padding:16px;background:var(--cosmic-glass-bg);backdrop-filter:var(--cosmic-blur-strong);-webkit-backdrop-filter:var(--cosmic-blur-strong);border-radius:12px;border:1px solid var(--cosmic-glass-border);box-shadow:0 8px 32px #581c874d,inset 0 1px #ffffff0d;justify-content:space-between;flex-wrap:wrap}@keyframes cosmic-pulse{0%,to{box-shadow:0 0 10px #a78bfa4d}50%{box-shadow:0 0 20px #a78bfa99}}.cosmic-pulse{animation:cosmic-pulse 2s ease-in-out infinite}@keyframes cosmic-glow{0%,to{text-shadow:0 0 10px rgba(167,139,250,.5)}50%{text-shadow:0 0 20px rgba(167,139,250,.8)}}.cosmic-glow-animate{animation:cosmic-glow 2s ease-in-out infinite}@media(max-width:768px){.cosmic-grid-2{grid-template-columns:1fr}.cosmic-main-container{padding:16px}.cosmic-title{font-size:1.5rem}}:root{--font-space: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}#root{margin:0;padding:0;min-height:100vh}