:root{--bg:#faf7ff;--card:#fff;--pri:#6c5ce7;--ok:#00b894;--ink:#2d3436}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}#app{max-width:520px;margin:0 auto;padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.btn{display:block;width:100%;padding:16px;font-size:18px;border:0;border-radius:16px;background:var(--pri);color:#fff;margin:8px 0}.card{background:var(--card);border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:12px}.card>div{flex:1;min-width:0}.card .btn{width:auto;flex:0 0 auto;margin:0}.card input{flex:1;min-width:0;width:auto}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.big{font-size:40px}.thumb{width:56px;height:56px;object-fit:cover;border-radius:12px}.preview{max-width:100%;border-radius:12px;margin:8px 0}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6c5ce7e6;color:#fff;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.cat{background:#fff;border-radius:20px;padding:14px 14px 8px;margin:14px 0;box-shadow:0 2px 10px #0000000d}.cat-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.cat-head strong{font-size:18px}.cat-icon{font-size:28px}.cat-sub{font-size:12px;color:#8a8a99}.cat-progress{margin-left:auto;font-size:12px;font-weight:700;color:var(--pri);background:#f0ecff;border-radius:999px;padding:4px 10px;white-space:nowrap}.cat .card{margin:8px 0;box-shadow:none;background:#faf9ff;border:1px solid #efeaff}.cat .card .task-body{flex:1}.task-meta{font-size:13px;color:#8a8a99}.cat .card .check{font-size:22px}.card.task-approved{opacity:.6}.card.task-approved .task-body strong{text-decoration:line-through}.cat-foot{font-size:12px;color:#a59fd6;text-align:center;padding:6px 0 2px}.thumb-loading,.thumb-missing{display:inline-block;width:64px;font-size:12px;color:#888;text-align:center}#sync-badge{font-size:12px;color:#666;text-align:right;padding:4px 12px;min-height:18px}#sync-badge:empty{display:none}.sync-age{font-size:12px;color:#888;margin-top:-8px}.theme-band{position:sticky;top:0;z-index:2;text-align:center;padding:10px 0 8px;margin:-16px -16px 12px}.theme-band .band-title{font-size:22px;line-height:1.2}.theme-band .band-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.avatar-badge{display:inline-block;margin-left:4px}body.theme-idol{background:radial-gradient(240px 160px at 22% 0%,rgba(255,120,190,.45),transparent 70%),radial-gradient(240px 160px at 80% 0%,rgba(120,150,255,.45),transparent 70%),linear-gradient(180deg,#2a1946,#3a1e5c 30%,#241640) fixed;color:#fdeaf6;font-family:Jua,system-ui,-apple-system,sans-serif}.theme-idol .theme-band{background:linear-gradient(180deg,#2d1a4d,#2a1946)}.theme-idol .theme-band:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:linear-gradient(180deg,#2a1946eb,#2a194600);pointer-events:none}.theme-idol .band-title{font-family:Black Han Sans,sans-serif;background:linear-gradient(90deg,#ff8ac2,#c9a3ff,#8fb2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-idol .band-sub{color:#e6c6ff}.theme-idol .spark{position:absolute;color:#ffd9f0;font-size:12px;animation:idol-twinkle 3s ease-in-out infinite}@keyframes idol-twinkle{0%,to{opacity:.3}50%{opacity:1}}.theme-idol .card{background:#ffffff12;border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#fff}.theme-idol .me-card{background:linear-gradient(120deg,#ff78be38,#968cff38);border:1px solid rgba(255,180,225,.35)}.theme-idol .me-points{color:#ffd6ee}.theme-idol .avatar-badge{animation:idol-wave 2.4s ease-in-out infinite;transform-origin:bottom center}@keyframes idol-wave{0%,to{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}.theme-idol .btn{background:linear-gradient(90deg,#ff5fa2,#a06bff);box-shadow:0 8px 20px #ff5fa259}.theme-idol .cat{background:#ffffff0f;border:1px solid rgba(255,180,225,.18);box-shadow:none}.theme-idol .cat-head strong{color:#fff}.theme-idol .cat-sub,.theme-idol .cat-foot{color:#e2b8ff}.theme-idol .cat-progress{background:#ff8cc840;color:#ffd0ea}.theme-idol .cat .card{background:#ffffff12;border:1px solid rgba(255,255,255,.06)}.theme-idol .task-meta{color:#ffcdea}.theme-idol input{background:#ffffff1a;color:#fff;border:1px solid rgba(255,180,225,.35);border-radius:12px;padding:10px}.theme-idol #sync-badge{color:#e6c6ff}body.theme-hero{background:radial-gradient(circle at 12px 12px,rgba(30,60,160,.12) 2px,transparent 2.5px) 0 0/22px 22px,linear-gradient(180deg,#fff,#eef3ff) fixed;color:#16203a;font-family:Jua,system-ui,-apple-system,sans-serif}.theme-hero .theme-band{background:linear-gradient(90deg,#e23636,#1f4fd0);color:#fff;border-bottom:3px solid #0c0b14}.theme-hero .band-title{font-family:Bangers,cursive;letter-spacing:.06em;font-size:26px}.theme-hero .band-sub{opacity:.9}.theme-hero .card{background:#fff;border:3px solid #0c0b14;box-shadow:4px 4px #1f4fd040}.theme-hero .me-card{box-shadow:4px 4px #1f4fd0}.theme-hero .me-points{color:#e23636;font-weight:800}.theme-hero .avatar-badge{font-family:Bangers,cursive;color:#ffd21f;-webkit-text-stroke:1.5px #0c0b14;font-size:16px;animation:hero-pow 2.2s ease-in-out infinite}@keyframes hero-pow{0%,to{transform:rotate(-6deg) scale(1)}50%{transform:rotate(-6deg) scale(1.12)}}.theme-hero .btn{background:#ffd21f;color:#16203a;border:3px solid #0c0b14;box-shadow:4px 4px #e23636}.theme-hero .cat{background:#fff;border:3px solid #0c0b14;box-shadow:4px 4px #1f4fd040}.theme-hero .cat-progress{background:#e23636;color:#fff;border:2px solid #0c0b14}.theme-hero .cat-sub{color:#4a5a86}.theme-hero .cat-foot{color:#1f4fd0;font-weight:700}.theme-hero .cat .card{background:#f4f7ff;border:2px solid #16203a;box-shadow:none}.theme-hero .task-meta{color:#e23636;font-weight:700}.theme-hero input{border:2px solid #16203a;border-radius:12px;padding:10px}.theme-hero #sync-badge{color:#1f4fd0}.celebrate{z-index:50;gap:6px;text-align:center;padding:24px}.celebrate .cel-burst{font-size:48px;animation:cel-pop .5s ease}.celebrate .cel-title{font-size:40px;line-height:1.15}.celebrate .cel-sub{font-size:22px}@keyframes cel-pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.celebrate-idol{background:radial-gradient(300px 220px at 50% 35%,rgba(255,120,190,.55),transparent 70%),#241640f2;color:#fff}.celebrate-idol .cel-title{font-family:Black Han Sans,sans-serif;background:linear-gradient(90deg,#ff8ac2,#c9a3ff,#8fb2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.celebrate-idol .cel-sub{font-family:Jua,sans-serif;color:#ffd6ee}.celebrate-hero{background:radial-gradient(circle at 12px 12px,rgba(255,255,255,.15) 2px,transparent 2.5px) 0 0/22px 22px,#1f4fd0f0;color:#fff}.celebrate-hero .cel-title{font-family:Bangers,cursive;font-size:56px;color:#ffd21f;-webkit-text-stroke:2px #0c0b14;transform:rotate(-6deg)}.celebrate-hero .cel-sub{font-family:Jua,sans-serif}@media (prefers-reduced-motion: reduce){.theme-idol *,.theme-hero *,.celebrate,.celebrate *{animation:none!important}}