@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Comic+Neue:wght@400;700&family=Lexend:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--font-display: "Fredoka", "Comic Sans MS", cursive, sans-serif;--font-body: "Comic Neue", "Comic Sans MS", cursive, sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;--space-deep: #0D0221;--space-purple: #2D1B4E;--nebula-violet: #7B2CBF;--cosmic-teal: #00E5FF;--stardust-gold: #FFD54F;--star-pink: #FF6B9D;--aurora-green: #00FF88;--color-primary: var(--nebula-violet);--color-primary-light: #9b59b6;--color-primary-dark: #5a1d8c;--color-success: var(--aurora-green);--color-success-light: #58d68d;--color-warning: var(--stardust-gold);--color-warning-light: #FFE082;--color-error: var(--star-pink);--color-error-soft: var(--stardust-gold);--color-info: var(--cosmic-teal);--color-info-light: #4DD0E1;--color-vowel: var(--star-pink);--color-vowel-hover: #E91E63;--color-consonant: var(--cosmic-teal);--color-consonant-hover: #00B8D4;--color-bg-start: var(--space-deep);--color-bg-end: var(--space-purple);--color-card: rgba(45, 27, 78, .8);--color-card-shadow: rgba(0, 229, 255, .15);--color-text: #E0E0E0;--color-text-light: #B0B0B0;--color-white: #ffffff;color:var(--color-text);background:linear-gradient(135deg,var(--space-deep) 0%,var(--space-purple) 100%);min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--space-deep) 0%,var(--space-purple) 100%);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,var(--stardust-gold),transparent),radial-gradient(2px 2px at 40px 70px,var(--cosmic-teal),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,var(--star-pink),transparent),radial-gradient(1px 1px at 160px 120px,#fff,transparent),radial-gradient(2px 2px at 200px 60px,var(--cosmic-teal),transparent),radial-gradient(1px 1px at 250px 150px,var(--stardust-gold),transparent),radial-gradient(2px 2px at 300px 100px,#fff,transparent);background-size:350px 200px;animation:twinkle 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2;font-family:var(--font-display);font-weight:600}h1{font-size:2.2em;color:var(--cosmic-teal);text-shadow:0 0 20px rgba(0,229,255,.5)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}#app{width:100%;position:relative;z-index:1}:focus-visible{outline:3px solid var(--cosmic-teal);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}