:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--ink:#152128;--muted:#66736f;--soft:#f4f3ed;--surface:#fff;--line:#dce1dc;--navy:#10334a;--green:#2f7969;--green-soft:#e8f2ed;--orange:#ef6b35;--orange-soft:#fff0e9;font-family:var(--font);color:var(--ink);background:var(--soft);font-synthesis:none}*{box-sizing:border-box}html,body,#root{max-width:100%}body{background:var(--soft);min-width:320px;margin:0;overflow-x:clip}button,input,textarea{font:inherit}.prototype-shell{--muted:#56645f;--color-muted:oklch(95.5% .008 155);grid-template-columns:248px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.production-content{min-width:0}.production-notice{border-radius:16px;width:min(1320px,100% - 56px);margin:24px auto -18px;padding:14px 18px;font-weight:700}.production-notice.error{color:#a34c29;background:#fff1ea}.production-connection{width:min(1320px,100% - 56px);margin:24px auto -18px}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.7px;align-items:center;gap:14px;padding:0 10px 36px;font-size:25px;font-weight:820;display:flex}.brand img{border-radius:15px;width:48px;height:48px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#64716e;cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:15px;min-height:56px;padding:0 16px;font-size:17px;font-weight:720;display:flex}.sidebar nav button.active{background:var(--navy);color:#fff}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);margin-top:auto;padding:15px 12px;font-size:14px}.prototype-main{width:100%;min-width:0;max-width:1460px;margin:0 auto;padding:42px clamp(28px,4vw,72px) 80px}.topbar{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:42px;display:flex}.page-context h1{letter-spacing:-2.7px;margin:0;font-size:clamp(44px,4vw,64px);font-weight:850;line-height:.96}.page-context p{color:var(--muted);margin:13px 0 0;font-size:20px;font-weight:650}.page-context>strong{letter-spacing:-.7px;margin-top:24px;font-size:clamp(23px,2vw,31px);display:block}.profile-button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:18px;align-items:center;gap:12px;min-height:58px;padding:7px 10px 7px 7px;display:flex}.profile-button:hover{background:#fffc}.profile-button>span{width:48px;height:48px;color:var(--green);background:#dcece6;border-radius:15px;place-items:center;font-weight:820;display:grid}.profile-button>img{object-fit:cover;object-position:50% 32%;border-radius:15px;width:48px;height:48px}.profile-button>div{gap:2px;display:grid}.profile-button small{color:var(--muted);font-size:13px}.readiness-section,.state-overview{background:var(--green-soft);border-radius:30px;grid-template-columns:190px minmax(0,720px);align-items:center;gap:clamp(32px,5vw,72px);min-height:250px;padding:36px clamp(30px,4vw,58px);display:grid}.progress-figure{justify-items:center;gap:14px;display:grid}.progress-ring{--progress:259deg;aspect-ratio:1;background:conic-gradient(var(--green) var(--progress), #2f796924 0);border-radius:50%;place-items:center;width:164px;padding:15px;display:grid}.progress-ring:before{content:"";background:#f9fbf9;border-radius:50%;grid-area:1/1;width:100%;height:100%}.progress-ring span{letter-spacing:-4px;grid-area:1/1;font-size:68px;font-weight:860;line-height:1;position:relative}.progress-figure>strong{font-size:19px}.readiness-message h2,.state-overview h2{letter-spacing:-1.5px;margin:0 0 12px;font-size:clamp(30px,3vw,43px)}.readiness-message p,.state-overview p{color:#50615c;max-width:720px;margin:0;font-size:18px;line-height:1.55}.link-action{color:#176984;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:20px 0 0;padding:0;font-weight:780;display:inline-flex}.section-block{margin-top:46px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.section-title h2{letter-spacing:-1.2px;margin:0;font-size:clamp(30px,3vw,42px)}.section-title p{color:var(--muted);margin:7px 0 0;font-size:19px}.section-title>span{color:#56645f;font-size:14px}.next-workout{background:#dfeaec;border:1px solid #cad7d8;border-radius:30px;grid-template-columns:minmax(320px,1.25fr) minmax(300px,.75fr);gap:34px 70px;padding:clamp(28px,4vw,52px);display:grid}.workout-primary>span{color:#176984;font-size:18px;font-weight:780}.distance{align-items:baseline;gap:12px;margin-top:12px;display:flex}.distance strong{letter-spacing:-6px;font-size:clamp(72px,8vw,112px);line-height:.9}.distance b{font-size:33px}.workout-primary p{color:#50615e;max-width:620px;margin:24px 0 0;font-size:18px;line-height:1.55}.workout-targets{align-self:center;gap:20px;display:grid}.workout-targets>div{border-bottom:1px solid #15212821;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:18px;display:flex}.workout-targets small{color:#4e5f5a;font-size:16px}.workout-targets strong{letter-spacing:-.7px;font-size:28px}.workout-actions{grid-column:1/-1;gap:14px;display:flex}.primary-action,.secondary-action,.accepted-action{cursor:pointer;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 34px;font-weight:800;display:inline-flex}.primary-action{border:1px solid var(--orange);background:var(--orange);color:#fff}.secondary-action{color:var(--ink);background:#fff;border:1px solid #c7cfcb}.accepted-action{border:1px solid var(--green);background:var(--green);color:#fff}.workout-actions>button{min-width:210px;font-size:18px}.compact{border-radius:14px;min-height:48px;padding:0 20px}.vitals-grid{border:1px solid var(--line);background:#fff;border-radius:26px;grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid;overflow:hidden}.vital{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:150px;padding:26px 28px;display:grid}.vital:last-child{border-right:0}.vital>svg:first-child{color:var(--green)}.vital>span{gap:4px;display:grid}.vital small,.vital em{color:var(--muted);font-size:15px;font-style:normal}.vital strong{letter-spacing:-1px;font-size:clamp(25px,2.4vw,34px)}.vital>svg:last-child{color:#a1aaa7}.secondary-grid{grid-template-columns:1.35fr 1fr;gap:24px;margin-top:24px;display:grid}.plain-panel{border:1px solid var(--line);background:#fff;border-radius:26px;min-height:210px;padding:30px}.panel-heading{justify-content:space-between;gap:20px;display:flex}.plain-panel h2{margin:0;font-size:23px}.plain-panel p{color:var(--muted);margin:6px 0 0}.panel-heading svg{color:#d5783b}.weather-time{letter-spacing:-2px;margin-top:24px;font-size:clamp(37px,4vw,54px);display:block}.weather-details{color:#52615d;gap:24px;margin-top:18px;font-size:17px;font-weight:680;display:flex}.weather-details span{align-items:center;gap:7px;display:flex}.goal-panel{width:100%;color:var(--ink);text-align:left;cursor:pointer;grid-template-columns:auto 1fr auto;align-items:start;gap:20px;display:grid}.goal-panel>svg:first-child{color:var(--orange);margin-top:2px}.goal-panel>svg:last-child{align-self:center}.goal-panel strong{letter-spacing:-2px;margin-top:12px;font-size:48px;display:block}.segmented{border:1px solid var(--line);background:#fff;border-radius:15px;padding:4px;display:inline-flex}.segmented button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;padding:0 18px;font-weight:740}.segmented button.active{background:var(--navy);color:#fff}.plan-controls,.history-controls{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.custom-period{border:1px solid var(--line);background:#fff;border-radius:20px;flex-wrap:wrap;gap:12px;margin:-10px 0 24px;padding:16px 18px;display:flex}.custom-period label{color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:750;display:flex}.custom-period input{border:1px solid var(--line);background:var(--cream);min-height:42px;color:var(--ink);font:inherit;border-radius:12px;padding:0 12px}.secondary-action.active{border-color:var(--navy);background:var(--navy);color:#fff}.date-control{align-items:center;gap:10px;display:flex}.date-control button{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.date-control strong{text-align:center;min-width:110px}.plan-overview{background:var(--navy);color:#fff;border-radius:22px;align-items:center;gap:52px;margin-bottom:22px;padding:22px 26px;display:flex}.plan-overview div{gap:2px;display:grid}.plan-overview strong{font-size:31px}.plan-overview span,.plan-overview p{color:#c6d4da}.plan-overview p{align-items:center;gap:9px;margin-left:auto;display:flex}.available-dot,.unavailable-dot,.unknown-dot{background:#61a88f;border-radius:50%;width:11px;height:11px;display:inline-block}.unavailable-dot{background:#d47761}.unknown-dot{background:#b9c0bd}.calendar{border:1px solid var(--line);background:#fff;border-radius:26px;padding:20px}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(90px,1fr));display:grid}.calendar-weekdays span{color:#596762;text-align:center;padding:0 12px 14px;font-size:14px;font-weight:750}.prototype-shell .text-\[\#6f7977\]{color:#596763}.prototype-shell .text-\[\#71807d\]{color:#56645f}.prototype-shell .text-\[\#75807d\]{color:#596763}.prototype-shell .text-\[\#8a9491\]{color:#626f6b}.calendar-day{border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;flex-direction:column;align-items:flex-start;min-height:148px;padding:14px 16px;display:flex;position:relative}.calendar-day:nth-child(7n){border-right:0}.calendar-day:disabled{cursor:default;background:#fafaf7}.calendar-day.selected{box-shadow:inset 0 0 0 3px var(--green);background:#f5f9f7}.date-number{border-radius:50%;align-self:flex-end;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid}.calendar-day.today .date-number{background:var(--orange);color:#fff}.calendar-workout{border-left:4px solid var(--orange);white-space:nowrap;width:100%;max-width:100%;margin-top:14px;padding-left:9px;font-size:clamp(12px,1.08vw,17px);font-weight:790;line-height:1.2}.calendar-day.done .calendar-workout{border-left-color:var(--green)}.calendar-day small{color:var(--muted);margin:7px 0 0 15px}.availability{background:#bdc4c1;border-radius:50%;width:12px;height:12px;position:absolute;bottom:16px;left:16px}.availability.yes{background:#52a085}.availability.no{background:#cc705d}.month-calendar .calendar-day{min-height:104px}.month-calendar .calendar-workout{margin-top:9px;font-size:13px}.calendar.editing .calendar-day:not(:disabled):hover{background:#f5f9f7}.selected-day,.availability-editor{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:26px 30px;display:flex}.selected-day span{color:var(--muted);font-size:16px}.selected-day h2,.availability-editor h2{margin:6px 0;font-size:29px}.selected-day p,.availability-editor p{color:var(--muted);margin:0}.availability-actions{gap:10px;display:flex}.availability-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:0 19px;font-weight:750;display:flex}.availability-actions button:disabled{opacity:.45;cursor:default}.history-hero{background:var(--navy);color:#fff;border-radius:25px;grid-template-columns:1.2fr 1fr 1fr;gap:30px;margin-bottom:26px;padding:24px 30px;display:grid}.history-hero>div{align-content:center;display:grid}.history-hero strong{letter-spacing:-1.8px;font-size:43px}.history-hero>div:first-child strong{font-size:68px;display:inline}.history-hero>div:first-child span{margin-left:8px;font-size:24px;font-weight:800}.history-hero small{color:#bfced4;margin-top:5px;font-size:15px}.workout-table-wrap{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden}.workout-table{border-collapse:collapse;width:100%}.workout-table th{color:#62706c;text-align:left;background:#f2f4f0;padding:17px 22px;font-size:14px;font-weight:780}.workout-table td{border-top:1px solid var(--line);padding:23px 22px;font-size:18px;font-weight:740}.workout-table tbody tr{cursor:pointer}.workout-table tbody tr:hover{background:#fafbf8}.workout-table td:first-child{gap:4px;min-width:290px;display:grid}.workout-table td:first-child small{color:var(--muted);font-size:14px;font-weight:600}.workout-table td:first-child strong{font-size:19px}.workout-table td:first-child em{color:var(--green);font-size:13px;font-style:normal;font-weight:680}.workout-table th:last-child,.workout-table td:last-child{width:50px;padding-left:0}.state-overview{grid-template-columns:190px minmax(0,720px)}.factor-list{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid;overflow:hidden}.factor-list article{border-right:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:158px;padding:25px;display:grid}.factor-list article:last-child{border-right:0}.factor-list article>svg{color:var(--green)}.factor-list article>div{gap:4px;display:grid}.factor-list span,.factor-list small{color:var(--muted)}.factor-list strong{font-size:24px}.factor-list b{min-width:54px;color:var(--ink);text-align:right;letter-spacing:-2px;font-size:clamp(42px,4vw,58px);line-height:1}.chart-card{border:1px solid var(--line);background:#fff;border-radius:25px}.clean-chart{padding:26px 22px 18px}.chart-heading{margin:0 8px 14px}.chart-heading h2{margin:0;font-size:28px}.chart-heading p{color:var(--muted);margin:6px 0 0}.state-links{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.state-links button,.state-links article{border:1px solid var(--line);text-align:left;background:#fff;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:150px;padding:26px;display:grid}.state-links button{cursor:pointer}.state-links svg{color:var(--green)}.state-links div{gap:4px;display:grid}.state-links span{color:var(--muted)}.state-links strong{font-size:28px}.state-links p{color:var(--muted);margin:0}.back-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-weight:760;display:flex}.sleep-overview{background:var(--navy);color:#fff;border-radius:28px;grid-template-columns:1fr .55fr 1.4fr;align-items:center;gap:35px;margin-bottom:24px;padding:34px;display:grid}.sleep-overview>div{gap:8px;display:grid}.sleep-overview>div strong{letter-spacing:-2px;font-size:48px}.sleep-overview span{color:#bdced5}.sleep-overview article{border-left:1px solid #ffffff2e;padding-left:32px}.sleep-overview h2{margin:0;font-size:27px}.sleep-overview p{color:#c7d4d9;margin:8px 0 0;line-height:1.5}.sleep-key-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid}.sleep-key-stats div{border-right:1px solid var(--line);gap:4px;padding:25px 30px;display:grid}.sleep-key-stats div:last-child{border-right:0}.sleep-key-stats strong{font-size:35px}.sleep-key-stats span{color:var(--muted)}.sleep-bottom{grid-template-columns:1.35fr .65fr;gap:24px;margin-top:24px;display:grid}.sleep-insight{background:var(--orange-soft);border-radius:25px;padding:30px}.sleep-insight h2{margin:0;font-size:29px}.sleep-insight p{color:#70584d;margin:16px 0 28px;font-size:18px;line-height:1.55}.sleep-insight strong{font-size:20px}.mobile-nav{display:none}.modal-backdrop,.panel-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#091f2b85;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.prototype-modal{background:#fff;border-radius:26px;width:min(520px,100%);padding:30px;position:relative}.modal-close{cursor:pointer;background:#f0f2ef;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:17px;right:17px}.prototype-modal h2{margin:0 48px 7px 0;font-size:31px}.prototype-modal>p{color:var(--muted);margin:0 0 22px}.prototype-modal label{gap:8px;margin-top:15px;font-weight:750;display:grid}.prototype-modal input,.prototype-modal textarea{border:1px solid var(--line);border-radius:13px;width:100%;padding:13px}.prototype-modal textarea{resize:vertical;min-height:90px}.prototype-modal>.primary-action{width:100%;margin-top:20px}.panel-backdrop{place-items:stretch end;padding:0}.profile-panel{background:#fff;width:min(430px,100%);height:100%;padding:32px 24px;position:relative;box-shadow:-20px 0 60px #091f2b2e}.detail-sheet{background:#fff;width:min(600px,100%);height:100%;padding:42px 34px;position:relative;overflow-y:auto;box-shadow:-20px 0 60px #091f2b2e}.sheet-eyebrow{color:var(--green);padding-right:48px;font-size:15px;font-weight:800;display:block}.detail-sheet>h2{letter-spacing:-1.3px;margin:8px 50px 30px 0;font-size:38px}.sheet-content{gap:24px;display:grid}.sheet-hero{background:var(--navy);color:#fff;border-radius:22px;gap:7px;padding:26px;display:grid}.sheet-hero strong{letter-spacing:-1.5px;font-size:38px}.sheet-hero span{color:#bfd0d6}.sheet-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.sheet-stats div{border-right:1px solid var(--line);gap:5px;padding:20px 13px;display:grid}.sheet-stats div:last-child{border-right:0}.sheet-stats strong{font-size:23px}.sheet-stats span{color:var(--muted)}.sheet-content section{padding:2px 4px}.sheet-content section h3{margin:0 0 8px;font-size:21px}.sheet-content section p{color:var(--muted);margin:0;font-size:17px;line-height:1.55}.profile-identity{align-items:center;gap:16px;padding:30px 0;display:flex}.profile-identity>span{background:var(--green-soft);width:68px;height:68px;color:var(--green);border-radius:21px;place-items:center;font-size:22px;font-weight:850;display:grid}.profile-identity>img{object-fit:cover;object-position:50% 32%;border-radius:21px;width:68px;height:68px}.action-error{color:#a34c29;grid-column:1/-1;margin:4px 0 0;font-weight:700}.empty-list{text-align:center;color:var(--muted);padding:40px;font-weight:700}.empty-workout{min-height:260px}.profile-identity h2{margin:0;font-size:29px}.profile-identity p{color:var(--muted);margin:5px 0 0}.profile-links{gap:9px;display:grid}.profile-links button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:72px;padding:14px;display:grid}.profile-links button>svg:first-child{color:var(--green)}.profile-links span{gap:3px;display:grid}.profile-links small{color:var(--muted)}.profile-section{padding-top:34px}.profile-section>h2{margin:30px 0 22px;font-size:32px}.profile-section>div{border-block:1px solid var(--line)}.profile-section p{border-bottom:1px solid var(--line);margin:0;padding:18px 2px;font-size:17px}.profile-section p:last-child{border-bottom:0}@media (width<=1120px){.prototype-shell{grid-template-columns:92px minmax(0,1fr)}.brand{justify-content:center;padding-inline:0}.brand span,.sidebar nav span,.sidebar-note{display:none}.sidebar nav button{justify-content:center;padding:0}.next-workout{grid-template-columns:1fr .8fr}.vitals-grid{grid-template-columns:1fr}.vital{border-right:0;border-bottom:1px solid var(--line)}.vital:last-child{border-bottom:0}.factor-list{grid-template-columns:1fr 1fr}.factor-list article:nth-child(2){border-right:0}.factor-list article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=760px){.prototype-shell{display:block}.sidebar{display:none}.prototype-main{padding:28px 18px 105px}.production-notice,.production-connection{width:calc(100% - 36px);margin-top:18px;margin-bottom:-10px}.topbar{margin-bottom:32px}.page-context h1{font-size:45px}.page-context p{font-size:17px}.page-context>strong{margin-top:18px;font-size:24px}.profile-button{padding:4px}.profile-button>div,.profile-button>svg{display:none}.readiness-section,.state-overview{grid-template-columns:126px 1fr;gap:24px;min-height:0;padding:28px 22px}.progress-ring{width:118px;padding:11px}.progress-ring span{font-size:50px}.progress-figure>strong{font-size:16px}.readiness-message h2,.state-overview h2{font-size:27px}.readiness-message p,.state-overview p{font-size:16px}.section-title{align-items:flex-start}.section-title>span{display:none}.section-title h2{font-size:31px}.next-workout{grid-template-columns:1fr;gap:26px;padding:28px 22px}.distance strong{font-size:82px}.workout-targets{grid-template-columns:repeat(3,1fr);gap:0}.workout-targets>div{border:0;border-right:1px solid #15212821;gap:7px;padding:0 10px;display:grid}.workout-targets>div:first-child{padding-left:0}.workout-targets>div:last-child{border-right:0;padding-right:0}.workout-targets strong{font-size:20px}.workout-actions{flex-direction:column}.workout-actions>button{width:100%}.secondary-grid,.state-links,.sleep-bottom{grid-template-columns:1fr}.weather-details{flex-wrap:wrap}.plan-controls,.history-controls{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented button{flex:1}.date-control{order:3;justify-content:center}.plan-overview{flex-wrap:wrap;gap:24px}.plan-overview p{width:100%;margin:0}.calendar{padding:12px;overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:720px}.calendar-day{min-height:148px}.selected-day,.availability-editor{flex-direction:column;align-items:stretch;padding:24px 4px}.availability-actions{grid-template-columns:repeat(3,1fr);display:grid}.availability-actions button{justify-content:center;padding:0 10px}.history-hero{grid-template-columns:1fr 1fr}.history-hero>div:first-child{grid-column:1/-1}.workout-table,.workout-table tbody,.workout-table tr,.workout-table td{display:block}.workout-table thead{display:none}.workout-table tr{border-bottom:1px solid var(--line);padding:22px 48px 22px 20px;position:relative}.workout-table tr:last-child{border-bottom:0}.workout-table td{border:0;padding:0}.workout-table td:first-child{min-width:0;margin-bottom:16px}.workout-table td[data-label]{gap:5px;margin:0 16px 7px 0;font-size:16px;display:inline-flex}.workout-table td[data-label]:before{content:attr(data-label) ":";color:var(--muted);font-weight:550}.workout-table td:last-child{width:auto;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.factor-list{grid-template-columns:1fr}.factor-list article{border-right:0;border-bottom:1px solid var(--line)}.factor-list article:last-child{border-bottom:0}.sleep-overview{grid-template-columns:1fr 1fr;gap:24px}.sleep-overview article{border-top:1px solid #ffffff2e;border-left:0;grid-column:1/-1;padding:24px 0 0}.sleep-key-stats{grid-template-columns:1fr}.sleep-key-stats div{border-right:0;border-bottom:1px solid var(--line)}.sleep-key-stats div:last-child{border-bottom:0}.mobile-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border:1px solid #d2d8d3e6;border-radius:22px;grid-template-columns:repeat(4,1fr);padding:7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 15px 45px #0a2b3c29}.mobile-nav button{color:#53605c;background:0 0;border:0;border-radius:15px;justify-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:720;display:grid}.mobile-nav button.active{background:var(--green-soft);color:#205f52}.detail-sheet{padding:34px 22px}.detail-sheet>h2{font-size:32px}.sheet-stats{grid-template-columns:1fr}.sheet-stats div{border-right:0;border-bottom:1px solid var(--line)}.sheet-stats div:last-child{border-bottom:0}}@media (width<=500px){.page-context h1{font-size:39px}.readiness-section,.state-overview{grid-template-columns:1fr;justify-items:start}.progress-figure{justify-items:start}.workout-targets{grid-template-columns:1fr}.workout-targets>div{border-bottom:1px solid #15212821;border-right:0;padding:12px 0;display:flex}.history-hero{padding:24px}.history-hero strong{font-size:34px}.sleep-overview{grid-template-columns:1fr}.sleep-overview article{grid-column:auto}}