:root,[data-theme=candy]{--bg: #eaf7ff;--bg-layer: radial-gradient(circle at 50% 118%, #fff2c9 0, rgba(255, 242, 201, 0) 58%), linear-gradient(180deg, #bfe9ff 0%, #e4f6ff 46%, #fdf6e6 100%);--bg-size: auto;--deco: radial-gradient(circle at 14% 12%, #fff 0 30px, transparent 31px), radial-gradient(circle at 20% 16%, #fff 0 22px, transparent 23px), radial-gradient(circle at 8% 17%, #fff 0 20px, transparent 21px), radial-gradient(circle at 78% 30%, #fff 0 24px, transparent 25px), radial-gradient(circle at 84% 34%, #fff 0 17px, transparent 18px);--deco-size: auto;--deco-opacity: .85;--card: #ffffff;--card-soft: #fffdf7;--ink: #4a3626;--muted: #8a7462;--line: #f0e2cf;--line-strong: #e3d0b6;--stroke: #ffcf8a;--stroke-w: 2px;--card-border: 3px solid #ffffff;--card-ring: 0 0 0 2px var(--stroke);--ring-2: 0 0 0 2px #a9dcff;--ring-3: 0 0 0 2px #a8ecc0;--ring-4: 0 0 0 2px #ffc2d6;--gloss: inset 0 2px 0 rgba(255, 255, 255, .75);--shadow-sm: 0 3px 0 rgba(214, 168, 110, .45), 0 10px 18px -10px rgba(160, 110, 40, .35);--shadow: 0 5px 0 rgba(214, 168, 110, .5), 0 18px 28px -14px rgba(160, 110, 40, .35);--shadow-lg: 0 7px 0 rgba(214, 168, 110, .45), 0 26px 40px -18px rgba(160, 110, 40, .4);--brand: #f08a00;--brand-dark: #c06a00;--brand-soft: #fff4e0;--brand-line: #ffdca8;--ok: #2ec46a;--ok-dark: #1d9a4e;--ok-soft: #e8faf0;--blue: #23a8f0;--blue-dark: #1284c4;--blue-soft: #e6f5fe;--blue-line: #bfe4fa;--pink: #ff6b9d;--pink-soft: #ffedf3;--violet: #8b6cf0;--violet-soft: #f2eeff;--hero-grad: linear-gradient(160deg, #ffc02e 0%, #ff9a1f 52%, #f2762a 100%);--hero-ink: #4a3626;--hero-ink-soft: #7a5a2c;--hero-orb: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, .85), rgba(255, 255, 255, .15));--streak-a: #a8500a;--streak-b: #7a3a06;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--brand-light: #ffb44d;--brand-deep: #d97000;--ok-light: #56d98c;--ok-deep: #17903f;--tint-brand: rgba(240, 138, 0, .38);--tint-brand-soft: rgba(240, 138, 0, .16);--tint-brand-weak: rgba(240, 138, 0, .34);--tint-inset: rgba(160, 120, 60, .18);--ok-tint-line: rgba(46, 196, 106, .3);--danger: #e04a2f;--danger-line: #ffd0c4;--topbar-bg: rgba(255, 255, 255, .95);--topbar-ring: rgba(240, 138, 0, .28);--tip-bg: rgba(74, 54, 38, .82);--tip-ink: #fffdf7;--on-brand: #ffffff;--on-ok: #ffffff}[data-theme=fresh]{--bg: #f4fbfc;--bg-layer: radial-gradient(circle at 2% -6%, #d8f2ef 0, rgba(216, 242, 239, 0) 46%), radial-gradient(circle at 100% 0%, #e2eefc 0, rgba(226, 238, 252, 0) 42%);--bg-size: auto;--deco: none;--deco-size: auto;--deco-opacity: 0;--card: #ffffff;--card-soft: #fbfdfe;--ink: #13313f;--muted: #6b8494;--line: #e2eef2;--line-strong: #cfe1e8;--stroke: #bfe3e0;--stroke-w: 2px;--card-border: 3px solid #ffffff;--card-ring: 0 0 0 2px var(--stroke);--ring-2: 0 0 0 2px #dcd6f7;--ring-3: 0 0 0 2px #cdeadf;--ring-4: 0 0 0 2px #f6dbe8;--gloss: inset 0 2px 0 rgba(255, 255, 255, .95);--shadow-sm: 0 2px 0 rgba(150, 190, 205, .4), 0 10px 18px -12px rgba(16, 60, 80, .28);--shadow: 0 4px 0 rgba(150, 190, 205, .42), 0 18px 28px -18px rgba(16, 60, 80, .3);--shadow-lg: 0 6px 0 rgba(150, 190, 205, .4), 0 26px 40px -22px rgba(16, 60, 80, .34);--brand: #0f9a93;--brand-dark: #0a746d;--brand-soft: #e8f7f6;--brand-line: #c9ecea;--ok: #16b364;--ok-dark: #0e8a4c;--ok-soft: #e7f8ef;--blue: #2f8bf0;--blue-dark: #1b6fc4;--blue-soft: #eaf3fe;--blue-line: #cfe4fa;--pink: #e86c9b;--pink-soft: #fdeef4;--violet: #7a6cf0;--violet-soft: #efedfe;--hero-grad: linear-gradient(160deg, #0f9a93 0%, #0b8079 55%, #08655f 100%);--hero-ink: #ffffff;--hero-ink-soft: rgba(255, 255, 255, .88);--hero-orb: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, .6), rgba(255, 255, 255, .08));--streak-a: #ffffff;--streak-b: #d9fbf7;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--brand-light: #29b3ab;--brand-deep: #08655f;--ok-light: #3fcd83;--ok-deep: #0d7c45;--tint-brand: rgba(15, 154, 147, .34);--tint-brand-soft: rgba(15, 154, 147, .14);--tint-brand-weak: rgba(15, 154, 147, .28);--tint-inset: rgba(16, 60, 80, .1);--ok-tint-line: rgba(22, 179, 100, .28);--danger: #d9482f;--danger-line: #f8d3cb;--topbar-bg: rgba(255, 255, 255, .94);--topbar-ring: rgba(15, 154, 147, .2);--tip-bg: rgba(19, 49, 63, .78);--tip-ink: #ffffff;--on-brand: #ffffff;--on-ok: #ffffff}[data-theme=night]{--bg: #141830;--bg-layer: radial-gradient(circle at 50% 118%, #3a2f6b 0, rgba(58, 47, 107, 0) 58%), linear-gradient(180deg, #1b2148 0%, #141830 55%, #201a3c 100%);--bg-size: auto;--deco: radial-gradient(#ffffff 1.2px, transparent 1.3px);--deco-size: 46px 46px;--deco-opacity: .35;--card: #222a4d;--card-soft: #1c2340;--ink: #eef1ff;--muted: #9aa3c9;--line: #333c62;--line-strong: #414b7a;--stroke: rgba(255, 255, 255, .12);--stroke-w: 2px;--card-border: 3px solid rgba(255, 255, 255, .07);--card-ring: 0 0 0 2px var(--stroke);--ring-2: 0 0 0 2px rgba(96, 165, 250, .45);--ring-3: 0 0 0 2px rgba(74, 222, 128, .4);--ring-4: 0 0 0 2px rgba(244, 114, 182, .4);--gloss: inset 0 2px 0 rgba(255, 255, 255, .1);--shadow-sm: 0 3px 0 rgba(0, 0, 0, .4), 0 10px 20px -12px rgba(0, 0, 0, .8);--shadow: 0 5px 0 rgba(0, 0, 0, .42), 0 18px 30px -16px rgba(0, 0, 0, .85);--shadow-lg: 0 7px 0 rgba(0, 0, 0, .4), 0 26px 44px -20px rgba(0, 0, 0, .9);--brand: #ffb454;--brand-dark: #c9821f;--brand-soft: #2f2c4c;--brand-line: #4d4270;--ok: #4ade80;--ok-dark: #1e9e50;--ok-soft: #1e3a30;--blue: #60a5fa;--blue-dark: #2c6fd1;--blue-soft: #1f2b4d;--blue-line: #33477a;--pink: #f472b6;--pink-soft: #3a2440;--violet: #a78bfa;--violet-soft: #2d2450;--hero-grad: linear-gradient(160deg, #3a3f7a 0%, #4a2f74 52%, #23406e 100%);--hero-ink: #f4f6ff;--hero-ink-soft: #a9b1d6;--hero-orb: radial-gradient(circle at 34% 32%, rgba(255, 180, 84, .5), rgba(255, 180, 84, .02));--streak-a: #ffe0ab;--streak-b: #ffb454;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--brand-light: #ffc675;--brand-deep: #b8761a;--ok-light: #6ee79b;--ok-deep: #17904a;--tint-brand: rgba(255, 180, 84, .45);--tint-brand-soft: rgba(255, 180, 84, .2);--tint-brand-weak: rgba(255, 180, 84, .3);--tint-inset: rgba(0, 0, 0, .5);--ok-tint-line: rgba(74, 222, 128, .3);--danger: #ff8b78;--danger-line: #6a3a3a;--topbar-bg: rgba(34, 42, 77, .94);--topbar-ring: rgba(255, 255, 255, .1);--tip-bg: rgba(10, 13, 28, .86);--tip-ink: #ffffff;--on-brand: #331f04;--on-ok: #06280f}[data-theme=picture]{--bg: #fdf6e6;--bg-layer: radial-gradient(circle at 4% -8%, #ffe9c4 0, rgba(255, 233, 196, 0) 44%), linear-gradient(180deg, #fdf3dd 0%, #fdf8ec 60%, #fbf1de 100%);--bg-size: auto;--deco: radial-gradient(#efdfc0 1.8px, transparent 1.9px);--deco-size: 24px 24px;--deco-opacity: .9;--card: #fffdf5;--card-soft: #fffaf0;--ink: #47372a;--muted: #8d7b66;--line: #ecdfc6;--line-strong: #e0cfae;--stroke: #e6d3b0;--stroke-w: 2px;--card-border: 2px dashed #e0cba4;--card-ring: 0 0 0 0 transparent;--ring-2: 0 0 0 0 transparent;--ring-3: 0 0 0 0 transparent;--ring-4: 0 0 0 0 transparent;--gloss: inset 0 2px 0 rgba(255, 255, 255, .8);--shadow-sm: 0 3px 0 #ecdfc4, 0 10px 18px -12px rgba(150, 120, 80, .38);--shadow: 0 5px 0 #ecdfc4, 0 18px 28px -16px rgba(150, 120, 80, .4);--shadow-lg: 0 7px 0 #ecdfc4, 0 26px 42px -20px rgba(150, 120, 80, .42);--brand: #e2662e;--brand-dark: #b8481a;--brand-soft: #fdf0e2;--brand-line: #eed9bd;--ok: #4d9e52;--ok-dark: #357a3a;--ok-soft: #eef6e6;--blue: #4a86b8;--blue-dark: #2f6796;--blue-soft: #eaf2f8;--blue-line: #d3e3ef;--pink: #d1748f;--pink-soft: #fbeef1;--violet: #8d7ab5;--violet-soft: #f2eef8;--hero-grad: linear-gradient(160deg, #ffe1a8 0%, #ffc98a 55%, #f7b579 100%);--hero-ink: #47372a;--hero-ink-soft: #8a6e4e;--hero-orb: radial-gradient(circle at 34% 32%, rgba(255, 255, 255, .7), rgba(255, 255, 255, .05));--streak-a: #b8481a;--streak-b: #8a3410;--r-sm: 12px;--r-md: 18px;--r-lg: 28px;--r-xl: 36px;--r-pill: 999px;--brand-light: #ee8a55;--brand-deep: #9e3d13;--ok-light: #6fb673;--ok-deep: #2f6f34;--tint-brand: rgba(226, 102, 46, .34);--tint-brand-soft: rgba(226, 102, 46, .16);--tint-brand-weak: rgba(226, 102, 46, .3);--tint-inset: rgba(150, 120, 80, .2);--ok-tint-line: rgba(77, 158, 82, .28);--danger: #c0402c;--danger-line: #edc8bd;--topbar-bg: rgba(255, 253, 245, .95);--topbar-ring: rgba(180, 150, 110, .32);--tip-bg: rgba(71, 55, 42, .82);--tip-ink: #fffaf0;--on-brand: #ffffff;--on-ok: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;padding:0;min-height:100vh;min-height:100dvh;background-color:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:18px;line-height:1.55;letter-spacing:.1px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:var(--bg-layer);background-size:var(--bg-size)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:var(--deco);background-size:var(--deco-size);opacity:var(--deco-opacity)}:focus-visible{outline:3px solid var(--tint-brand);outline-offset:2px}.app{max-width:720px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(44px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;background:var(--topbar-bg);border:3px solid var(--card);border-radius:var(--r-pill);padding:6px 10px;box-shadow:0 0 0 2px var(--topbar-ring),var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.back{border:none;background:none;font-size:17px;color:var(--brand-dark);font-weight:900;cursor:pointer;padding:8px 10px;border-radius:var(--r-pill);white-space:nowrap;transition:background-color .2s ease}.back:hover,.back:active{background:var(--brand-soft)}.title{font-size:clamp(15px,4.4vw,19px);font-weight:900;flex:1;text-align:center;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-toggle{display:flex;background:var(--brand-soft);border-radius:var(--r-pill);padding:4px;flex:0 0 auto;box-shadow:inset 0 2px 4px var(--tint-inset)}.mode-toggle button{border:none;background:transparent;font-size:14px;font-weight:900;color:var(--muted);padding:8px 12px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.mode-toggle button.on{background:linear-gradient(180deg,var(--brand-light),var(--brand));color:var(--on-brand);box-shadow:var(--gloss),0 3px 0 var(--brand-dark)}.screen{padding-top:4px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;max-width:720px;margin:0 auto;display:flex;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--topbar-bg);border:3px solid var(--card);border-bottom:none;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -4px 0 var(--topbar-ring),0 -10px 26px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;border-radius:var(--r-md);padding:7px 0;cursor:pointer;color:var(--muted);font-weight:900;transition:background-color .18s ease,color .18s ease}.tab-ico{font-size:22px;line-height:1}.tab-txt{font-size:13px}.tabbar button.on{color:var(--brand-dark);background:var(--brand-soft)}.app.has-tabbar{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}.me{display:flex;flex-direction:column;gap:14px}.me-hero{background:var(--hero-grad);border:3px solid var(--card);border-radius:var(--r-xl);box-shadow:0 0 0 2px var(--stroke),var(--shadow);padding:22px 20px 20px;text-align:center;color:var(--hero-ink)}.me-avatar{font-size:56px;line-height:1;margin-bottom:4px}.me-sub{position:relative;z-index:1;margin:6px 0 0;font-size:15px;font-weight:800;color:var(--hero-ink-soft)}.me-card{background:var(--card);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--card-ring),var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:10px}.me-card-title{font-size:17px;font-weight:900}.me-card .mode-toggle{align-self:flex-start}.me-card .mode-toggle button{font-size:15px;padding:9px 14px}.me-card .btn-ghost{align-self:flex-start}.me-foot{text-align:center;color:var(--muted);font-size:13px;font-weight:700;margin:8px 0 0}.theme-list{display:flex;flex-direction:column;gap:10px}.theme-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card-soft);border:var(--card-border);border-radius:var(--r-md);box-shadow:var(--card-ring),var(--shadow-sm);padding:12px 14px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.theme-item.on{box-shadow:0 0 0 3px var(--tint-brand),var(--shadow-sm)}.theme-swatch{display:flex;gap:4px;flex:0 0 auto}.theme-swatch i{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px #ffffffe6,0 0 0 3px #00000014}.theme-item-txt{display:flex;flex-direction:column;min-width:0}.theme-item-txt b{font-size:16px;font-weight:900}.theme-item-txt em{font-style:normal;font-size:13px;color:var(--muted)}.theme-cur{margin-left:auto;flex:0 0 auto;font-size:12px;font-weight:900;color:var(--on-brand);background:var(--brand);padding:4px 11px;border-radius:var(--r-pill);box-shadow:0 2px 0 var(--brand-dark)}.admin-theme{background:var(--card);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--card-ring),var(--shadow-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.admin-theme-head{display:flex;flex-direction:column;gap:2px}.admin-theme-head b{font-size:16px;font-weight:900}.hero-card{position:relative;overflow:hidden;background:var(--hero-grad);border:3px solid var(--card);border-radius:var(--r-xl);box-shadow:0 0 0 2px var(--stroke),var(--shadow);padding:18px 20px;margin-bottom:22px;color:var(--hero-ink)}.hero-sun{position:absolute;top:-16px;right:-10px;width:106px;height:106px}.hero-cloud{position:absolute;right:74px;bottom:-4px;width:92px;height:auto;opacity:.95}.hero-moon{position:absolute;top:-14px;right:-6px;width:96px;height:96px}.hero-mini-star{position:absolute;top:20px;right:86px;width:30px;height:30px}.hero-hill{position:absolute;right:-12px;bottom:-6px;width:152px;height:auto;opacity:.92}.hero-tree{position:absolute;right:46px;bottom:-4px;width:46px;height:auto}.hero-cloud.is-fresh{right:14px;bottom:6px;opacity:.7}.streak{position:relative;z-index:1;font-size:17px;color:var(--hero-ink-soft);font-weight:900}.streak b{font-size:38px;vertical-align:-5px;margin:0 3px;background:linear-gradient(180deg,var(--streak-a),var(--streak-b));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}.hero-tip{position:relative;z-index:1;font-size:15px;color:var(--hero-ink-soft);margin:8px 0 0;font-weight:700}.age-group{margin-bottom:22px}.age-title{font-size:19px;margin:6px 2px 12px;font-weight:900;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.age-title:after{content:"";flex:1;height:4px;border-radius:var(--r-pill);background:repeating-linear-gradient(90deg,var(--tint-brand-weak) 0 10px,transparent 10px 18px)}.pack-grid{display:grid;grid-template-columns:1fr;gap:14px}.pack-card{display:flex;flex-direction:row;align-items:center;gap:14px;background:var(--card);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--card-ring),var(--shadow);padding:12px;cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.pack-card:hover{transform:translateY(-2px);box-shadow:var(--card-ring),var(--shadow-lg)}.pack-card:nth-child(4n+2){box-shadow:var(--ring-2),var(--shadow)}.pack-card:nth-child(4n+3){box-shadow:var(--ring-3),var(--shadow)}.pack-card:nth-child(4n+4){box-shadow:var(--ring-4),var(--shadow)}.pack-card:active{transform:translateY(4px);box-shadow:var(--card-ring),0 1px #00000014}.pack-card img{width:96px;height:96px;flex:0 0 auto;object-fit:cover;border-radius:var(--r-md);background:var(--brand-soft)}.pack-meta{flex:1;min-width:0}.pack-title{font-size:19px;font-weight:900;margin-top:0;letter-spacing:.2px}.pack-sub{font-size:13px;color:var(--muted);font-weight:700}.pack-prog{font-size:13px;color:var(--brand-dark);font-weight:900;margin-top:6px}.pack-card:after{content:"";flex:0 0 auto;width:11px;height:11px;margin-right:6px;border-right:3px solid var(--brand);border-bottom:3px solid var(--brand);border-radius:2px;transform:rotate(-45deg)}.pack-head h1{font-size:24px;margin:0;font-weight:900;letter-spacing:.3px}.pack-head p{color:var(--muted);margin:4px 0 12px;font-weight:700}.pack-bar{height:18px;background:var(--brand-soft);border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 2px 5px var(--tint-inset)}.pack-bar-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--ok-light),var(--ok));box-shadow:var(--gloss);transition:width .35s ease}.pack-bar-text{font-size:13px;color:var(--muted);margin:7px 0 0;font-weight:700}.mode-hint{font-size:15px;padding:13px 15px;border-radius:var(--r-md);margin:14px 0;border:2px dashed currentColor;font-weight:800}.mode-hint.grandparent{background:var(--brand-soft);color:var(--brand-dark)}.mode-hint.parent{background:var(--blue-soft);color:var(--blue-dark)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card-tile{background:var(--card);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--card-ring),var(--shadow);padding:10px;cursor:pointer;text-align:left;transition:transform .16s ease,box-shadow .16s ease}.card-tile:hover{transform:translateY(-2px);box-shadow:var(--card-ring),var(--shadow-lg)}.card-tile:nth-child(4n+2){box-shadow:var(--ring-2),var(--shadow)}.card-tile:nth-child(4n+3){box-shadow:var(--ring-3),var(--shadow)}.card-tile:nth-child(4n+4){box-shadow:var(--ring-4),var(--shadow)}.card-tile:active{transform:translateY(4px);box-shadow:var(--card-ring),0 1px #00000014}.card-tile img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--r-md);background:var(--brand-soft)}.tile-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}.tile-type{font-size:12px;font-weight:900;color:var(--brand-dark);background:var(--brand-soft);border:1px solid var(--brand-line);padding:3px 10px;border-radius:var(--r-pill)}.tile-done{font-size:13px;color:var(--ok-dark);font-weight:900}.tile-todo{font-size:13px;color:var(--muted);font-weight:700}.card-view{padding-top:4px}.card-progress{font-size:15px;color:var(--muted);font-weight:900;margin-bottom:12px;display:flex;align-items:center;gap:10px}.badge-done{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(180deg,var(--ok-light),var(--ok));color:var(--on-ok);font-size:12px;font-weight:900;padding:5px 13px;border-radius:var(--r-pill);box-shadow:var(--gloss),0 2px 0 var(--ok-dark)}.badge-star{width:14px;height:14px}.card-image{position:relative;display:block;width:100%;border:var(--card-border);background:var(--card-soft);border-radius:var(--r-xl);padding:0;cursor:pointer;overflow:hidden;box-shadow:var(--card-ring),var(--shadow)}.card-image img{width:100%;max-height:46vh;max-height:48dvh;object-fit:contain;display:block}.tap-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:var(--tip-bg);color:var(--tip-ink);font-size:14px;font-weight:900;padding:9px 18px;border-radius:var(--r-pill);box-shadow:0 6px 16px -6px #00000073;white-space:nowrap}.card-image-empty{min-height:32vh;min-height:34dvh;padding:26px 20px;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:900;color:var(--brand-dark);line-height:1.4;text-align:center}.card-controls{margin:16px 0;display:flex;gap:10px}.card-controls .btn-primary{flex:1}.btn-replay{flex:0 0 auto;width:66px;border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.btn-replay:active{transform:translateY(4px);box-shadow:none}.btn-primary{width:100%;border:none;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 55%,var(--brand-deep) 100%);color:var(--on-brand);font-size:24px;font-weight:900;padding:17px;box-shadow:var(--gloss),0 7px 0 var(--brand-dark),0 16px 26px -14px #0000004d;cursor:pointer;letter-spacing:1px;transition:transform .16s ease,box-shadow .16s ease}.btn-primary:active{transform:translateY(5px);box-shadow:var(--gloss),0 2px 0 var(--brand-dark)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none}.panel{margin-top:8px}.zh-big{font-size:23px;font-weight:900;text-align:center;margin:8px 0;letter-spacing:.3px}.btn-say{display:block;width:100%;border:2px solid var(--blue-line);border-radius:var(--r-lg);background:var(--blue-soft);color:var(--blue-dark);font-size:18px;font-weight:900;padding:15px;margin:10px 0;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.btn-say:active{transform:translateY(4px);box-shadow:none}.guide{font-size:16px;line-height:1.7;background:var(--brand-soft);border:2px solid var(--brand-line);border-radius:var(--r-md);padding:13px 15px;font-weight:700}.phonetic{text-align:center;font-size:20px;color:var(--brand-dark);font-weight:900;margin:6px 0;letter-spacing:.5px}.goal{text-align:center;font-size:15px;color:var(--brand-dark);background:var(--brand-soft);border-radius:var(--r-pill);padding:8px 16px;display:inline-block;font-weight:900}.phonics-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0}.phonics-row{background:var(--card);border:2px solid var(--brand-line);border-radius:var(--r-md);padding:8px 15px;font-size:22px;box-shadow:var(--shadow-sm)}.phonics-row b{color:var(--brand-dark)}.phonics-row .ps{color:var(--blue-dark);margin:0 6px}.phonics-row i{font-style:normal;font-weight:900}.phonics-tip{width:100%;font-size:13px;color:var(--muted);text-align:center;font-weight:700}.balloon-board{border:var(--card-border);background:var(--card-soft);border-radius:var(--r-xl);box-shadow:var(--card-ring),var(--shadow);padding:14px 14px 12px}.balloon-clown{display:block;max-height:18vh;max-width:62%;object-fit:contain;margin:0 auto 10px;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.balloon-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;margin-top:6px}.balloon{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer}.balloon-body{position:relative;width:100%;max-width:112px;aspect-ratio:5 / 6;border-radius:50% 50% 48% 48%/42% 42% 58% 58%;border:2px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;box-shadow:inset -10px -12px 22px #00000029,inset 10px 8px 18px #fff6;transition:transform .16s ease,box-shadow .16s ease}.balloon-word{font-size:clamp(13px,3.6vw,18px);font-weight:900;letter-spacing:.3px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.balloon-word.dark{color:#4a3626;text-shadow:none}.balloon-knot{width:0;height:0;margin-top:-2px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--line-strong)}.balloon-string{width:3px;height:16px;border-radius:2px;background:var(--line-strong)}.balloon:active .balloon-body{transform:scale(.94)}.balloon.active .balloon-body{transform:scale(1.07)}.balloon.picked .balloon-body{box-shadow:inset -10px -12px 22px #00000029,0 0 0 4px var(--tint-brand)}.balloon-check{position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,var(--ok-light),var(--ok));color:var(--on-ok);font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.clown-say{margin-top:12px;min-height:64px;padding:12px 15px;background:var(--card);border:2px solid var(--brand-line);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;box-shadow:var(--shadow-sm)}.clown-say-en{margin:0;font-size:20px;font-weight:900;letter-spacing:.2px}.clown-say-zh{margin:0;font-size:14px;font-weight:800;color:var(--muted)}.clown-say-hint{margin:0;font-size:16px;font-weight:800;color:var(--muted)}.color-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0}.color-chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:2px solid var(--brand-line);border-radius:var(--r-pill);padding:6px 13px;font-size:17px;box-shadow:var(--shadow-sm)}.color-chip b{color:var(--brand-dark)}.color-chip i{font-style:normal;font-size:14px;font-weight:800;color:var(--muted)}.color-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000024}.tile-fallback{width:100%;aspect-ratio:1 / 1;border-radius:var(--r-md);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900;color:var(--brand-dark)}.card-foot{display:flex;gap:12px;margin-top:18px}.btn-nav{flex:1;border:2px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--ink);font-size:18px;font-weight:900;padding:16px;cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}.btn-nav:active{transform:translateY(4px);box-shadow:none}.btn-nav:disabled{opacity:.45;box-shadow:none;transform:none;cursor:default}.btn-checkin{flex:1.3;border:none;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--ok-light) 0%,var(--ok) 55%,var(--ok-deep) 100%);color:var(--on-ok);font-size:21px;font-weight:900;padding:16px;cursor:pointer;box-shadow:var(--gloss),0 6px 0 var(--ok-dark),0 16px 24px -14px #0000004d;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}.btn-checkin:active{transform:translateY(5px);box-shadow:var(--gloss),0 2px 0 var(--ok-dark)}.btn-checkin.done{background:var(--ok-soft);color:var(--ok-dark);box-shadow:var(--gloss),0 4px 0 var(--ok-tint-line)}.btn-checkin:disabled{cursor:default}.login{min-height:74vh;min-height:74dvh;display:flex;align-items:center;justify-content:center}.login-card{position:relative;overflow:hidden;width:100%;max-width:380px;background:var(--card);border:var(--card-border);border-radius:var(--r-xl);box-shadow:var(--card-ring),var(--shadow-lg);padding:30px 22px 26px;text-align:center}.login-card:after{content:"";position:absolute;top:-46px;right:-36px;width:140px;height:140px;border-radius:50%;background:var(--hero-orb)}.login-emoji{position:relative;font-size:58px;line-height:1}.login-title{position:relative;font-size:24px;font-weight:900;margin:12px 0 4px;letter-spacing:.4px}.login-tip{position:relative;font-size:15px;color:var(--muted);margin:0 0 22px;font-weight:700}.login-form{position:relative;display:flex;flex-direction:column;gap:12px}.login-input{border:2px solid var(--line);border-radius:var(--r-md);padding:16px;font-size:19px;background:var(--card-soft);color:var(--ink);width:100%;text-align:center;letter-spacing:5px;font-weight:900;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 5px var(--tint-brand-soft)}.login-err{color:var(--danger);font-size:15px;margin:0;font-weight:800}.login-btn{border:none;border-radius:var(--r-md);background:linear-gradient(180deg,var(--brand-light),var(--brand) 55%,var(--brand-deep));color:var(--on-brand);font-size:20px;font-weight:900;padding:16px;cursor:pointer;box-shadow:var(--gloss),0 6px 0 var(--brand-dark),0 14px 22px -14px #0000004d;transition:transform .16s ease,box-shadow .16s ease}.login-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brand-dark)}.login-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.logout-link{position:relative;margin-top:10px;border:none;background:none;color:var(--hero-ink-soft);font-size:14px;font-weight:800;text-decoration:underline;cursor:pointer;padding:0}.toast{position:fixed;left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--tip-bg);color:var(--tip-ink);padding:14px 24px;border-radius:var(--r-pill);font-size:17px;font-weight:900;z-index:70;max-width:86vw;text-align:center;box-shadow:0 18px 34px -14px #0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.admin{padding-top:4px;display:flex;flex-direction:column}.admin-title{font-size:24px;margin:0 0 12px;font-weight:900;letter-spacing:.3px}.admin-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--card);border:var(--card-border);border-radius:var(--r-md);box-shadow:var(--card-ring),var(--shadow-sm);padding:12px 14px}.admin-item-main{flex:1;min-width:0}.muted{color:var(--muted);font-size:13px;font-weight:700}.admin-hint{color:var(--muted);font-size:15px;font-weight:700}.admin-err{color:var(--danger);font-size:15px;margin:8px 0;font-weight:800}.admin-form,.admin-editor{background:var(--card);border:var(--card-border);border-radius:var(--r-lg);box-shadow:var(--card-ring),var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.admin-editor h3{margin:0;font-size:20px;font-weight:900}.admin-editor h4{margin:10px 0 0;font-size:17px;font-weight:900}.admin label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:900}.admin input,.admin select{border:2px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;font-size:16px;background:var(--card-soft);color:var(--ink);width:100%;transition:border-color .2s ease,box-shadow .2s ease}.admin input:focus,.admin select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--tint-brand-soft)}.admin input:disabled{opacity:.65}.admin-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.admin .btn-primary{width:auto;font-size:16px;padding:12px 22px;border-radius:var(--r-sm);box-shadow:var(--gloss),0 5px 0 var(--brand-dark)}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.chk{flex-direction:row!important;align-items:center;gap:6px!important;font-weight:700!important}.chk input{width:auto}.btn-ghost{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-sm);padding:10px 15px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.btn-ghost:active{transform:translateY(3px);box-shadow:none}.btn-mini{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:var(--r-sm);padding:8px 12px;font-size:14px;font-weight:900;cursor:pointer;box-shadow:var(--shadow-sm);min-height:36px;transition:transform .16s ease,box-shadow .16s ease}.btn-mini:active{transform:translateY(3px);box-shadow:none}.btn-mini.danger{color:var(--danger);border-color:var(--danger-line)}.btn-mini.playing{background:linear-gradient(180deg,var(--brand-light),var(--brand));border-color:var(--brand-dark);color:var(--on-brand);box-shadow:var(--gloss),0 3px 0 var(--brand-dark)}.btn-mini.busy{opacity:.6}.btn-mini:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.admin-note{color:var(--ok-dark);font-size:14px;margin:6px 0;font-weight:800}.upload-btn{display:inline-block;border:2px dashed var(--brand);color:var(--brand-dark);background:var(--brand-soft);border-radius:var(--r-sm);padding:8px 13px;font-size:14px;font-weight:900;cursor:pointer;white-space:nowrap}.upload-btn.busy{opacity:.6}.thumb{max-height:90px;border-radius:var(--r-sm);border:2px solid var(--line)}.card-editor{border:2px dashed var(--brand-line);border-radius:var(--r-md);padding:13px;display:flex;flex-direction:column;gap:10px;background:var(--card-soft)}.card-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.items-editor{border-top:2px dashed var(--line);padding-top:9px;display:flex;flex-direction:column;gap:8px}.item-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;border-bottom:2px dashed var(--line);padding-bottom:8px}.item-row:last-child{border-bottom:none;padding-bottom:0}.item-row .w40{width:60px}.item-row .w80{width:110px}.item-row-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-tip{margin:0;font-size:13px;line-height:1.5;color:var(--muted);font-weight:700}.color-picker{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.color-swatch{width:24px;height:24px;padding:0;border:2px solid var(--card);border-radius:50%;box-shadow:0 0 0 1px var(--tint-inset);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.color-swatch.on{box-shadow:0 0 0 2px var(--brand-dark);transform:scale(1.12)}.color-custom{width:32px;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);cursor:pointer}.audio-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audio-field-label{font-size:14px;font-weight:900;color:var(--muted);min-width:48px;flex:0 0 auto}.audio-select{flex:1 1 150px;min-width:0;max-width:320px;border:2px solid var(--line);border-radius:var(--r-sm);padding:8px;font-size:14px;background:var(--card-soft);color:var(--ink)}.audio-err{color:var(--danger);font-size:13px;font-weight:900}.bulk{background:var(--brand-soft);border:2px dashed var(--brand);border-radius:var(--r-lg);padding:15px;display:flex;flex-direction:column;gap:10px}.bulk-title{font-size:17px;font-weight:900;color:var(--brand-dark)}.bulk-row{display:flex;gap:8px;flex-wrap:wrap}.bulk-name{flex:1;min-width:160px;border:2px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:16px;background:var(--card);color:var(--ink)}.bulk-name:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--tint-brand-soft)}.bulk-row select{border:2px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;font-size:16px;background:var(--card);color:var(--ink)}.bulk-btn{display:block;text-align:center;border:none;border-radius:var(--r-md);background:linear-gradient(180deg,var(--brand-light),var(--brand) 55%,var(--brand-deep));color:var(--on-brand);font-size:18px;font-weight:900;padding:15px;cursor:pointer;box-shadow:var(--gloss),0 5px 0 var(--brand-dark);transition:transform .16s ease,box-shadow .16s ease}.bulk-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--brand-dark)}.bulk-btn.busy{opacity:.6}.bulk-msg{margin:0;font-size:14px;color:var(--ok-dark);font-weight:800}.api-banner{background:var(--brand-soft);color:var(--brand-dark);border:2px solid var(--brand-line);border-radius:var(--r-md);padding:12px 15px;font-size:15px;font-weight:800;margin-bottom:12px}.api-banner-dev{display:block;color:var(--muted);font-size:13px;margin-top:4px;font-weight:500}.home-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin:32px 0}.empty-cloud{width:124px;height:auto;opacity:.9}.empty-text{margin:0;color:var(--muted);font-size:16px;font-weight:700}@media (min-width: 620px){.pack-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){html,body,#root{font-size:17px}.app{padding-top:calc(10px + env(safe-area-inset-top,0px))}.topbar{gap:6px;padding:6px 8px}.back{font-size:16px;padding:8px 6px}.back-text{display:none}.mode-toggle{padding:3px}.mode-toggle button{font-size:16px;padding:7px 9px}.mt-text{display:none}.pack-grid,.card-grid{gap:10px}.pack-card{padding:10px;gap:12px;border-radius:var(--r-md)}.card-tile{padding:8px;border-radius:var(--r-md)}.pack-card img{width:80px;height:80px}.pack-title{font-size:17px;margin-top:0}.pack-sub{font-size:12px}.card-foot{gap:8px}.btn-nav{font-size:15px;padding:14px 8px}.btn-checkin{font-size:16px;padding:14px 8px}.btn-primary{font-size:20px;padding:16px}.card-image img{max-height:42vh;max-height:44dvh}.hero-sun{width:82px;height:82px;top:-12px;right:-8px}.hero-cloud{width:68px;right:12px;bottom:-2px}.hero-moon{width:78px;height:78px;top:-10px;right:-4px}.hero-mini-star{width:24px;height:24px;top:16px;right:68px}.hero-hill{width:118px}.hero-tree{width:38px;right:36px}.audio-select{flex:1 1 100%;max-width:none}}@media (max-width: 360px){.pack-grid,.card-grid{gap:8px}.pack-sub{display:none}.mode-toggle button{padding:7px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.pack-card:hover,.card-tile:hover,.theme-item:hover{transform:none}}