:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-sidebar: rgba(15, 20, 40, .95);--bg-card: #16213e;--bg-input: rgba(15, 52, 96, .4);--bg-hover: #1a2745;--accent-red: #e94560;--accent-cyan: #00d2ff;--accent-teal: #00c9a7;--accent-yellow: #ffc93c;--text-primary: #eaeaea;--text-secondary: #8892b0;--text-muted: #5a6380;--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 16px rgba(0, 0, 0, .2);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .3);--font-primary: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-kid: "Fredoka One", cursive;--transition-fast: .2s ease;--transition-spring: .3s cubic-bezier(.175, .885, .32, 1.275);--touch-min: 44px;--touch-kid: 60px;--sidebar-width: 72px;--sidebar-width-mobile: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}input,select,textarea{font-family:var(--font-primary);font-size:.95rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;min-height:var(--touch-min)}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d2ff26}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238892b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea{resize:vertical;min-height:100px}label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-primary);font-size:.95rem;font-weight:700;padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast);white-space:nowrap;user-select:none;-webkit-user-select:none;line-height:1;text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-red);color:#fff}.btn-primary:hover:not(:disabled){background:#d13a53;box-shadow:0 4px 16px #e945604d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-small{font-size:.8rem;padding:6px 12px;min-height:32px}.btn-icon{padding:8px;min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:var(--border-light)}.card-elevated{box-shadow:var(--shadow-elevated)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .4s ease forwards}.animate-pop-in{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(pointer:coarse){button,a,[role=button]{-webkit-tap-highlight-color:transparent}button,.btn{user-select:none;-webkit-user-select:none}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-cyan)}.kid-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-kid);font-size:1.1rem;color:#1a1a2e;background:#fff;border:4px solid #1a1a2e;border-radius:24px;padding:12px 28px;min-height:var(--touch-kid);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 8px #0f1020,0 10px 20px #0003;transition:all .15s ease;position:relative;transform:translateY(0)}.kid-btn:hover{transform:translateY(-2px);box-shadow:0 10px #0f1020,0 14px 24px #00000040}.kid-btn:active{transform:translateY(6px);box-shadow:0 2px #0f1020,0 4px 8px #00000026}.kid-btn--red{background:var(--accent-red);color:#fff;border-color:#c7233e;box-shadow:0 8px #a01d34,0 10px 20px #0003}.kid-btn--red:hover{box-shadow:0 10px #a01d34,0 14px 24px #00000040}.kid-btn--red:active{box-shadow:0 2px #a01d34,0 4px 8px #00000026}.kid-btn--teal{background:var(--accent-teal);color:#1a1a2e;border-color:#00a88c;box-shadow:0 8px #008770,0 10px 20px #0003}.kid-btn--teal:hover{box-shadow:0 10px #008770,0 14px 24px #00000040}.kid-btn--teal:active{box-shadow:0 2px #008770,0 4px 8px #00000026}@keyframes stickerPop{0%{opacity:0;transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(5deg)}80%{transform:scale(.9) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.kid-sticker{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.8rem;animation:stickerPop .6s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 2px 4px rgba(255,201,60,.4))}.kid-sticker--large{width:72px;height:72px;font-size:2.8rem}@keyframes progressBounce{0%{width:0}80%{width:calc(var(--progress, 0) * 1% + 3%)}90%{width:calc(var(--progress, 0) * 1% - 1%)}to{width:calc(var(--progress, 0) * 1%)}}.kid-progress{width:100%;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative;border:2px solid var(--border-light)}.kid-progress__bar{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-cyan));animation:progressBounce .8s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative}.kid-progress__bar:after{content:"";position:absolute;top:3px;left:8px;right:8px;height:6px;background:#ffffff4d;border-radius:3px}.kid-progress__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-kid);font-size:.75rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.kid-font{font-family:var(--font-kid)}@keyframes celebrationPop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}70%{transform:scale(.95) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(60px) rotate(360deg);opacity:0}}.kid-celebration{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;animation:celebrationPop .6s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative}.kid-celebration__emoji{font-size:3rem;animation:celebrationPop .6s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.2s;opacity:0}.kid-celebration__text{font-family:var(--font-kid);font-size:1.5rem;color:var(--accent-yellow);text-align:center;text-shadow:0 2px 8px rgba(255,201,60,.3)}.kid-celebration__confetti{position:absolute;font-size:1.2rem;animation:confettiFall 1.5s ease-in forwards;pointer-events:none}.kid-touch{min-width:var(--touch-kid);min-height:var(--touch-kid);display:flex;align-items:center;justify-content:center}.kid-card{background:var(--bg-card);border:3px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:all var(--transition-spring)}.kid-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:var(--shadow-elevated)}