@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@400;700&family=Inter:wght@400;500;600;700&display=swap";:root{--clay-primary: #B8D08F;--clay-secondary: #DDE9CA;--clay-accent: #F9C983;--clay-warm: #FFE4C7;--clay-dark: #3e4434;--clay-brown: #63564C;--clay-white: #FFFFFF;--clay-bg-light: #FFFFFF;--clay-bg-card: #FFFFFF;--clay-text-dark: rgba(34,34,34,.75);--clay-text-light: #3e4434;--clay-border: #DDE9CA;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--font-heading: "Fredoka", "Comic Sans MS", cursive;--font-body: "Comic Neue", "Comic Sans MS", cursive;--font-modern: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%;overflow-x:hidden;overscroll-behavior-y:none}body{font-family:var(--font-body);background:#f6f8fb;color:var(--clay-text-dark);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;position:relative;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--clay-text-dark)}h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--space-md)}h2{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--space-sm)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--clay-text-light)}.btn{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;padding:var(--space-sm) var(--space-lg);border:3px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;text-transform:lowercase;letter-spacing:.5px}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--clay-primary);color:var(--clay-dark);border-color:var(--clay-primary)}.btn-primary:hover{background:var(--clay-secondary);border-color:var(--clay-secondary)}.btn-secondary{background:var(--clay-accent);color:var(--clay-brown);border-color:var(--clay-accent)}.btn-secondary:hover{background:var(--clay-warm);border-color:var(--clay-warm)}.btn-success{background:var(--clay-primary);color:var(--clay-dark);border-color:var(--clay-primary)}.btn-success:hover{background:var(--clay-secondary);border-color:var(--clay-secondary)}.btn-warning{background:var(--clay-accent);color:var(--clay-brown);border-color:var(--clay-accent)}.btn-large{font-size:1.3rem;padding:var(--space-md) var(--space-xl)}.card{background:var(--clay-bg-card);border-radius:var(--radius-md);padding:var(--space-lg);border:3px solid var(--clay-border);transition:all .2s ease}.card:hover{border-color:var(--clay-primary);transform:scale(1.02)}.container{max-width:1200px;margin:0 auto;padding:var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spinner{width:50px;height:50px;border:5px solid var(--clay-border);border-top-color:var(--clay-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}@media(max-width:768px){.container{padding:var(--space-sm)}.btn{font-size:1rem;padding:var(--space-sm) var(--space-md)}.btn-large{font-size:1.1rem;padding:var(--space-sm) var(--space-lg)}}.bottom-nav[data-v-70c98344]{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:1200px;width:100%;background:var(--clay-bg-card);display:flex;justify-content:space-around;padding:0;padding-bottom:env(safe-area-inset-bottom);z-index:100;border-top:3px solid var(--theme-color)}.nav-item[data-v-70c98344]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;background:none;border:none;cursor:pointer;transition:all .2s ease;color:var(--theme-dark-color)}.nav-item[data-v-70c98344]:nth-child(2){border-left:1px solid #0000000d;border-right:1px solid #0000000d}.nav-item[data-v-70c98344]:hover{background:var(--clay-bg-light)}.nav-item.active[data-v-70c98344]{color:#fff;background:var(--theme-dark-color)}.nav-icon[data-v-70c98344]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}.nav-icon[data-v-70c98344] svg{width:100%;height:auto;{fill:red}}.nav-icon[data-v-70c98344] svg>*{fill:var(--theme-dark-color)}.nav-item.active .nav-icon[data-v-70c98344] svg>*{fill:#fff}.nav-icon[data-icon=grid][data-v-70c98344]:before{content:"☷"}.nav-icon[data-icon=plus][data-v-70c98344]:before{content:"+";font-size:2rem;font-weight:700}.nav-icon[data-icon=user][data-v-70c98344]:before{content:"○"}.nav-label[data-v-70c98344]{font-size:.7rem;font-weight:500}.nav-item.active .nav-icon[data-v-70c98344]{transform:scale(1.1)}.child-switcher[data-v-f328c4aa]{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--clay-white);border-bottom:3px solid var(--theme-color);box-shadow:0 2px 8px #0000000d;max-height:70px}.switcher-container[data-v-f328c4aa]{max-width:1200px;margin:0 auto;padding:8px 16px;height:100%}.switcher-scroll[data-v-f328c4aa]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;align-items:center}.switcher-scroll[data-v-f328c4aa]::-webkit-scrollbar{display:none}.child-button[data-v-f328c4aa]{display:flex;flex-direction:row;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:2px solid transparent;border-radius:24px;cursor:pointer;transition:all .2s ease;max-width:160px;flex-shrink:0}.child-button[data-v-f328c4aa]:hover{background:var(--clay-light)}.child-button.active[data-v-f328c4aa]{border-color:var(--avatar-color);background:var(--avatar-dark-color);color:#fff}.child-avatar[data-v-f328c4aa]{width:36px;height:36px;border-radius:50%;background:var(--avatar-color);color:var(--clay-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 6px #0000001a;transition:transform .2s ease;flex-shrink:0}.child-button:hover .child-avatar[data-v-f328c4aa]{transform:scale(1.05)}.child-button.active .child-avatar[data-v-f328c4aa]{box-shadow:0 3px 8px #00000026;color:var(--avatar-dark-color)}.child-name[data-v-f328c4aa]{font-size:.875rem;font-weight:600;color:var(--clay-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.child-button.active .child-name[data-v-f328c4aa]{color:#fff}.child-button[data-v-f328c4aa]:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.child-switcher[data-v-f328c4aa]{max-height:60px}.switcher-container[data-v-f328c4aa]{padding:6px 12px}.child-button[data-v-f328c4aa]{gap:6px;padding:4px 10px}.child-avatar[data-v-f328c4aa]{width:32px;height:32px;font-size:.85rem}.child-name[data-v-f328c4aa]{font-size:.8rem}}.install-prompt-overlay[data-v-3d33b910]{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn-3d33b910 .3s ease}@keyframes fadeIn-3d33b910{0%{opacity:0}to{opacity:1}}.install-prompt[data-v-3d33b910]{background:var(--clay-white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-md);max-width:380px;width:100%;animation:slideUp-3d33b910 .3s ease;position:relative;max-height:90vh;overflow-y:auto}@keyframes slideUp-3d33b910{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-btn[data-v-3d33b910]{position:absolute;top:var(--space-sm);right:var(--space-sm);background:none;border:none;font-size:1.75rem;color:var(--clay-text-dark);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;line-height:1}.close-btn[data-v-3d33b910]:hover{background:var(--clay-secondary)}.prompt-header[data-v-3d33b910]{text-align:center;margin-bottom:var(--space-sm)}.app-icon[data-v-3d33b910]{width:48px;height:48px;margin:0 auto 8px;display:block;border-radius:12px}.prompt-header h2[data-v-3d33b910]{font-size:1.125rem;color:var(--clay-dark);margin-bottom:4px;font-family:var(--font-heading)}.prompt-header p[data-v-3d33b910]{color:var(--clay-text-dark);font-size:.8125rem}.prompt-instructions[data-v-3d33b910]{background:var(--clay-secondary);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-sm)}.steps-list[data-v-3d33b910]{list-style:none;counter-reset:step-counter;padding:0;margin:0}.steps-list li[data-v-3d33b910]{counter-increment:step-counter;position:relative;padding-left:28px;margin-bottom:8px;font-size:1rem;color:var(--clay-dark);line-height:1.4;display:flex;align-items:center;gap:6px}.steps-list li[data-v-3d33b910]:last-child{margin-bottom:0}.steps-list li[data-v-3d33b910]:before{content:counter(step-counter);position:absolute;left:0;top:2px;width:20px;height:20px;background:var(--clay-primary);color:var(--clay-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;flex-shrink:0}.step-icon[data-v-3d33b910]{font-size:1.25rem;line-height:1;flex-shrink:0}.dismiss-btn[data-v-3d33b910]{width:100%;padding:10px var(--space-md);background:transparent;border:2px solid var(--clay-border);border-radius:var(--radius-md);color:var(--clay-text-dark);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-modern)}.dismiss-btn[data-v-3d33b910]:hover{background:var(--clay-secondary);border-color:var(--clay-primary)}@media(min-width:768px){.install-prompt-overlay[data-v-3d33b910]{align-items:center}.install-prompt[data-v-3d33b910]{border-radius:var(--radius-lg);margin-bottom:0}}.toast[data-v-f5da0c69]{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:var(--radius-full);box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90vw}.toast-success[data-v-f5da0c69]{background:linear-gradient(135deg,#b8d08f,#9cb87d);color:var(--clay-dark);border:3px solid rgba(62,68,52,.2)}.toast-info[data-v-f5da0c69]{background:linear-gradient(135deg,#ffd89b,#ffa76a);color:var(--clay-dark);border:3px solid rgba(62,68,52,.2)}.toast-icon[data-v-f5da0c69]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-message[data-v-f5da0c69]{margin:0;font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.4}.toast-enter-active[data-v-f5da0c69]{animation:toast-in-f5da0c69 .3s ease-out}.toast-leave-active[data-v-f5da0c69]{animation:toast-out-f5da0c69 .3s ease-in}@keyframes toast-in-f5da0c69{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out-f5da0c69{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media(max-width:768px){.toast[data-v-f5da0c69]{top:80px;padding:12px 20px}.toast-message[data-v-f5da0c69]{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#app{width:100%;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}.loading-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--clay-secondary) 0%,var(--clay-primary) 100%);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-container{text-align:center}.loading-container p{margin-top:var(--space-lg);font-size:1.2rem;font-weight:600;color:var(--clay-dark)}.clay-spinner{display:flex;gap:12px;align-items:center;justify-content:center}.clay-blob{width:24px;height:24px;border-radius:50%;background:var(--clay-dark);animation:clay-bounce 1.4s ease-in-out infinite;box-shadow:0 4px 12px #00000026}.clay-blob:nth-child(1){animation-delay:0s}.clay-blob:nth-child(2){animation-delay:.2s}.clay-blob:nth-child(3){animation-delay:.4s}@keyframes clay-bounce{0%,80%,to{transform:scale(1) translateY(0)}40%{transform:scale(1.2) translateY(-20px)}}.switching-overlay{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:10000}.switching-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.switching-spinner{display:flex;gap:12px;align-items:center;justify-content:center}.spinner-blob{width:16px;height:16px;border-radius:50%;background:#6b7280;animation:blob-bounce 1.4s ease-in-out infinite;box-shadow:0 4px 8px #00000026}.spinner-blob:nth-child(1){animation-delay:0s}.spinner-blob:nth-child(2){animation-delay:.2s}.spinner-blob:nth-child(3){animation-delay:.4s}@keyframes blob-bounce{0%,80%,to{transform:scale(1) translateY(0)}40%{transform:scale(1.2) translateY(-20px)}}.switching-text{font-size:1.1rem;font-weight:600;color:var(--clay-dark);margin:0}.fade-blur-enter-active,.fade-blur-leave-active{transition:opacity .3s ease}.fade-blur-enter-from,.fade-blur-leave-to{opacity:0}.fade-blur-enter-to,.fade-blur-leave-from{opacity:1}@media(max-width:768px){.switching-text{font-size:1rem}.spinner-blob{width:14px;height:14px}}
