:root{--cream: #FFF6E9;--paper: #FFFFFF;--lavender: #EFEAFF;--mint: #E0F7EC;--peach: #FFEBDD;--sky: #E3F2FF;--rose: #FFE7EF;--lemon: #FFF6D6;--coral: #F5616F;--coral-dark: #DD4B5C;--teal: #2EC4A5;--teal-dark: #1FA98C;--purple: #8B7CF6;--purple-dark: #7361E8;--blue: #5BA8FF;--pink: #FF8FB8;--gold: #FFC93C;--gold-dark: #F0A500;--ink: #3B3554;--ink-soft: #6E6A85;--ink-faint: #A5A1BC;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 34px;--shadow-sm: 0 2px 8px rgba(59,53,84,.07);--shadow-md: 0 6px 20px rgba(59,53,84,.1);--shadow-lg: 0 12px 34px rgba(59,53,84,.14);--font-display: "Comfortaa", cursive;--font-body: "Nunito Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,.display{font-family:var(--font-display);font-weight:500;letter-spacing:.01em}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{line-height:1.5}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit;touch-action:manipulation}input,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.shell{max-width:480px;margin:0 auto;padding:28px 22px 110px;position:relative}.shell.wide{max-width:620px}.grid-2{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.grid-2>*{min-width:0}@media (min-width: 880px){.shell.wide{max-width:620px}}.screen-enter{animation:screenIn .35s ease both}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.card{background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:.95rem;letter-spacing:.01em;padding:12px 22px;border-radius:999px;color:#fff;background:var(--coral);box-shadow:0 4px 12px #f5616f40;transition:transform .12s,filter .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96);filter:brightness(.93)}.btn.teal{background:var(--teal);box-shadow:0 4px 12px #2ec4a540}.btn.purple{background:var(--purple);box-shadow:0 4px 12px #8b7cf640}.btn.gold{background:var(--gold);box-shadow:0 4px 12px #ffc93c4d;color:#7a5200}.btn.ghost{background:transparent;color:var(--ink-soft);box-shadow:none;font-weight:600}.btn.block{display:flex;width:100%}.btn.sm{padding:9px 18px;font-size:.92rem}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:.72rem;color:var(--ink-faint);margin-bottom:7px;text-transform:uppercase;letter-spacing:.07em}.input{width:100%;padding:12px 16px;border-radius:var(--r-md);border:1.5px solid #E8E3F1;background:#fff;font-size:.95rem;font-weight:600;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8b7cf626}.input::placeholder{color:var(--ink-faint);font-weight:500}.chip{padding:8px 15px;border-radius:999px;border:1.5px solid #E8E3F1;background:#fff;font-weight:700;font-size:.85rem;color:var(--ink-soft);transition:all .15s}.chip.on{border-color:var(--purple);background:var(--lavender);color:var(--purple-dark);transform:scale(1.05)}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.collapsible{display:none}.collapsible.open{display:flex;margin-bottom:18px;animation:screenIn .25s ease both}.filterbtn{width:46px;height:46px;flex-shrink:0;color:var(--ink-soft)}.filterbtn.active{color:var(--coral);box-shadow:0 0 0 2px var(--coral) inset}.pagehead{display:flex;align-items:center;gap:12px;margin-bottom:26px}.pagehead h1{font-size:1.2rem;flex:1}.backbtn{width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.iconbtn{width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;font-size:1.15rem;position:relative}.badge-dot{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:999px;background:var(--coral);color:#fff;font-size:.72rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--cream)}.bottomnav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 28px));background:#fff;border-radius:999px;box-shadow:var(--shadow-lg);display:flex;justify-content:space-around;align-items:center;padding:10px 8px;z-index:500}.bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.66rem;font-weight:700;color:var(--ink-faint);padding:4px 10px;border-radius:14px;transition:all .15s}.bottomnav button .nico{display:flex;transition:transform .2s}.bottomnav button .nico svg{width:21px;height:21px}.bottomnav button.on{background:var(--coral);color:#fff;padding:8px 16px;box-shadow:0 6px 14px #f5616f59}.coin{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:600;color:#9a6b00;background:var(--lemon);padding:4px 12px;border-radius:999px}.avatar-wrap{position:relative;display:inline-block}.av{animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.av .blink{animation:blink 4.2s infinite;transform-origin:center;transform-box:fill-box}@keyframes blink{0%,93%,to{transform:scaleY(1)}95.5%,97%{transform:scaleY(.08)}}.av .wag{animation:wag 2.2s ease-in-out infinite;transform-origin:bottom left;transform-box:fill-box}@keyframes wag{0%,to{transform:rotate(-6deg)}50%{transform:rotate(14deg)}}.av .float-acc{animation:floatAcc 3.4s ease-in-out infinite}@keyframes floatAcc{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(5deg)}}.av-shadow{width:64%;height:10px;background:#3b35541f;border-radius:50%;margin:2px auto 0;animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.78);opacity:.55}}.sunburst{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(rgba(255,201,60,.16) 0deg 11deg,transparent 11deg 26deg);border-radius:50%;animation:sunspin 30s linear infinite;pointer-events:none}@keyframes sunspin{to{transform:translate(-50%,-50%) rotate(360deg)}}.star-float{position:absolute;animation:floatAcc 3s ease-in-out infinite;font-size:1.25rem;pointer-events:none}.week-strip{display:flex;justify-content:space-between;gap:4px}.week-strip .day{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.64rem;font-weight:700;color:var(--ink-faint)}.week-strip .dot{width:34px;height:34px;border-radius:50%;background:#f4f0fa;display:flex;align-items:center;justify-content:center;font-size:.9rem}.week-strip .dot.hit{background:var(--lemon)}.week-strip .day.today .dot{outline:2px solid var(--gold);outline-offset:2px}@media (max-width: 380px){.week-strip .dot{width:29px;height:29px;font-size:.78rem}}.rank-rays{position:fixed;top:0;left:0;right:0;height:62vh;overflow:hidden;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}.rank-rays .sunburst{top:26%;width:max(300vw,1600px)}.rank-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:10px 14px;margin-bottom:10px}.rank-row.me{background:var(--rose);border:2.5px solid var(--pink)}.rank-row .rnum{font-family:var(--font-display);font-weight:600;color:var(--ink-faint);width:22px;text-align:center;font-size:1.05rem}.video-av{object-fit:cover;object-position:center top;display:block;background:#f0ecf8}.kid-hero{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:16px}.kid-hero video{width:100%;height:min(42vh,380px);object-fit:cover;object-position:center 20%;display:block}.kid-hero .hero-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 28%,transparent 52%,rgba(30,20,50,.55) 100%);pointer-events:none}.kid-hero .hero-info{position:absolute;left:18px;bottom:14px;right:18px;color:#fff;text-shadow:0 1px 8px rgba(30,20,50,.4)}.kid-hero .hero-coins{position:absolute;top:12px;right:12px}.pbar{height:14px;border-radius:999px;background:#f0ecf8;overflow:hidden;position:relative}.pbar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--coral));transition:width .8s cubic-bezier(.22,1,.36,1);position:relative}.pbar>i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 2.4s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.logo{font-family:var(--font-display);font-weight:500;font-size:1.6rem}.logo .q{color:var(--gold-dark)}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.2;animation:drift 14s ease-in-out infinite}@keyframes drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(14px,-18px) scale(1.06)}}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:.92rem;opacity:0;pointer-events:none;transition:all .3s;z-index:700;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b355473;z-index:600;display:none;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-back.open{display:flex}.modal{background:#fff;border-radius:30px 30px 0 0;padding:26px 22px 30px;width:min(480px,100%);animation:modalUp .35s cubic-bezier(.22,1,.36,1) both;max-height:88vh;overflow:auto}@media (min-width: 560px){.modal-back{align-items:center}.modal{border-radius:30px}}@keyframes modalUp{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.kid-task{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:14px 16px;margin-bottom:12px;transition:all .3s}.kid-task .tico{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.kid-task .done-btn{flex-shrink:0}.kid-task.done{opacity:.85;background:var(--mint)}.kid-task.done .tname{text-decoration:line-through;color:var(--ink-faint)}.kid-task.waiting{background:var(--lemon)}.shop-item{display:flex;align-items:center;gap:14px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:13px 15px;text-align:left;transition:transform .15s;cursor:pointer;margin-bottom:0}.shop-item:active{transform:scale(.98)}.shop-item .sico-tile{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.55rem;flex-shrink:0}.shop-item.locked{opacity:.65}.shop-item.locked .sico-tile{filter:grayscale(.5)}.kid-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;transition:background 1s}.kid-bg.theme-space{background:linear-gradient(180deg,#c9c2ff,#efeaff 55%,#fff9f2)}.kid-bg.theme-forest{background:linear-gradient(180deg,#bdebd2,#e0f7ec 55%,#fff9f2)}.kid-bg.theme-ocean{background:linear-gradient(180deg,#bcdfff,#e3f2ff 55%,#fff9f2)}.kid-bg.theme-candy{background:linear-gradient(180deg,#ffd3e3,#ffe7ef 55%,#fff9f2)}.land-grid{display:grid;gap:14px}@media (min-width: 680px){.land-grid{grid-template-columns:repeat(3,1fr)}}.step-n{width:30px;height:30px;border-radius:50%;background:var(--lavender);color:var(--purple-dark);font-family:var(--font-display);font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pin-dots{display:flex;gap:14px;justify-content:center;margin:24px 0 30px}.pin-dots i{width:15px;height:15px;border-radius:50%;background:#ebe5f4;transition:all .15s}.pin-dots i.full{background:var(--purple);transform:scale(1.15)}.pin-pad{display:grid;grid-template-columns:repeat(3,70px);gap:13px;justify-content:center}.pin-key{width:70px;height:70px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:var(--ink);transition:transform .1s,background .1s}.pin-key:active{transform:scale(.92);background:var(--lavender)}.pin-key.ghost{background:transparent;box-shadow:none}.fly-coin{position:fixed;z-index:800;pointer-events:none;will-change:transform,opacity}.confetti-bit{position:fixed;z-index:800;pointer-events:none;border-radius:3px;will-change:transform,opacity}.kid-pick{width:160px;border-radius:var(--r-xl);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);border:3px solid transparent;transition:transform .15s,border-color .15s}.kid-pick:hover{transform:scale(1.03)}.kid-pick.active{border-color:var(--coral)}