:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf0f6;--page-grad:linear-gradient(160deg, #eff2f8 0%, #e9eef7 100%);--mesh-1:#cddffb;--mesh-2:#dbe6fa;--mesh-3:#d9e2f2;--bg-card:#fff;--bg-card2:#f8f9ff;--bg-soft:#f3f4f6;--glass:#ffffff9e;--glass-2:#ffffff8c;--glass-3:#ffffffc7;--glass-hi:#fffffff2;--glass-border:#ffffffb3;--spec:#ffffffeb;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--primary-soft:#3b82f61f;--text:#0c1728;--text-mid:#42536c;--text-muted:#7d8ca4;--text-faint:#a3b0c4;--border:#0c17281a;--border-soft:#0c17280f;--danger:#c93a44;--danger-bg:#c93a441a;--danger-border:#c93a4447;--success:#0d7a54;--success-bg:#0d7a541a;--success-border:#0d7a5447;--warn:#a4600a;--warn-bg:#d9972c21;--warn-border:#a4600a38;--overlay:#08101e6b;--panel:linear-gradient(155deg, #132f61 0%, #0a1a36 58%, #08152c 100%);--panel-glow:#5d98ff6b;--panel-edge:#ffffff29;--panel-shadow:0 18px 34px -22px #091834e6;--seg-off:#ffffff26;--seg-on:linear-gradient(90deg, #7db0ff, #fff);--idx:linear-gradient(150deg, #1c396f, #0a1a36);--track:#0c172814;--track-fill:linear-gradient(90deg, #60a5fa, #2563eb);--btn:linear-gradient(160deg, #3b82f6, #1d4ed8);--btn-glow:#1d4ed8f2;--btn-spec:#ffffff59;--btn-green:linear-gradient(160deg, #0d7a54, #0a5f43);--btn-green-glow:#0a5f43f2;--done-bg:#3b82f617;--done-border:#3b82f638;--bar:#edf0f699;--tabbar:#f4f6fbb8;--tabbar-edge:#ffffffe6;--shadow:0 1px 3px #0b1c3a0f, 0 12px 26px -16px #0b1c3a4d;--shadow-sm:0 1px 3px #0b1c3a0f;--shadow-card:0 1px 1px #0b1c3a0a, 0 12px 26px -16px #0b1c3a4d;--shadow-hover:0 4px 20px #2563eb26;--shadow-float:0 16px 34px -18px #0b1c3a8c;--shadow-nav:0 -12px 30px -20px #0b1c3a80;--shadow-header:0 10px 24px -20px #0b1c3a73}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a111f;--page-grad:linear-gradient(160deg, #0a111f 0%, #080e1a 100%);--mesh-1:#2d6ee147;--mesh-2:#38bdf81a;--mesh-3:#1d4ed829;--bg-card:#111a2c;--bg-card2:#162034;--bg-soft:#1a2540;--glass:#96b2e117;--glass-2:#ffffff0d;--glass-3:#ffffff12;--glass-hi:#ffffff24;--glass-border:#ffffff17;--spec:#ffffff1a;--primary:#6aa4ff;--primary-dark:#4b8dff;--primary-light:#4a8dff26;--primary-border:#4a8dff59;--primary-soft:#4a8dff29;--text:#e9eff9;--text-mid:#a2b1c8;--text-muted:#6f7f99;--text-faint:#55647d;--border:#ffffff1a;--border-soft:#ffffff0e;--danger:#f4646d;--danger-bg:#f4646d1c;--danger-border:#f4646d47;--success:#2bc38b;--success-bg:#2bc38b1f;--success-border:#2bc38b4d;--warn:#e0a75a;--warn-bg:#e0a75a1f;--warn-border:#e0a75a3d;--overlay:#0000009e;--panel:linear-gradient(155deg, #1c4384 0%, #0e2450 58%, #0a1730 100%);--panel-glow:#78afff80;--panel-edge:#fff3;--panel-shadow:0 24px 48px -26px #2563eb8c;--seg-off:#ffffff24;--seg-on:linear-gradient(90deg, #6aa4ff, #dbe9ff);--idx:linear-gradient(150deg, #2b5296, #12254a);--track:#ffffff17;--track-fill:linear-gradient(90deg, #4b8dff, #8ab6ff);--btn:linear-gradient(160deg, #4d90ff, #1d4ed8);--btn-glow:#2563ebcc;--btn-spec:#ffffff47;--btn-green:linear-gradient(160deg, #17a06f, #0c7350);--btn-green-glow:#17a06fb3;--done-bg:#4a8dff24;--done-border:#4a8dff4d;--bar:#0a111f9e;--tabbar:#0b1220bd;--tabbar-edge:#ffffff14;--shadow:0 2px 12px #00000080;--shadow-sm:0 1px 3px #0006;--shadow-card:0 1px 1px #0006, 0 14px 30px -18px #000000d9;--shadow-hover:0 4px 24px #2563eb59;--shadow-float:0 18px 40px -18px #000000d9;--shadow-nav:0 -14px 34px -22px #000000e6;--shadow-header:0 12px 28px -22px #000000d9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color .25s,border-color .25s,color .25s}body{background-color:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh;margin:0;font-family:Archivo,system-ui,-apple-system,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}#root{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.mesh{z-index:0;pointer-events:none;background:radial-gradient(430px 300px at 84% 4%, var(--mesh-1) 0%, transparent 70%), radial-gradient(340px 280px at 6% 38%, var(--mesh-2) 0%, transparent 72%), radial-gradient(520px 380px at 50% 96%, var(--mesh-3) 0%, transparent 70%);max-width:480px;margin:0 auto;position:fixed;inset:0}.set-input::placeholder{color:var(--text-faint);opacity:1;font-weight:500}.set-input:focus,.note-input:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px var(--primary-soft)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-card2) 25%, var(--border) 50%, var(--bg-card2) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@keyframes streak-pop{0%{transform:scale(1)}30%{transform:scale(1.9)}55%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes step-in-fwd{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes step-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes phone-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}