:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-accent: #0088b0;--color-accent-2: #d6006c;--color-divider: color-mix(in srgb, #201e1d 16%, transparent);--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #e9f8ff;--color-accent-200: #cbeeff;--color-accent-300: #99e0ff;--color-accent-400: #62c5ee;--color-accent-500: #38a6cf;--color-accent-600: #1186ac;--color-accent-700: #006786;--color-accent-800: #004961;--color-accent-900: #0a303e;--color-accent-2-100: #fff1f4;--color-accent-2-200: #ffdee6;--color-accent-2-300: #ffc0d0;--color-accent-2-400: #ff90b1;--color-accent-2-500: #ff458e;--color-accent-2-600: #d82071;--color-accent-2-700: #aa0b56;--color-accent-2-800: #790e3d;--color-accent-2-900: #4b1528;--font-heading: "Source Serif 4", Georgia, serif;--font-heading-weight: 600;--font-body: "Source Serif 4", Georgia, serif;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-6: 30px;--space-8: 40px;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--shadow-sm: 0 1px 2px color-mix(in srgb, #2d2b2b 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2d2b2b 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2d2b2b 22%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}#root{min-height:100dvh}.app{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 22px) calc(env(safe-area-inset-right) + 22px) 0 calc(env(safe-area-inset-left) + 22px)}.screen{flex:1;padding-bottom:24px}.kicker{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600)}.tnum{font-variant-numeric:tabular-nums}.italic-note{font-size:14.5px;font-style:italic;color:var(--color-neutral-700)}.day-head{display:flex;justify-content:space-between;align-items:baseline}.title{margin:9px 0 0;font-size:23px;line-height:1.1;letter-spacing:-.01em}.hero{display:flex;align-items:center;gap:18px;margin-top:16px}.hero-dial{position:relative;width:126px;height:126px;flex:none}.hero-dial svg{width:126px;height:126px;transform:rotate(-90deg)}.hero-dial-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-dial-num{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:44px;line-height:.82;letter-spacing:-.03em}.hero-dial-of{font-size:12px;color:var(--color-neutral-600);margin-top:4px}.hero-streak{flex:1;min-width:0}.hero-streak-head{display:flex;align-items:baseline;gap:7px}.hero-streak-num{font-family:var(--font-heading);font-weight:700;font-size:50px;line-height:.82;letter-spacing:-.03em;color:var(--color-accent-700)}.hero-streak-cap{font-size:13.5px;line-height:1.25;color:var(--color-neutral-700)}.strip14{display:flex;gap:2px;margin-top:12px}.strip14>div{flex:1;height:22px}.strip14-cap{font-size:11.5px;color:var(--color-neutral-600);margin-top:6px}.coach{font-size:14px;line-height:1.4;margin-top:14px;color:var(--color-neutral-700);font-style:italic}.quote{display:block;width:100%;margin-top:22px;padding-top:16px;border-top:1px solid var(--color-divider);cursor:pointer;-webkit-tap-highlight-color:transparent}.quote:active{opacity:.55}.quote-text{display:block;font-family:var(--font-heading);font-size:19px;line-height:1.35;font-style:italic;color:var(--color-text);text-wrap:pretty}.quote-by{display:block;margin-top:8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600)}.quote-by:before{content:"— "}.editing-banner{margin-top:16px;padding:14px 0;border-top:2px solid var(--color-accent-700);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:14px;font-size:14px;color:var(--color-neutral-700)}.editing-banner span{flex:1}.cards{display:flex;flex-direction:column;gap:2px;margin-top:30px}.card-shell{border-top:1px solid var(--color-divider);padding:0 0 4px}.card-head{display:flex;align-items:center;gap:12px;min-height:60px;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-head:active{background:var(--color-neutral-100)}.card-dot{width:8px;height:8px;border-radius:50%;flex:none}.card-label{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20.5px;line-height:1.15}.card-meta{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-top:3px}.card-frac{font-size:19px}.card-chev{font-size:13px;color:var(--color-neutral-500);width:12px;text-align:center}.subs{padding:2px 0 14px 20px}.sub-row{display:flex;align-items:center;gap:13px;min-height:46px}.tick-hit{width:44px;height:44px;flex:none;margin:-9px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.tick{width:26px;height:26px;flex:none;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:#fff}.sub-label{flex:1;font-size:16.5px}.sub-note{font-size:13px;font-style:italic;color:var(--color-neutral-600);margin-top:6px}.stepper{display:flex;align-items:center;gap:2px}.stepper button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--color-accent-700);-webkit-tap-highlight-color:transparent}.stepper-value{min-width:52px;text-align:center;font-size:17px}.chips{display:grid;gap:5px}.chips-3{grid-template-columns:repeat(3,1fr);width:232px}.chips-2{grid-template-columns:repeat(2,1fr);width:154px}.chip{padding:10px 6px;border-radius:2px;font-size:13px;line-height:1.15;text-align:center;cursor:pointer;border:1px solid var(--color-neutral-400);background:transparent;color:var(--color-neutral-700);-webkit-tap-highlight-color:transparent}.chip[data-state=on]{background:var(--color-accent-700);border-color:var(--color-accent-700);color:#f3f2f2}.chip[data-state=late]{background:var(--color-accent-2-700);border-color:var(--color-accent-2-700);color:#f3f2f2}.day-foot{border-top:1px solid var(--color-divider);margin-top:6px;padding-top:16px;display:flex;justify-content:space-between;font-size:13.5px;color:var(--color-neutral-600)}.streak-num{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:132px;line-height:.78;letter-spacing:-.045em;color:var(--color-accent-700)}.stat-pair{margin-top:34px;display:flex;gap:34px}.stat-num{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:52px;line-height:.85}.stat-label{font-size:14.5px;color:var(--color-neutral-700);margin-top:8px;max-width:110px}.break-block{margin-top:36px;border-top:2px solid var(--color-accent-2-600);padding-top:12px}.break-kicker{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-2-700)}.bars{display:flex;gap:4px;align-items:flex-end;height:78px}.bars>div{flex:1}.axis{display:flex;justify-content:space-between;font-size:12px;color:var(--color-neutral-600);margin-top:8px}.grid90{display:flex;gap:3px;margin-top:26px}.grid90 .col{display:flex;flex-direction:column;gap:3px}.grid90 .cell{width:23px;height:23px;border:0;padding:0;border-radius:1px;cursor:pointer;-webkit-tap-highlight-color:transparent}.grid90 .tick{font-size:9.5px;text-align:center;color:var(--color-neutral-500);height:12px}.legend{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--color-neutral-600)}.legend .swatch{width:17px;height:11px}.stat-row{padding:11px 0;border-bottom:1px solid var(--color-divider)}.stat-row-head{display:flex;align-items:baseline;gap:10px}.stat-track{height:4px;background:var(--color-neutral-200);margin-top:8px}.stat-fill{height:4px}.tabs{position:sticky;bottom:0;display:flex;gap:6px;background:var(--color-bg);border-top:1px solid var(--color-divider);padding:10px 0 calc(env(safe-area-inset-bottom) + 26px)}.tabs button{flex:1;text-align:center;padding:6px 0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);border-top:2px solid transparent;-webkit-tap-highlight-color:transparent}.tabs button[aria-current=page]{color:var(--color-text);border-top-color:var(--color-text)}.setting-row{padding:16px 0;border-bottom:1px solid var(--color-divider)}.setting-row h4{font-size:17px}.setting-row p{margin:4px 0 10px;font-size:13.5px;color:var(--color-neutral-700)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.btn-line{border:1px solid var(--color-neutral-400);border-radius:2px;padding:10px 14px;font-size:14px}.btn-line[data-tone=danger]{border-color:var(--color-accent-2-700);color:var(--color-accent-2-700)}