:root{--control-block-size:44px;--control-border-size:1px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7f4;background:#0b0d0c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 8%,#263329 0,#0b0d0c 34%);margin:0}button,input,select{font:inherit}main{max-width:1180px;min-height:100vh;margin:auto;padding:0 28px 80px}nav{border-bottom:1px solid #2c332e;justify-content:space-between;align-items:center;height:82px;display:flex}nav strong{letter-spacing:-.03em;white-space:nowrap;font-size:1.2rem}nav span{color:#aab0ab;font-size:.9rem}.navActions{flex-shrink:0;align-items:center;gap:18px;display:flex}.currentUser{color:#b8ff55;font-weight:700}.navButton{color:#dce1dc;white-space:nowrap;background:0 0;border:1px solid #384039;padding:8px 11px;font-size:.78rem}.languageSwitcher{background:#0e110f;border:1px solid #384039;border-radius:3px;align-items:center;gap:2px;padding:2px;display:inline-flex}.languageSwitcher button{color:#8e968f;letter-spacing:.05em;background:0 0;border-radius:2px;min-width:34px;padding:6px 8px;font-size:.68rem}.languageSwitcher button[aria-pressed=true]{color:#b8ff55;background:#2a332b}header{max-width:860px;padding:10vh 0 7vh}.eyebrow,.step{color:#b8ff55;letter-spacing:.16em;font-size:.72rem;font-weight:800}h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.9}.intro{color:#b8bdb9;max-width:620px;font-size:1.15rem;line-height:1.6}.workspace{grid-template-columns:minmax(250px,.7fr) minmax(520px,1.5fr);align-items:start;gap:18px;display:grid}.panel{background:#111412e0;border:1px solid #2c332e;min-width:0;padding:26px}.panelWide{container:workout-panel/inline-size}.panel h2{letter-spacing:-.03em;margin:8px 0 24px;font-size:1.6rem}form,label{flex-direction:column;gap:8px;display:flex}form{gap:18px}label{color:#959c97;font-size:.75rem;font-weight:700}input,select{width:100%;height:var(--control-block-size);border:var(--control-border-size) solid #384039;color:#f5f7f4;background:#0e110f;border-radius:3px;outline:none;min-width:0;padding:12px}input:focus,select:focus{border-color:#b8ff55;box-shadow:0 0 0 2px #b8ff551f}button{color:#11150f;cursor:pointer;background:#b8ff55;border:0;border-radius:3px;align-self:flex-start;padding:13px 18px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.4}.hint{color:#747b75;font-size:.8rem}.authField{flex-direction:column;gap:8px;display:flex}.fieldHint{color:#747b75;font-size:.68rem;font-weight:500;line-height:1.45}.formRow{grid-template-columns:1fr 180px;gap:12px;display:grid}.formRow label,.formField{min-width:0}.formFieldDate input[type=date]{appearance:none;width:auto;min-width:0;max-width:none;height:var(--control-block-size);min-height:var(--control-block-size);max-height:var(--control-block-size);text-align:center;text-align-last:center;align-self:stretch;padding-block:0}.formFieldDate input[type=date]::-webkit-date-and-time-value{height:calc(var(--control-block-size) - var(--control-border-size) - var(--control-border-size));line-height:calc(var(--control-block-size) - var(--control-border-size) - var(--control-border-size));text-align:center;margin:0}.formFieldDate input[type=date]::-webkit-datetime-edit{text-align:center;padding:0}.setHeader,.actions{justify-content:space-between;align-items:center;display:flex}.setHeader{color:#959c97;padding-top:8px;font-size:.82rem}.setHeader b{color:#b8ff55}.setRow{background:#151916;border:1px solid #303731;border-radius:6px;grid-template-columns:64px minmax(150px,1fr) 80px 70px 70px 30px;align-items:start;gap:10px;padding:14px;display:grid}.setRow label{min-width:0}.setNumber{color:#8e968f;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;justify-self:start;margin-top:32px;font-size:.68rem;font-weight:800}.previousPerformance{color:#b8ff55;font-size:.7rem;font-weight:600}.iconButton{color:#9ca29d;background:0 0;width:30px;margin-top:26px;padding:11px 0;font-size:1.25rem}.secondary{color:#dce1dc;background:#242a25}.message{color:#dce1dc;background:#171c18;border-left:3px solid #b8ff55;margin:0;padding:14px 18px}.panel>.message{margin-top:18px}.messageGlobal{grid-column:1/-1}.actionGroup,.historyActions{gap:8px;display:flex}.history{grid-column:1/-1}.historyItem{border-top:1px solid #2c332e;padding:18px 0}.historySummary{justify-content:space-between;gap:20px;display:flex}.historyItem h3{margin:4px 0 7px;font-size:1.15rem}.historyItem p,.historyItem time,.emptyState{color:#959c97;margin:0;font-size:.82rem}.historyActions{flex-shrink:0;align-items:center}.historyActions button{align-self:center;padding:10px 13px}.workoutDetails{border-top:1px solid #2c332e;margin-top:18px}.detailHeader,.detailRow{grid-template-columns:minmax(180px,1fr) 80px 80px 60px;gap:12px;padding:10px 4px;display:grid}.detailHeader{color:#747b75;text-transform:uppercase;font-size:.7rem;font-weight:800}.detailRow{color:#dce1dc;border-top:1px solid #242a25;font-size:.86rem}.detailRow span:first-child{gap:12px;display:flex}.detailRow b{color:#747b75}.danger{color:#ffb8b8;background:#3a2020}.authShell{place-items:center;min-height:100vh;padding:28px;display:grid}.loginPanel{background:#111412f0;border:1px solid #2c332e;width:min(100%,430px);padding:clamp(28px,6vw,48px)}.loginPanel>.languageSwitcher{width:fit-content;margin:0 0 28px auto;display:flex}.loginPanel h1{margin:12px 0 18px;font-size:clamp(2.5rem,8vw,4rem)}.loginPanel .intro{margin-bottom:28px;font-size:1rem}.authAlternative{color:#959c97;background:0 0;margin-top:18px;padding:0;font-size:.8rem}.inviteBanner{background:#151c16;border:1px solid #41543f;grid-template-columns:auto minmax(240px,1fr) auto;align-items:end;gap:18px;margin-top:24px;padding:20px;display:grid}.inviteBanner h2{margin:6px 0 0;font-size:1.05rem}.inviteBanner .actionGroup{align-items:stretch}.inviteBanner button{white-space:nowrap;align-self:stretch}.navMessage{margin-top:18px}.accountPanel{background:#111612;border:1px solid #41543f;margin-top:24px;padding:24px}.accountPanelHeader,.accountSectionHeader{justify-content:space-between;align-items:start;gap:18px;display:flex}.accountPanel h2{margin:6px 0 22px;font-size:1.45rem}.accountPanel h3{color:#f5f7f4;margin:0;font-size:1rem}.accountGrid{grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);align-items:start;gap:28px;display:grid}.accountPassword{background:#151916;border:1px solid #303731;padding:20px}.accountAdmin{background:#151916;border:1px solid #303731;min-width:0;padding:20px}.accountSectionHeader p{color:#959c97;margin:6px 0 0;font-size:.78rem;line-height:1.45}.accountList{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.accountList li{border-top:1px solid #303731;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.accountIdentity{flex-direction:column;gap:3px;min-width:0;display:flex}.accountList strong{overflow-wrap:anywhere}.accountList span{color:#959c97;font-size:.75rem}.accountList button{align-self:center;padding:9px 12px}.accountListActions{gap:8px;display:flex}.accountSubsection{border-top:1px solid #303731;margin-top:24px;padding-top:20px}.accountSubsection>.hint{margin-bottom:0}.accountMessage{margin-top:18px}@media (max-width:900px){.workspace{grid-template-columns:1fr}.inviteBanner{grid-template-columns:1fr;align-items:stretch}.accountGrid{grid-template-columns:1fr}.setRow{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.setRow+.setRow{margin-top:10px}.setRow label{grid-column:1}.setNumber{grid-column:1;margin:0 0 -2px}.setRow .iconButton{grid-column:1;justify-self:end;margin-top:0}input,select{font-size:16px}}@container workout-panel (max-width:700px){.formRow{grid-template-columns:1fr}.actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.actions>button,.actionGroup button{align-self:stretch;width:100%;min-width:0;min-height:44px}.actions .actionGroup{display:contents}.actionsExpanded .actionGroup button[type=submit]{grid-column:1/-1}}@media (max-width:600px){main{padding-inline:18px}nav span{display:none}.navActions{gap:7px}.navButton{padding-inline:8px}header{padding-top:8vh}.accountPanel{padding:18px}.accountPanelHeader,.accountSectionHeader{flex-direction:column;align-items:stretch}.accountPanelHeader>button,.accountSectionHeader>button{align-self:stretch;width:100%}.accountPassword,.accountAdmin{padding:16px}.accountList li{flex-direction:column;align-items:stretch}.accountList button{align-self:stretch;width:100%}.accountListActions,.historySummary{flex-direction:column}.historyActions{flex-wrap:wrap;align-self:flex-start}.detailHeader,.detailRow{grid-template-columns:minmax(120px,1fr) 55px 55px 45px;gap:6px}}
