:root{color-scheme:light dark;--brand: #2e7d9c;--brand-dark: #1f5a72;--brand-text: #24708e;--accent-ink: #1f5a72;--streak: #b45309;--bg: #f6f8f9;--card: #ffffff;--ink: #1c2b33;--muted: #5b6f7b;--green: #27835b;--teal: #447f6e;--red: #d95d55;--amber: #e0a53f;--chip-bg: #e8eef1;--input-bg: #fbfdfe;--line: #d5dee3;--soft: #eef2f4;--tint: #eef5f8;--quote-bg: #fbf6ec;--commit-bg: #f2f7f4;--excused-bg: #f0c9c5;--excused-ink: #7c2f29;--banner-praise-bg: #e7f5ee;--banner-upgrade-bg: #fdf3e0;--banner-upgrade-ink: #8a6414;--banner-grad-bg: #eef0fb;--banner-grad-ink: #3f4c9c;--primary-disabled: #b9ccd5;--quad-grad: linear-gradient(135deg, #f2f6f8, #e8f2ee);--shadow-card: 0 1px 2px rgba(28, 43, 51, .05), 0 5px 14px rgba(28, 43, 51, .07);--radius: 14px}@media(prefers-color-scheme:dark){:root{--brand-text: #6fb5d2;--accent-ink: #8ec7dd;--streak: #fbbf24;--bg: #0d161c;--card: #15222b;--ink: #e8eef2;--muted: #9ab0bc;--green: #4cc38a;--teal: #58a58f;--red: #e57b74;--amber: #d9a83f;--chip-bg: #22343f;--input-bg: #101b22;--line: #2d434f;--soft: #1c2c35;--tint: #1a2e39;--quote-bg: #2c2517;--commit-bg: #182920;--excused-bg: #4b2723;--excused-ink: #f1b7ae;--banner-praise-bg: #16322a;--banner-upgrade-bg: #33290f;--banner-upgrade-ink: #e3c06b;--banner-grad-bg: #232a4a;--banner-grad-ink: #aab4ee;--primary-disabled: #33505f;--quad-grad: linear-gradient(135deg, #17262f, #16302a);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 16px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}button{font-family:inherit;font-size:16px;border:none;border-radius:10px;padding:10px 16px;min-height:44px;cursor:pointer;background:var(--chip-bg);color:var(--ink);touch-action:manipulation;transition:transform .15s ease,opacity .2s ease,background-color .2s ease}button:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}@media(prefers-reduced-motion:reduce){button:active{transform:none}}.app,.screen{max-width:480px;margin:0 auto;padding:16px 16px 80px}.app .screen{padding:0 0 80px}.brand{text-align:center;padding:8px 0 4px}.brand h1{margin:0;color:var(--brand-text);letter-spacing:.2em}.tagline{color:var(--muted);margin:4px 0 0;font-size:14px}.card{background:var(--card);border-radius:var(--radius);padding:20px;margin:14px 0;box-shadow:var(--shadow-card)}.card h2{margin-top:0}.card.suggestion{border-left:4px solid var(--teal)}.card.suggestion p{margin:0 0 12px}.exercise-row{justify-content:space-between;margin:10px 0}.exercise-row .chip,.exercise-row button.primary{flex:0 0 auto;margin:0;width:auto;padding:8px 14px}.exercise-name{font-weight:600}.momentum{display:flex;gap:8px;justify-content:center;margin:10px 0}.m-dot{width:14px;height:14px;border-radius:50%;background:var(--soft)}.m-dot.done{background:var(--brand)}.m-dot.two_min{background:var(--teal)}.m-dot.excused{background:var(--amber)}.m-dot.missed{background:var(--red);opacity:.55}.m-dot.future,.m-dot.before{background:var(--soft);opacity:.4}.ns-block{text-align:center;background:var(--tint);border-radius:var(--radius);padding:14px;margin:8px 0 14px}.ns-value{font-size:40px;font-weight:800;color:var(--accent-ink);margin:2px 0;line-height:1}.ns-empty{color:var(--accent-ink);font-weight:600;margin:6px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--bg);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.stat-num{font-size:22px;font-weight:800;color:var(--accent-ink)}.stat-label{font-weight:600;font-size:14px}.trend{display:flex;gap:8px;align-items:flex-end;height:80px;margin-top:6px}.trend-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-fill{width:70%;min-height:4px;background:var(--teal);border-radius:4px 4px 0 0}.trend-score{font-size:12px;color:var(--muted);margin-top:4px}.exercise-done{color:var(--green);font-weight:600;font-size:13px}.streak-num,.cal-day,.ns-value,.stat-num,.celebrate-streak,.trend-score{font-variant-numeric:tabular-nums}label{display:block;margin:12px 0;font-weight:600;font-size:15px}input,textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;font-size:16px;font-family:inherit;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--ink)}input:focus,textarea:focus{outline:2px solid var(--brand-text);border-color:transparent}button.primary{background:var(--brand);color:#fff;font-weight:700}button.primary:disabled{background:var(--primary-disabled);cursor:default}button.secondary{background:#447f6e;color:#fff;font-weight:700}button.ghost{background:transparent;color:var(--muted);text-decoration:underline}button.big{display:block;width:100%;margin:10px 0;padding:14px}.chip{display:inline-block;margin:4px 6px 4px 0;padding:10px 16px;border-radius:999px;background:var(--chip-bg);font-size:15px}.chip.selected{background:var(--brand);color:#fff}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.nav-row{margin-top:18px;justify-content:flex-end}.hint{color:var(--muted);font-size:14px}.hint.center{text-align:center}.intention{background:var(--tint);border-left:4px solid var(--brand);padding:10px 12px;border-radius:6px;font-weight:600}.votes{color:var(--accent-ink);font-weight:600}.done-msg{color:var(--green);font-weight:700;text-align:center;margin:16px 0 4px}.steps{display:flex;gap:4px;justify-content:center;margin:10px 0;flex-wrap:wrap}.step{font-size:13px;color:var(--muted);padding:3px 8px;border-radius:999px}.step.active{background:var(--brand);color:#fff}.step.done{color:var(--brand-text)}.commit{background:var(--commit-bg);border-radius:10px;padding:12px 16px;margin-top:14px}.commit h3{margin:0 0 6px}.banner{border-radius:var(--radius);padding:12px 16px;margin:14px 0}.banner.praise{background:var(--banner-praise-bg);color:var(--green)}.banner.upgrade{background:var(--banner-upgrade-bg);color:var(--banner-upgrade-ink)}.banner.graduate{background:var(--banner-grad-bg);color:var(--banner-grad-ink)}.banner p{margin:0 0 6px;font-weight:600}.recovery .card{border-top:5px solid var(--amber)}blockquote{margin:8px 0;padding:10px 14px;background:var(--quote-bg);border-left:4px solid var(--amber);border-radius:6px;font-style:italic}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}.cal-head{text-align:center;color:var(--muted);font-size:13px}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;background:var(--soft)}.cal-day.done{background:var(--green);color:#fff;font-weight:700}.cal-day.two_min{background:var(--teal);color:#fff;font-weight:700}.cal-day.missed{background:var(--red);color:#fff}.cal-day.excused{background:var(--excused-bg);color:var(--excused-ink)}.cal-day.future,.cal-day.before{opacity:.45}.legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted)}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:4px}.dot.done{background:var(--green)}.dot.two_min{background:var(--teal)}.dot.missed{background:var(--red)}.dot.excused{background:var(--excused-bg)}.check-row{display:flex;gap:10px;align-items:center;font-weight:400;margin:8px 0}.check-row input{width:20px;height:20px;margin:0}.quadrant{position:relative;width:100%;aspect-ratio:1;background:linear-gradient(to right,transparent 49.7%,var(--line) 49.7%,var(--line) 50.3%,transparent 50.3%),linear-gradient(to bottom,transparent 49.7%,var(--line) 49.7%,var(--line) 50.3%,transparent 50.3%),var(--quad-grad);border-radius:10px;margin:10px 0;overflow:hidden}.q-label{position:absolute;font-size:12px;color:var(--muted)}.q-tl{top:8px;left:10px}.q-tr{top:8px;right:10px;color:var(--accent-ink);font-weight:700}.q-bl{bottom:8px;left:10px}.q-br{bottom:8px;right:10px}.q-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brand);transform:translate(-50%,50%)}.flow-entry{border-top:1px solid var(--soft);padding:10px 0}.flow-entry p{margin:4px 0}.cue-block{margin:10px 0}.hide-plan{margin:6px 0 0 14px;font-weight:400;font-size:14px;color:var(--muted)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--brand),var(--brand-dark));color:#fff;cursor:pointer;transition:opacity .2s ease-out}.splash.leaving{opacity:0}.sp-name{margin:14px 0 0;letter-spacing:.35em;font-size:30px;text-indent:.35em}.sp-tag{margin:6px 0 0;font-size:14px;opacity:.85}.sp-build{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));font-size:11px;opacity:.5}.sp-wave{stroke-dasharray:90;stroke-dashoffset:90;animation:sp-draw .55s ease-out forwards}.sp-wave.w2{animation-delay:.12s}.sp-wave.w3{animation-delay:.24s}@keyframes sp-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.sp-wave{animation:none;stroke-dashoffset:0}}.intro-screen{display:flex;flex-direction:column;justify-content:center;min-height:92dvh}.intro-card{text-align:center;padding:28px 22px;animation:intro-in .35s ease-out}.intro-card h2{margin:14px 0 8px;font-size:24px}.intro-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}@keyframes intro-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.intro-dots{display:flex;gap:8px;justify-content:center;margin:4px 0 12px}.i-dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.i-dot.on{background:var(--brand)}@media(prefers-reduced-motion:reduce){.intro-card{animation:none}}.splash.first .sp-wave{animation-duration:1.2s}.splash.first .sp-wave.w2{animation-delay:.35s}.splash.first .sp-wave.w3{animation-delay:.7s}.splash.first svg{animation:sp-breathe 2.2s ease-in-out 1.9s infinite}.splash.first .sp-name{opacity:0;animation:sp-rise .6s ease-out 1.1s forwards}.splash.first .sp-tag{opacity:0;animation:sp-rise .6s ease-out 1.7s forwards}@keyframes sp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.splash.first .sp-name,.splash.first .sp-tag{animation:none;opacity:1}.splash.first svg{animation:none}}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#2e7d9cf5,#1f5a72f7);color:#fff;text-align:center;overflow:hidden;animation:cel-fade-in .25s ease-out}@keyframes cel-fade-in{0%{opacity:0}to{opacity:1}}.celebrate-core{position:relative;z-index:2;padding:0 32px}.celebrate-core h2{margin:6px 0;font-size:24px}.celebrate-core p{margin:8px 0 0;font-size:17px;opacity:.94;line-height:1.7}.celebrate-streak{font-size:92px;font-weight:800;line-height:1;animation:cel-pop .55s cubic-bezier(.2,1.6,.4,1);text-shadow:0 4px 24px rgba(0,0,0,.25)}.celebrate-unit{font-size:26px;font-weight:600;margin-left:6px}@keyframes cel-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.celebrate-cta{margin-top:22px;background:#fff;color:var(--brand-dark);font-weight:700;padding:12px 32px;border-radius:999px}.ripple{position:absolute;left:50%;top:42%;width:120px;height:120px;margin:-60px 0 0 -60px;border:2px solid rgba(255,255,255,.55);border-radius:50%;animation:cel-ripple 1.6s ease-out infinite}.ripple.r2{animation-delay:.4s}.ripple.r3{animation-delay:.8s}@keyframes cel-ripple{0%{transform:scale(.6);opacity:.8}to{transform:scale(4.2);opacity:0}}.confetti{position:absolute;top:-18px;width:10px;height:16px;border-radius:2px;animation:cel-fall 2s ease-in infinite}.confetti.cf0{left:8%;background:#ffd166;animation-delay:0s}.confetti.cf1{left:22%;background:#8fd6bd;animation-delay:.25s}.confetti.cf2{left:36%;background:#ffb4a2;animation-delay:.5s}.confetti.cf3{left:50%;background:#f2f6f8;animation-delay:.15s}.confetti.cf4{left:64%;background:#ffd166;animation-delay:.4s}.confetti.cf5{left:78%;background:#8fd6bd;animation-delay:.65s}.confetti.cf6{left:90%;background:#ffb4a2;animation-delay:.3s}@keyframes cel-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:.7}}@media(prefers-reduced-motion:reduce){.celebrate-streak,.ripple,.confetti,.celebrate-overlay{animation:none}.ripple,.confetti{display:none}}.streak-hero{display:flex;align-items:baseline;gap:6px;margin:8px 0 2px}.streak-num{font-size:56px;font-weight:800;color:var(--streak);line-height:1}.streak-unit-label{font-size:16px;color:var(--muted);font-weight:600}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:8px 0 max(8px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto}.tabbar button{background:transparent;color:var(--muted);font-weight:600}.tabbar button.active{color:var(--brand-text)}