:root{--flow-surface:#f0f4f1;--flow-success:#2e6649;--flow-warning:#82421e}.flow-title{display:flex;justify-content:space-between;align-items:start;gap:15px}.flow-title h2{margin:12px 0 10px;flex:1}.elapsed-time{font-variant-numeric:tabular-nums;font-size:15px;padding:8px 12px;background:var(--navy);color:#f5f8f8;border-radius:8px;margin-top:15px;min-width:70px;text-align:center}.flow-track{height:5px;background:#dde6e2;overflow:hidden;border-radius:6px;margin:22px 0}.flow-track>div{height:100%;background:var(--orange);transform-origin:left;transition:transform 220ms ease-out}.session-preview{display:grid;margin:20px 0}.session-preview>div{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.session-preview img{width:64px;height:64px;object-fit:cover;border-radius:9px;flex-shrink:0}.session-preview b{display:block;font-size:16px;font-weight:600;line-height:1.4}.session-preview small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:3px}.session-preview .icon{color:var(--flow-success)}.flow-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:24px;flex-wrap:wrap;padding:12px 0}.flow-actions>.primary{margin-left:auto}.warmup-visual{border-radius:15px;display:grid;justify-items:center;padding:30px 20px;background:var(--navy);color:white;margin:24px 0}.warmup-visual>.icon{width:34px;height:34px;color:#f8b692}.warmup-visual>b{font:700 64px 'Barlow Condensed';line-height:1.1;margin:15px 0 10px}.warmup-visual>span{font-size:14px;color:#c9dae0;text-align:center}.flow-instructions{font-size:16px;line-height:1.8;padding-left:23px}.flow-exercise{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.flow-photo{position:relative;border:1px solid #bfced2;border-radius:12px;background:#f6f8f6;padding:0;overflow:hidden;text-align:left;min-height:200px}.flow-photo img{width:100%;height:205px;object-fit:contain;display:block}.flow-photo span{display:block;font-size:13px;padding:10px 12px;background:#eaf0ed;color:#2d5546}.flow-exercise-info{align-self:center}.flow-exercise-info p{font-size:14px;line-height:1.7;color:#4c6571}.flow-small-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.flow-small-actions .text-button{white-space:normal;text-align:left}.load-advice{display:flex;align-items:center;gap:20px;background:#e9f0e4;border:1px solid #c2d3b8;padding:20px;border-radius:13px;margin:20px 0;color:#2c4e37}.load-advice>div{flex:1}.load-advice .eyebrow{color:#476e42;font-size:10px}.load-advice h3{font-size:34px;margin:8px 0 3px}.load-advice p{font-size:14px;line-height:1.7;margin:10px 0 8px;color:#375b40}.load-advice small,.load-basis{font-size:12px;color:#4c6c4d}.load-advice .outline{border-color:#8aa280;background:#f6faf2;color:#345a38}.load-advice.warning{background:#fff0e2;border-color:#dfb390;color:#843c1c}.load-advice.warning p{color:#843c1c}.setup-button{width:100%;display:flex;gap:10px;align-items:center;border:1px solid #b5c6cb;background:#f9fbf8;border-radius:8px;padding:12px;font-size:12px;text-align:left;min-height:48px;color:#3a5a68}.setup-button>span{margin-left:auto;flex-shrink:0}.setup-button .icon{width:17px;height:17px}.working-set{background:#f0f4f1;border:1px solid #cad6ce;padding:18px;border-radius:12px;display:grid;grid-template-columns:90px repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;align-items:center}.working-set-label{font-size:12px;letter-spacing:1px;font-weight:700;color:#466451}.working-set .field{font-size:13px}.working-set input{background:white!important;font-weight:600;font-size:24px!important;min-height:58px}.working-set:has(label:only-of-type){grid-template-columns:90px 1fr}.field-hint{font-size:13px;color:#576e77;line-height:1.7;margin:10px 0}.completed-sets{font-size:13px;color:var(--flow-success);line-height:1.8;padding:12px;border-left:3px solid #89ac91;background:#f2f6ef}.inline-error{font-size:14px;color:#a42d21;line-height:1.7;margin:15px 0;min-height:0}.inline-error:empty{display:none}.rest-face{display:grid;justify-items:center;text-align:center;padding:35px 20px;background:var(--navy);color:white;border-radius:15px;margin:24px 0}.rest-face>span{letter-spacing:3px;font-size:11px;color:#c4d6df}.rest-face>strong{font:600 90px/1.2 'Barlow Condensed';margin:20px 0;color:#ffbd91;font-variant-numeric:tabular-nums}.rest-face>p{font-size:15px;color:#d6e3e9;margin-bottom:0}.full-width{width:100%}.summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.summary-metrics>div{display:grid;gap:5px;background:#eef3ec;padding:20px;border-radius:12px}.summary-metrics b{font:600 38px 'Barlow Condensed';color:#355744}.summary-metrics span{font-size:13px;color:#536e59}.activity-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}.daily-steps{text-align:center}.steps-ring{width:205px;height:205px;margin:28px auto 20px;border-radius:50%;background:conic-gradient(var(--action) var(--steps-progress,0%),#e5ede7 0);padding:13px;display:grid}.steps-ring>div{border-radius:50%;background:white;display:grid;align-content:center;gap:3px}.steps-ring strong{font:600 54px/1 'Barlow Condensed';letter-spacing:-1px}.steps-ring span{font-size:14px;color:#516e5a}.step-source{font-size:13px;color:#476454;line-height:1.7;margin:12px 0}.daily-steps form{margin-top:22px;text-align:left}.daily-steps form>.outline{width:100%;margin-top:12px}.activity-grid h2,.walking-card h2,.app-readiness h2{font:600 31px/1.1 'Barlow Condensed'}.walking-card{margin-top:22px}.walking-metrics{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:28px 0}.walking-metrics>div{padding:22px;background:var(--navy);color:white;border-radius:12px;display:grid;gap:6px}.walking-metrics b{font:600 56px/1 'Barlow Condensed';color:#ffbb92;font-variant-numeric:tabular-nums}.walking-metrics span{font-size:13px;color:#d4e1e8}.walk-status{font-size:15px;color:#3b6148;font-weight:500;padding:12px 0}.step-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:25px 0}.step-days>div{display:grid;gap:9px;background:#edf3ec;padding:15px 10px;border-radius:9px;text-align:center;align-content:start}.step-days span{font-size:12px;color:#53705b}.step-days b{font:600 26px 'Barlow Condensed';color:#2f5540}.step-days small{font-size:11px;line-height:1.5;color:#4f6b56}.home-activity{display:flex;align-items:center;gap:20px;margin-top:22px;background:#edf2e8}.home-activity>div:nth-child(2){flex:1}.home-activity>.icon,.home-activity>div>.icon{width:35px;height:35px;color:#60825d}.home-activity h2{font-size:31px;margin:9px 0 5px}.home-activity p{font-size:14px;color:#4c6a52;line-height:1.7;margin:0}.home-activity .eyebrow{font-size:10px;color:#4a6f43}.install-strip{display:flex;align-items:center;gap:16px;padding:22px;background:#eeeae1;border:1px solid #d7d4c9;border-radius:13px;margin-top:22px}.install-strip>span{display:flex;color:#886849}.install-strip p{flex:1;font-size:14px;line-height:1.7;color:#645b4d;margin:0}.install-instructions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.install-instructions section{background:#edf2e9;padding:20px;border-radius:12px}.install-instructions h3{font-size:27px;margin-bottom:10px}.install-instructions p{font-size:15px;line-height:1.8;color:#4c6653;margin:0}.app-readiness{margin-top:22px}.app-readiness h2{margin:14px 0}.import-label{position:relative;overflow:hidden;cursor:pointer}.import-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-label:focus-within{outline:3px solid var(--focus-ring);outline-offset:3px}#connection-status{position:fixed;z-index:9;bottom:100px;left:calc(50% + 112px);transform:translateX(-50%);background:#fff0de;color:#753f1d;border:1px solid #c8986a;padding:12px 18px;border-radius:10px;font-size:13px;max-width:90vw;box-shadow:0 5px 25px #142b3b20}#connection-status[hidden]{display:none}.update-button{position:fixed;z-index:10;top:16px;right:18px;padding:10px 15px;border:1px solid #a9c3ad;background:#e4f1df;color:#244d30;border-radius:9px;font-size:13px;box-shadow:0 6px 24px #142b3b22}.update-button[hidden]{display:none}#modal:has(.flow-track){max-width:780px;padding-bottom:25px}#modal:has(.flow-track) .flow-actions{position:sticky;bottom:-25px;background:#fffffff5;backdrop-filter:blur(10px);z-index:2;border-top:1px solid #dce4df;padding-block:14px;margin-bottom:0}.working-set .field input::placeholder{font-size:15px;font-weight:400}.activity-grid .field-hint{overflow-wrap:anywhere}
@media(max-width:970px){.activity-grid{grid-template-columns:1fr 1fr}.step-days{grid-template-columns:repeat(4,minmax(0,1fr))}.home-activity,.install-strip{flex-wrap:wrap}.home-activity>button{margin-left:55px}.install-strip>.outline{margin-left:35px}#connection-status{left:calc(50% + 87.5px)}}
@media(max-width:650px){.flow-title h2{font-size:34px;padding-right:22px}.elapsed-time{margin-top:14px;font-size:13px;min-width:65px;padding:7px 9px}.flow-exercise{grid-template-columns:1fr;gap:14px}.flow-photo img{height:180px}.flow-exercise-info p{font-size:15px}.flow-exercise .goal-chip{font-size:13px}.flow-small-actions{gap:8px}.flow-small-actions button{font-size:14px;min-height:44px}.load-advice{display:block;padding:18px}.load-advice h3{font-size:34px}.load-advice p{font-size:15px}.load-advice .outline{margin-top:12px;width:100%;min-height:48px}.load-advice small,.load-basis{font-size:13px}.setup-button{font-size:12px;line-height:1.6;flex-wrap:wrap}.setup-button>span{margin-left:26px}.working-set{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.working-set-label{grid-column:1/-1}.working-set:has(label:only-of-type){grid-template-columns:1fr}.working-set .field{font-size:14px}.working-set input{font-size:24px!important}.flow-actions{gap:10px}.flow-actions>button{flex:1;min-height:49px;font-size:14px;min-width:115px}.flow-actions>.primary{margin-left:0}.rest-face>strong{font-size:75px}.rest-face p{font-size:14px}.warmup-visual>b{font-size:59px}.warmup-visual>span{font-size:15px}.summary-metrics{gap:10px}.summary-metrics>div{padding:17px 13px}.summary-metrics b{font-size:36px}.session-preview b{font-size:16px}.session-preview small{font-size:14px}.activity-grid{grid-template-columns:1fr}.daily-steps form{max-width:100%}.steps-ring{width:210px;height:210px}.walking-card{padding:20px 17px}.walking-card .section-heading{flex-wrap:wrap;gap:12px}.walking-metrics{gap:12px;margin:23px 0}.walking-metrics>div{padding:20px 14px}.walking-metrics b{font-size:47px}.walking-metrics span{font-size:12px}.walking-card .badge{white-space:normal}.walk-status{font-size:15px}.step-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.step-days>div{padding:17px}.step-days span{font-size:14px}.step-days b{font-size:30px}.step-days small{font-size:12px}.home-activity{padding:21px 19px;gap:14px}.home-activity>div:nth-child(2){min-width:200px}.home-activity h2{font-size:31px}.home-activity>button{margin-left:0;width:100%}.home-activity p{font-size:15px}.install-strip{padding:20px;gap:12px}.install-strip p{font-size:14px}.install-strip>.outline{margin-left:0;width:100%}.install-instructions{grid-template-columns:1fr;gap:14px}.install-instructions p{font-size:16px}.update-button{left:12px;right:12px;top:calc(12px + env(safe-area-inset-top));font-size:13px;min-height:48px}.app-readiness .privacy-actions>button,.app-readiness .import-label{width:100%}#connection-status{left:50%;width:calc(100% - 24px);bottom:calc(95px + env(safe-area-inset-bottom));font-size:13px}#modal:has(.flow-track){width:calc(100% - 18px);max-height:calc(100dvh - 18px);padding:24px 18px 20px}#modal:has(.flow-track) .flow-actions{bottom:-20px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}#modal:has(.flow-track) .close{top:10px;right:10px}.flow-title{gap:8px}.flow-title h2{font-size:32px}.flow-instructions{font-size:16px}input[type=date]{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){.flow-track>div{transition:none}}