@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Quicksand:wght@300..700&display=swap";:root{--color-night:#2e1760;--color-violet:#4a2c8a;--color-moon:#ffb347;--color-lavender:#c9b8f0;--color-background:#f0ebff;--color-white:#fff;--deep-space:var(--color-night);--magical-amber:var(--color-moon);--mint-green:#10b981;--muted-slate:#8f9bb3;--error:#ff4d4f;--on-surface:var(--color-night);--on-surface-variant:var(--color-violet);--font-display:"Quicksand", sans-serif;--font-body:"Nunito Sans", sans-serif;--rounded-sm:.25rem;--rounded-default:.5rem;--rounded-md:.75rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--rounded-2xl:2rem;--rounded-full:9999px;--spacing-unit:8px;--gap-default:16px;--margin-mobile:24px;--tap-target-min:56px;--container-padding:20px;--auth-bg-color:#121324;--auth-bg-gradient:linear-gradient(180deg, #121324 0%, #1c1a3b 100%);--auth-amber:#ffb300;--auth-amber-hover:#e6a100;--auth-text-light:#f9f9f9;--auth-input-bg:#fff;--auth-input-text:#2e1760;--auth-input-border:transparent;--auth-input-focus:#4a2c8a}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-night);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.display-hero{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:40px;font-weight:700;line-height:48px}.headline-lg{font-family:var(--font-display);color:var(--color-night);margin:0;font-size:32px;font-weight:700;line-height:40px}.headline-md{font-family:var(--font-display);color:var(--color-night);margin:0;font-size:24px;font-weight:700;line-height:32px}.body-lg{font-family:var(--font-body);margin:0;font-size:18px;font-weight:500;line-height:28px}.body-md{font-family:var(--font-body);margin:0;font-size:16px;font-weight:400;line-height:24px}.label-bold{font-family:var(--font-display);letter-spacing:.05em;margin:0;font-size:14px;font-weight:700;line-height:20px}.app-container{min-height:100vh;padding:var(--container-padding) var(--margin-mobile);gap:var(--gap-default);flex-direction:column;display:flex}.btn{min-height:var(--tap-target-min);min-width:var(--tap-target-min);border-radius:var(--rounded-full);font-family:var(--font-display);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 24px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background-color:var(--color-moon);color:var(--color-night);box-shadow:0 4px 14px #ffb34766}.btn-secondary{background-color:var(--color-violet);color:var(--color-white);box-shadow:0 4px 14px #4a2c8a4d}.card{-webkit-backdrop-filter:blur(10px);border-radius:var(--rounded-lg);border:2px solid var(--color-white);padding:var(--gap-default);background-color:#ffffffd9;box-shadow:0 8px 24px #2e17600d}.card-large{border-radius:var(--rounded-2xl)}.chip{border-radius:var(--rounded-full);height:40px;font-family:var(--font-body);align-items:center;padding:0 16px;font-weight:700;display:inline-flex}.chip-mint{color:#121324;background-color:#4ade80}.chip-indigo{color:var(--color-white);background-color:#4338ca}.chip-small{border-radius:var(--rounded-full);justify-content:center;align-items:center;width:90%;height:28px;margin:0 auto;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.pulsing-orb{background-color:var(--color-moon);border-radius:50%;width:80px;height:80px;margin:auto;animation:2s infinite orbPulse}@keyframes orbPulse{0%{box-shadow:0 0 #ffb347b3}70%{box-shadow:0 0 0 20px #ffb34700}to{box-shadow:0 0 #ffb34700}}.floating-logo{animation:3s ease-in-out infinite floatAnim}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.page-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.form-container{gap:var(--gap-default);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.input-group{gap:var(--spacing-unit);text-align:left;flex-direction:column;display:flex}.input-label{font-family:var(--font-display);font-size:var(--label-bold-size,14px);color:var(--color-violet);font-weight:700}.input-field,.select-field,.textarea-field{background-color:var(--color-white);border:2px solid var(--color-lavender);border-radius:var(--rounded-lg);color:var(--color-night);font-family:var(--font-body);outline:none;width:100%;padding:16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.textarea-field{resize:vertical;min-height:100px}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-violet);box-shadow:0 0 8px #4a2c8a26}.form-error{color:var(--error);text-align:center;margin-top:8px;font-size:14px}.link-text{color:var(--color-violet);margin-top:16px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.link-text:hover{opacity:.8}.header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.icon-button{color:var(--color-night);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:transform .2s,opacity .2s;display:inline-flex}.icon-button:hover{background-color:#4a2c8a0d;transform:scale(1.05)}.icon-button:active{transform:scale(.95)}.grid-2{gap:var(--gap-default);grid-template-columns:repeat(2,1fr);display:grid}.character-card{border-radius:var(--rounded-2xl);padding:var(--gap-default);text-align:center;cursor:pointer;background-color:#e2e4f0;border:3px solid #0000;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #2e176014}.character-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2e17601f}.character-card:active{transform:scale(.95)}.character-card img{border-radius:var(--rounded-full);object-fit:cover;background-color:#0000;border:none;width:100px;height:100px;margin-bottom:12px}.character-card.locked{opacity:.8}.character-card.locked img{filter:grayscale(80%)}.lock-icon-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:48px;height:48px;color:var(--color-white);background-color:#2e1760b3;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-card{background-color:var(--color-white);border-radius:var(--rounded-2xl);border:2px solid var(--color-lavender);flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 16px #2e17600d}.pricing-card.premium{border:3px solid var(--color-moon);background:linear-gradient(#fff 0%,#fff7eb 100%)}.auth-page{text-align:center;background:var(--auth-bg-gradient);background-color:var(--auth-bg-color);min-height:100vh;color:var(--auth-text-light);flex-direction:column;justify-content:flex-start;align-items:center;padding:48px 24px;display:flex}.auth-page .headline-lg{color:var(--auth-text-light);font-size:24px;line-height:32px}.auth-page .body-md{color:#ffffffb3;font-size:14px}.auth-form-container{flex-direction:column;gap:16px;width:100%;max-width:340px;margin:0 auto;display:flex}.auth-input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.auth-input-label{font-family:var(--font-display);color:var(--auth-text-light);font-size:14px;font-weight:600}.auth-input-field,.auth-select-field{background-color:var(--auth-input-bg);border:2px solid var(--auth-input-border);border-radius:var(--rounded-md);color:var(--auth-input-text);font-family:var(--font-body);outline:none;width:100%;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.auth-input-field::placeholder{color:#2e176066}.auth-input-field:focus,.auth-select-field:focus{border-color:var(--auth-input-focus);box-shadow:0 0 8px #4a2c8a33}.auth-select-field option{background-color:var(--color-white);color:var(--auth-input-text)}.btn-auth-primary{background-color:var(--auth-amber);color:#000;width:100%;font-family:var(--font-display);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:700;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 14px #ffb3004d}.btn-auth-primary:hover{background-color:var(--auth-amber-hover)}.btn-auth-primary:active{transform:scale(.98)}.btn-auth-primary:disabled{opacity:.7;cursor:not-allowed}.btn-auth-google{color:#000;width:100%;font-family:var(--font-display);cursor:pointer;background-color:#fff;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.btn-auth-google:active{transform:scale(.98)}.auth-link{color:var(--auth-amber);cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.auth-link:hover{opacity:.8}.duration-content{opacity:0;max-height:0;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.duration-content.open{opacity:1;max-height:100px;margin-top:16px}.duration-btn{border:2px solid var(--color-lavender);color:var(--color-night);border-radius:var(--rounded-md);font-weight:700;font-family:var(--font-display);cursor:pointer;background:0 0;padding:8px 16px;transition:all .2s}.duration-btn.active{border-color:var(--magical-amber);background-color:var(--magical-amber);color:var(--color-white)}.floating-bottom{width:100%;padding:16px var(--margin-mobile);background:linear-gradient(0deg, var(--color-background) 60%, transparent);z-index:10;position:fixed;bottom:0;left:0}.radio-btn-container{border:2px solid var(--color-lavender);border-radius:var(--rounded-lg);background-color:var(--color-white);cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:16px;transition:all .2s;display:flex}.radio-btn-container.selected{border-color:var(--color-violet);background-color:#4a2c8a0d}.radio-circle{border:2px solid var(--color-lavender);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s;display:flex}.radio-btn-container.selected .radio-circle{border-color:var(--color-violet)}.radio-circle-inner{background-color:var(--color-violet);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .2s}.radio-btn-container.selected .radio-circle-inner{opacity:1}.child-container{width:100vw;height:100vh;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) 0;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;transition:background-color .5s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.theme-stella{background-color:#2e1760}.theme-dino{background-color:#1a4a1a}.theme-filo{background-color:#fde8d8}.theme-mira{background-color:#e5ffde}.bg-star{background-color:var(--color-lavender);opacity:.2;border-radius:50%;animation:linear infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.character-wrapper{z-index:10;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.character-svg{z-index:2;max-width:90vw;height:100%;animation:3s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.glow-effect{filter:blur(60px);opacity:0;z-index:1;border-radius:50%;width:300px;height:300px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-stella .glow-effect{background-color:#ffb347}.theme-dino .glow-effect{background-color:#81c784}.theme-filo .glow-effect{background-color:#ff6b35}.theme-mira .glow-effect{background-color:#ff6baf}@keyframes pulse-glow-audio{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.listening .antenna-bulb{animation:1s ease-in-out infinite pulse-antenna}.speaking .mouth{animation:.3s ease-in-out infinite alternate talk}@keyframes pulse-antenna{0%,to{r:6;fill:#ffb347}50%{r:9;fill:#fff}}@keyframes talk{0%{transform-origin:50%;transform:scaleY(1)}to{transform-origin:50%;transform:scaleY(2)}}.theme-stella .thinking .helmet-glow{fill:#ffffff1a;transform-origin:100px 100px;animation:2s linear infinite spin-glow}@keyframes spin-glow{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}to{transform:scale(1)rotate(360deg)}}.status-indicator{text-align:center;z-index:10;box-sizing:border-box;pointer-events:none;width:100%;margin-top:20px;padding:0 16px}.status-text{font-family:var(--font-ui);letter-spacing:1px;font-size:1.25rem;font-weight:600;animation:2s infinite pulse-opacity}.theme-stella .status-text{color:#c9b8f0}.theme-dino .status-text{color:#e5ffde}.theme-filo .status-text,.theme-mira .status-text{color:#000}@keyframes pulse-opacity{0%,to{opacity:.6}50%{opacity:1}}.child-error{z-index:20;color:#d32f2f;text-align:center;background-color:#ffebee;border-radius:16px;max-width:80%;padding:20px;position:relative}.transmission-dots{display:inline-flex}.transmission-dots span{background-color:currentColor;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.4s infinite both typing-dot;display:inline-block}.transmission-dots span:first-child{animation-delay:0s}.transmission-dots span:nth-child(2){animation-delay:.2s}.transmission-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.close-btn{color:#fff;cursor:pointer;z-index:100;pointer-events:all;background:0 0;border:none;justify-content:center;align-items:center;width:auto;min-height:auto;padding:8px;display:flex;position:absolute;top:30px;right:30px}.theme-filo .close-btn,.theme-mira .close-btn,.theme-filo .loading-message,.theme-mira .loading-message{color:#000}.status-indicator{text-align:center;z-index:10;pointer-events:none;width:100%;position:absolute;top:60px;left:0}.character-image{object-fit:contain;z-index:2;border-radius:20px;height:55vh;max-height:60%;transition:opacity .5s ease-in-out;position:relative}.character-image.speaking-animation{animation:1s ease-in-out infinite pulse-speak}@keyframes pulse-speak{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.character-image.hidden{opacity:0}.character-image.visible{opacity:1}.mic-indicator{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:20px auto 0;transition:all .3s;display:flex}.mic-indicator.listening{background-color:#4caf50;box-shadow:0 0 10px #4caf50}.mic-indicator.busy{background-color:#ff4d4d}.mic-icon{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.glow-effect{z-index:1;opacity:0;border-radius:50%;width:200px;height:200px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-stella .glow-effect{box-shadow:0 0 80px 40px #ffb34799}.theme-dino .glow-effect{box-shadow:0 0 80px 40px #81c78499}.theme-filo .glow-effect{box-shadow:0 0 80px 40px #ff4d4d99}.theme-mira .glow-effect{box-shadow:0 0 80px 40px #ff6baf99}.glow-effect.active{animation:.6s ease-in-out infinite alternate pulse-glow-audio}.loading-container{background-color:#2e1760;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.loading-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.animated-loading-icon{margin-bottom:40px;font-size:150px;line-height:1;animation:2s ease-in-out infinite bounce-icon}@keyframes bounce-icon{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.1)}}.loading-message{color:#fff;text-align:center;min-height:28px;margin-bottom:40px;font-size:1.125rem}.spinner{border:4px solid #ffb3474d;border-top-color:#ffb347;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{color:#fff;text-align:center;z-index:10;background-color:#00000080;border-radius:12px;padding:24px}.error-box p{margin-bottom:20px;font-size:1.1rem}