:root{--bg:#eef5fb;--bg-grad:linear-gradient(180deg, #d9ecfb 0%, #eef5fb 320px);--surface:#fff;--surface-2:#f4f8fc;--line:#dde8f2;--text:#0f2133;--muted:#5b7086;--faint:#93a4b6;--primary:#0a6fd6;--primary-2:#2ba4f0;--primary-soft:#e1effd;--accent:#ff7a59;--good:#12a37f;--good-soft:#dcf5ec;--warn:#e8a317;--bad:#e5484d;--gold:#f2b705;--shadow:0 1px 2px #0f21330f, 0 4px 16px #0f21330f;--st-free:#2f80ed;--st-back:#10b3a3;--st-breast:#f0a012;--st-fly:#d946ef;--st-mixed:#8b5cf6;--st-kick:#f97316;--st-unknown:#9aa9b8;--radius:20px;--tabbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#061321;--bg-grad:linear-gradient(180deg, #0a2540 0%, #061321 320px);--surface:#0d2135;--surface-2:#112a42;--line:#1b3651;--text:#e7f1fa;--muted:#9db3c9;--faint:#6b839b;--primary:#3ea2ff;--primary-2:#59c2ff;--primary-soft:#12304d;--good-soft:#0f3a30;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg-grad), var(--bg);background-repeat:no-repeat;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}.app{max-width:560px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);margin:0 auto}.page{flex-direction:column;gap:14px;animation:.25s fade-in;display:flex}@keyframes fade-in{0%{transform:translateY(6px)}}.page-title{letter-spacing:-.02em;margin:6px 2px 2px;font-size:30px;font-weight:800}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:baseline;margin:10px 4px -4px;font-size:13px;font-weight:700;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card.tight{padding:12px}.card.hero{color:#fff;background:linear-gradient(135deg,#0a6fd6 0%,#14a1e6 60%,#3fd0d4 100%);position:relative;overflow:hidden}.card.hero .muted{color:#fffc}.hero-waves{opacity:.25;pointer-events:none;height:60px;position:absolute;inset:auto 0 0}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.col{flex-direction:column;gap:4px;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.tiny{font-size:11px}.big{letter-spacing:-.02em;font-size:28px;font-weight:800}.num{font-variant-numeric:tabular-nums}.bold{font-weight:700}.center{text-align:center}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:12px}.stat .label{color:var(--muted);font-size:12px;font-weight:600}.stat .value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.delta{font-size:12px;font-weight:700}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.bar{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.hero .bar{background:#ffffff40}.bar>i{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.hero .bar>i{background:#fff}.stackbar{background:var(--surface-2);border-radius:99px;height:8px;display:flex;overflow:hidden}.stackbar>i{height:100%;display:block}.chip{background:var(--surface-2);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.chip.on{background:var(--primary);color:#fff}.chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.btn{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 18px;font-weight:700;transition:transform .1s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5}.btn.secondary{background:var(--primary-soft);color:var(--primary)}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.danger{color:var(--bad);background:0 0}.btn.block{width:100%}.btn.small{border-radius:10px;min-height:34px;padding:6px 12px;font-size:14px}.link{color:var(--primary);text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;text-decoration:none}.icon-btn{background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:inline-flex}.segmented{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--muted);border-radius:9px;flex:1;padding:7px 6px;font-size:14px;font-weight:600}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:600}.input{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;outline:none;width:100%;min-height:46px;padding:12px 14px;font-size:16px}.input:focus{border-color:var(--primary)}textarea.input{resize:vertical;min-height:70px}.list{flex-direction:column;display:flex}.list-item{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.badge-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.pill{background:var(--primary-soft);color:var(--primary);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{color:#9a6700;background:#fff2d6}@media (prefers-color-scheme:dark){.pill.warn{color:#f5c451;background:#3d2f0b}}.emoji-xl{font-size:48px;line-height:1}.emoji-lg{font-size:32px;line-height:1}.tabbar{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar nav{max-width:560px;height:var(--tabbar-h);margin:0 auto;display:flex}.tabbar a{color:var(--faint);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabbar a .ti{filter:grayscale();opacity:.7;font-size:22px;transition:transform .2s}.tabbar a.on{color:var(--primary)}.tabbar a.on .ti{filter:none;opacity:1;transform:translateY(-1px)scale(1.08)}.tabbar .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:calc(50% - 18px)}.sheet-backdrop{z-index:40;background:#04101c73;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92dvh;padding:10px 16px calc(env(safe-area-inset-bottom) + 20px);overscroll-behavior:contain;border-radius:24px 24px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) slide-up;overflow-y:auto}@keyframes slide-up{0%{transform:translateY(100%)}}.sheet-handle{background:var(--line);border-radius:99px;width:40px;height:5px;margin:0 auto 10px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.sheet-head h2{font-size:20px;font-weight:800}.sheet .stack{flex-direction:column;gap:12px;display:flex}.stroke-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.stroke-row:last-child{border-bottom:0}.stepper{align-items:center;gap:6px;display:flex}.stepper input{text-align:center;width:74px;min-height:38px;padding:8px 4px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{background:var(--surface);text-align:center;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 8px;display:flex}.badge .be{font-size:34px;line-height:1.1}.badge .bn{font-size:12px;font-weight:700;line-height:1.2}.badge.locked .be{filter:grayscale();opacity:.35}.badge.locked .bn{color:var(--muted)}.badge .bar{width:80%;height:5px;margin-top:2px}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--faint);font-size:10px}.chart .grid{stroke:var(--line);stroke-width:1px}.heat{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;display:grid}.heat>button{aspect-ratio:1;background:var(--surface-2);border-radius:4px}.heat>button.sel{outline:2px solid var(--text);outline-offset:1px}.weekdots{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.weekdots .wd{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.weekdots .circle{background:var(--surface-2);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.weekdots .circle.swam{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}.weekdots .circle.plan{border:2px dashed var(--primary-2);background:0 0}.weekdots .circle.pause{background:var(--surface-2);opacity:.6}.weekdots .today{color:var(--primary)}.journey-svg{width:100%;height:auto;display:block}.postcard{background:var(--surface-2);border-radius:14px;gap:10px;padding:10px 12px;font-size:14px;display:flex}.postcard.locked{opacity:.55}.celebrate{z-index:60;background:#04101c8c;justify-content:center;align-items:center;padding:24px;animation:.25s fade;display:flex;position:fixed;inset:0}.celebrate-card{background:var(--surface);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;padding:28px 22px 20px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.celebrate-emoji{font-size:76px;line-height:1;animation:2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)rotate(-4deg)}}.bubbles{pointer-events:none;z-index:61;position:fixed;inset:0;overflow:hidden}.bubbles i{background:radial-gradient(circle at 30% 30%,#ffffffb3,#78c8ff33);border:2px solid #ffffffb3;border-radius:50%;animation:linear forwards rise;position:absolute;bottom:-40px}@keyframes rise{to{transform:translateY(-115vh) translateX(var(--dx,0));opacity:.2}}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 14px);background:var(--text);color:var(--bg);z-index:70;border-radius:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;animation:.2s fade;position:fixed;transform:translate(-50%)}.fab{right:max(16px,50% - 264px);bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);z-index:15;background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;font-weight:400;display:flex;position:fixed;box-shadow:0 8px 24px #0a6fd666}.empty{text-align:center;color:var(--muted);padding:30px 16px}.login{flex-direction:column;justify-content:center;gap:18px;max-width:380px;min-height:100dvh;margin:0 auto;padding:24px;display:flex}.wave-anim{animation:3s ease-in-out infinite wave;display:inline-block}@keyframes wave{50%{transform:translateY(-4px)rotate(3deg)}}.callout{background:var(--primary-soft);color:var(--text);border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;display:flex}.callout.warn{background:#fff4dc}@media (prefers-color-scheme:dark){.callout.warn{background:#33280c}}details>summary{cursor:pointer;color:var(--primary);font-size:14px;font-weight:600;list-style:none}details>summary::-webkit-details-marker{display:none}code{background:var(--surface-2);word-break:break-all;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.quote{cursor:pointer;background:linear-gradient(135deg, var(--surface) 60%, var(--primary-soft) 100%);flex-direction:column;gap:6px;display:flex}.quote-refresh{width:34px;height:34px;font-size:16px}.quote-text{margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic;line-height:1.4;animation:.35s fade}.quote-text:before{content:"“"}.quote-text:after{content:"”"}.quote-by{color:var(--muted);align-self:flex-end;font-size:14px;font-weight:600}.quote-big{background:var(--surface);border-radius:28px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:18px 24px 22px;animation:.45s cubic-bezier(.2,1.4,.4,1) pop;display:flex;box-shadow:0 20px 60px #0000004d}.quote-mark{height:48px;color:var(--primary);opacity:.35;font-family:Georgia,serif;font-size:90px;line-height:.8}.quote-text.big-q{font-size:28px;line-height:1.3}.quote-text.big-q:before,.quote-text.big-q:after{content:none}.spin-once{animation:.5s spin-once;display:inline-block}@keyframes spin-once{0%{transform:rotate(-360deg)}}