:root{--bg: #fbf6ee;--ink: #2e2a26;--ink2: #7a7066;--ink3: #8a8074;--line: #ede4d6;--card: #ffffff;--card-edge: #f2eadd;--star: #dda93a;--r-card: 28px;--r-pill: 999px;--shadow-btn: 0 2px 8px rgba(46, 42, 38, .1);--shadow-card: 0 2px 10px rgba(46, 42, 38, .06);--press-dark: .94;--tap-min: 88px;--school: #9db8cc;--school-dark: #6f92ac;--school-soft: #e4edf3;--school-solid: #5a7e96;--course: #a896c4;--course-dark: #8775ac;--course-soft: #e8e1f3;--course-solid: #7b64a8;--selfcare: #7fbdb6;--selfcare-dark: #5e9a93;--selfcare-soft: #dbedea;--selfcare-solid: #4e9c93;--outdoor: #8fb98f;--outdoor-dark: #6c966c;--outdoor-soft: #dfecdd;--outdoor-solid: #5c9160;--fun: #de9270;--fun-dark: #b96c42;--fun-soft: #f8e4d6;--fun-solid: #c1743f;--homestudy: #d9c24a;--homestudy-dark: #a8842a;--homestudy-soft: #f7edd0;--homestudy-solid: #a8842a;--extra1: #de8fb0;--extra1-dark: #b56a88;--extra1-soft: #fae4ee;--extra1-solid: #a85f80;--extra2: #9fc065;--extra2-dark: #6b8e3c;--extra2-soft: #e6f0d5;--extra2-solid: #6b8e3c;--extra3: #b98bc4;--extra3-dark: #87579b;--extra3-soft: #f0e4f3;--extra3-solid: #87579b;--c: var(--selfcare);--c-dark: var(--selfcare-dark);--c-soft: var(--selfcare-soft);--c-solid: var(--selfcare-solid)}[data-cat=school]{--c: var(--school);--c-dark: var(--school-dark);--c-soft: var(--school-soft);--c-solid: var(--school-solid)}[data-cat=course]{--c: var(--course);--c-dark: var(--course-dark);--c-soft: var(--course-soft);--c-solid: var(--course-solid)}[data-cat=selfcare]{--c: var(--selfcare);--c-dark: var(--selfcare-dark);--c-soft: var(--selfcare-soft);--c-solid: var(--selfcare-solid)}[data-cat=outdoor]{--c: var(--outdoor);--c-dark: var(--outdoor-dark);--c-soft: var(--outdoor-soft);--c-solid: var(--outdoor-solid)}[data-cat=fun]{--c: var(--fun);--c-dark: var(--fun-dark);--c-soft: var(--fun-soft);--c-solid: var(--fun-solid)}[data-cat=homestudy]{--c: var(--homestudy);--c-dark: var(--homestudy-dark);--c-soft: var(--homestudy-soft);--c-solid: var(--homestudy-solid)}[data-cat=extra1]{--c: var(--extra1);--c-dark: var(--extra1-dark);--c-soft: var(--extra1-soft);--c-solid: var(--extra1-solid)}[data-cat=extra2]{--c: var(--extra2);--c-dark: var(--extra2-dark);--c-soft: var(--extra2-soft);--c-solid: var(--extra2-solid)}[data-cat=extra3]{--c: var(--extra3);--c-dark: var(--extra3-dark);--c-soft: var(--extra3-soft);--c-solid: var(--extra3-solid)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Nunito,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.candyBtn{border:none;cursor:pointer;font-family:inherit;font-weight:900;color:#fff;background:var(--c-solid);box-shadow:var(--shadow-btn);transition:transform .08s ease,filter .08s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.candyBtn:active{transform:translateY(2px) scale(.98);filter:brightness(var(--press-dark))}.quietBtn{border:none;background:none;cursor:pointer;font-family:inherit;color:var(--ink3);transition:color .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent;min-height:44px}.quietBtn:active{color:var(--ink2);opacity:.6}.candyCard{border-radius:var(--r-card);background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow-card)}.candyPill{border-radius:var(--r-pill);cursor:pointer;border:none;font-family:inherit;font-weight:800;transition:transform .12s ease,background .12s ease;-webkit-tap-highlight-color:transparent}.candyPill:active{transform:scale(.95)}@keyframes pop{0%{transform:scale(.55);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{transform:translateY(8px);opacity:0}25%{opacity:1}to{transform:translateY(-16px);opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.netHint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;padding:40px 28px;text-align:center;color:var(--ink2);font-weight:800}