@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #08090b;--bg-deep: #030405;--card: #151719;--card-2: #1a1c20;--line: rgba(255, 255, 255, .07);--text: #f5f6f7;--muted: #8b8d93;--quiet: #5f626a;--lime: #c8ff2e;--lime-2: #b9f51e;--red: #ff4d57;--orange: #ffb545;--shadow: 0 20px 60px rgba(0, 0, 0, .42)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(200,255,46,.1),transparent 32rem),radial-gradient(circle at 14% 82%,rgba(255,77,87,.06),transparent 22rem),linear-gradient(135deg,rgba(255,255,255,.03),transparent 32%),var(--bg-deep);color:var(--text);font-family:Barlow,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-stage{min-height:100vh;display:grid;place-items:center;padding:28px}.phone-shell{position:relative;width:min(100%,390px);height:min(844px,calc(100vh - 56px));min-height:760px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:42px;background:var(--bg);box-shadow:0 0 0 8px #ffffff09,0 0 0 10px #000000d1,0 34px 90px #0000009e,0 0 56px #c8ff2e14}.phone-shell:before{content:"";position:absolute;z-index:3;top:9px;left:50%;width:112px;height:26px;border-radius:0 0 18px 18px;background:#020304;transform:translate(-50%);pointer-events:none}.phone-shell:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,rgba(255,255,255,.075),transparent 22%),radial-gradient(circle at 82% 10%,rgba(200,255,46,.08),transparent 20rem);pointer-events:none;mix-blend-mode:screen;opacity:.55}.status-bar{position:relative;z-index:4;height:38px;padding:13px 26px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.screen-content{position:relative;z-index:1;height:calc(100% - 110px);overflow-y:auto;padding:14px 16px 92px;scroll-padding-bottom:96px}.screen-content::-webkit-scrollbar{width:4px}.screen-content::-webkit-scrollbar-thumb{border-radius:999px;background:#c8ff2e5c}.screen-content::-webkit-scrollbar-track{background:transparent}.screen-stack{display:flex;flex-direction:column;gap:12px}.screen-header,.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1;font-weight:700}h2{font-size:16px;line-height:1.1;font-weight:700}.section-row button{border:0;background:transparent;color:var(--lime);font-size:12px;font-weight:700}.icon-button{position:relative;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--text);transition:background .18s ease}.icon-button:hover{background:#ffffff0f}.notification-dot{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--lime)}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:inset 0 1px #ffffff0a,0 10px 28px #0000002e}.section-label{display:block;margin-bottom:10px;color:var(--text);font-size:12px;font-weight:700}.readiness-card{min-height:154px;padding:14px;display:grid;grid-template-columns:104px 1fr;gap:16px}.ring-score{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 0 18px rgba(200,255,46,.14))}.ring-score__svg{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:104px;height:104px;transform:rotate(-90deg)}.ring-score__track,.ring-score__value{fill:none;stroke-width:10}.ring-score__track{stroke:#ffffff14}.ring-score__value{stroke-linecap:round;stroke-dasharray:var(--ring-circumference);stroke-dashoffset:var(--ring-dash-offset);animation:ring-sweep .76s cubic-bezier(.2,.85,.2,1) both}.ring-score__inner{position:relative;z-index:1;width:74px;height:74px;display:grid;place-items:center;align-content:center;border-radius:50%;background:var(--card)}.ring-score strong{font-family:Barlow Condensed,Barlow,sans-serif;font-size:36px;line-height:.9;font-variant-numeric:tabular-nums}.ring-score span{color:var(--muted);font-size:12px}.readiness-copy{display:flex;flex-direction:column;justify-content:center;gap:9px}.readiness-copy>strong{color:var(--lime);font-size:14px}.readiness-copy p{color:var(--muted);font-size:13px;line-height:1.3}.readiness-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.readiness-metrics span{display:grid;gap:2px;color:var(--muted);font-size:11px}.readiness-metrics svg{color:var(--red)}.readiness-metrics b{color:var(--text);font-size:14px}.workout-hero{position:relative;min-height:244px;overflow:hidden;border-radius:18px;background:var(--card)}.workout-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.workout-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0304051f,#030405db 68%,#030405f0)}.workout-hero__overlay{position:absolute;z-index:1;inset:auto 12px 12px;display:grid;gap:5px}.pill{width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:12px;font-weight:700}.workout-hero h2{max-width:190px;font-size:25px}.workout-hero p{font-size:21px;font-weight:700}.workout-hero small{color:var(--muted);font-size:12px}.action-button{min-height:44px;border:0;border-radius:10px;background:linear-gradient(180deg,#dfff65,var(--lime-2));color:#090a0c;font-weight:800;box-shadow:0 10px 26px #c8ff2e3d,inset 0 1px #ffffff80;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.action-button:hover{background:linear-gradient(180deg,#ecff8c,var(--lime));box-shadow:0 14px 32px #c8ff2e4d,inset 0 1px #ffffff8c}.action-button:active{transform:scale(.99)}.workout-cta{width:100%;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:96px;padding:12px;display:grid;gap:4px;align-content:start}.metric-card span{color:var(--muted);font-size:11px;font-weight:700}.metric-card strong{color:var(--text);font-size:18px}.metric-card small{color:var(--quiet);font-size:10px}.mini-bars{position:relative;height:36px;display:flex;align-items:end;gap:4px}.mini-bars:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff1a}.mini-bars span{flex:1;min-width:4px;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#ddff68,var(--lime-2));box-shadow:0 0 12px #c8ff2e33}.mini-bars span.is-current{box-shadow:0 0 18px #c8ff2e80}.bottom-nav{position:absolute;z-index:5;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:linear-gradient(180deg,#08090bc7,#08090bfa),#08090bf5;box-shadow:0 -18px 32px #0000006b}.nav-item{position:relative;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:3px;font-size:10px;transition:color .18s ease}.nav-item:before{content:"";position:absolute;top:0;width:42px;height:2px;border-radius:999px;background:transparent;transition:background .18s ease,box-shadow .18s ease}.nav-item.is-active,.nav-item:hover{color:var(--lime)}.nav-item.is-active:before{background:var(--lime);box-shadow:0 0 18px #c8ff2ebf}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);padding:3px;border-radius:10px;background:var(--card)}.segmented-control button{min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.segmented-control button.is-active{background:var(--lime);color:#08090b}.heart-line{width:100%;color:var(--red)}.screen-stack>*{animation:surface-rise .36s ease-out both}.screen-stack>*:nth-child(2){animation-delay:35ms}.screen-stack>*:nth-child(3){animation-delay:70ms}.screen-stack>*:nth-child(4){animation-delay:105ms}@keyframes ring-sweep{0%{stroke-dashoffset:var(--ring-circumference)}to{stroke-dashoffset:var(--ring-dash-offset)}}@keyframes surface-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:430px){.app-stage{padding:0}.phone-shell{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}