: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}.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}