:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;--canvas: #e0e5d7;--app: #121314;--surface: #191c1b;--surface-strong: #222624;--surface-soft: #151716;--ink: #f3f5ef;--muted: #a6afa9;--line: rgba(224, 229, 215, .14);--line-strong: rgba(224, 229, 215, .26);--accent: #c35c36;--accent-dark: #9a5337;--accent-light: #e08a63;--sage: #e0e5d7;--sage-dark: #3b494f;--red: #ef7d68;--green: #8fc59f;--green-soft: rgba(78, 132, 94, .18);--red-soft: rgba(176, 67, 48, .16);--shadow: 0 20px 55px rgba(5, 7, 6, .22)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(calc(100% - 36px),1600px);min-height:calc(100vh - 36px);margin:18px auto;overflow:hidden;display:grid;grid-template-rows:76px minmax(0,1fr);background:var(--app);border:1px solid rgba(18,19,20,.22);border-radius:8px;box-shadow:0 28px 70px #12131438}.sidebar{position:sticky;top:0;z-index:20;min-width:0;padding:0 28px;background:#121314f0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:34px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{min-height:44px;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;gap:11px;padding:0;font-weight:800;font-size:1.06rem}.brand svg{color:var(--accent-light)}.nav-stack{height:100%;display:flex;align-items:center;gap:4px}.nav-stack button{min-height:40px;border:1px solid transparent;border-radius:8px;color:var(--muted);background:transparent;display:inline-flex;align-items:center;gap:9px;padding:0 13px;font-weight:700}.nav-stack button.active,.nav-stack button:hover{color:var(--ink);background:#e0e5d714;border-color:var(--line)}.nav-stack button.active svg{color:var(--accent-light)}.sidebar-status{margin-left:auto;min-width:0;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem;white-space:nowrap}.status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #8fc59f1a}.main-content{min-width:0;padding:24px 28px 34px}.page-stack{width:100%;max-width:1320px;margin:0 auto;display:grid;gap:24px}.page-heading,.section-toolbar,.import-toolbar,.button-row,.section-heading,.success-panel,.session-header,.content-heading{display:flex;align-items:center}.page-heading,.content-heading{justify-content:space-between;gap:16px}.page-heading h1,.session-header h1{margin:0;font-size:1.9rem;line-height:1.1}.content-heading h2{margin:0;font-size:1.45rem}.eyebrow{margin:0 0 6px;color:var(--accent-light);font-weight:800;text-transform:uppercase;font-size:.72rem}.count-badge{min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--sage);font-weight:800}.primary-button,.secondary-button,.ghost-button,.icon-button{min-height:42px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:800;white-space:nowrap}.primary-button{color:#fff9f4;background:var(--accent);border-color:var(--accent-light)}.primary-button:hover:not(:disabled){background:var(--accent-dark)}.secondary-button{color:var(--ink);background:var(--surface-strong);border-color:var(--line-strong)}.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){color:var(--sage);border-color:#e0e5d775;background:#e0e5d70f}.ghost-button{color:var(--muted);background:transparent;border-color:var(--line)}.icon-button{width:38px;min-height:38px;padding:0;background:var(--surface-strong);border-color:var(--line)}.icon-button.danger{color:var(--red)}.button-row{gap:10px;flex-wrap:wrap}.button-row.spread{justify-content:space-between}.fit{width:fit-content}.dashboard-stage{position:relative;isolation:isolate;min-height:660px;overflow:hidden;padding:24px;border:1px solid var(--line-strong);border-radius:8px;background:#0e100f;display:grid;grid-template-columns:250px minmax(260px,1fr) 250px;grid-template-rows:auto minmax(0,1fr) 116px;gap:20px;box-shadow:var(--shadow)}.dashboard-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#080a0942;pointer-events:none}.stage-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:url(/homegym-hero.webp);background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.82) contrast(1.04)}.stage-topbar{grid-column:1 / -1;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.stage-kicker{margin:0 0 5px;color:#e0e5d7b8;font-size:.7rem;font-weight:800;text-transform:uppercase}.stage-topbar h1{max-width:520px;margin:0;color:#f8faf5;font-size:1.58rem;line-height:1.15}.stage-action,.stage-start-button,.stage-text-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.stage-action{min-height:40px;padding:0 14px;color:#161817;background:var(--sage)}.stage-action:hover{background:#f2f5eb}.stage-panel,.stage-bottom-panel{min-width:0;border:1px solid rgba(224,229,215,.2);border-radius:8px;background:#121413ad;color:#f2f4ef;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 38px #0405052e}.stage-panel{align-self:start;padding:16px}.stage-overview{grid-column:1;grid-row:2}.stage-latest{grid-column:3;grid-row:2}.stage-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f3f5efb3;font-size:.76rem;font-weight:800;text-transform:uppercase}.stage-metric-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stage-metric-grid div{min-width:0;display:grid;gap:2px}.stage-metric-grid strong{font-size:2rem;font-weight:700;line-height:1}.stage-metric-grid span{color:#f3f5ef9e;font-size:.75rem}.stage-rule{height:1px;margin:18px 0 13px;background:#e0e5d729}.stage-note{display:flex;align-items:flex-start;gap:8px;color:#f3f5efbd;font-size:.75rem;line-height:1.4}.stage-note svg{flex:0 0 auto;color:var(--accent-light)}.stage-focus-marker{grid-column:2;grid-row:2;align-self:center;justify-self:center;transform:translate(96px,-72px);display:flex;align-items:center;gap:10px;color:#f3f5efb8;font-size:.72rem;font-weight:800}.stage-focus-marker span{width:30px;height:30px;border:1px solid rgba(224,229,215,.44);border-radius:50%;display:grid;place-items:center;background:#12141375}.stage-focus-marker i{width:62px;height:1px;background:#e0e5d757}.stage-workout-name{display:block;margin-top:24px;overflow-wrap:anywhere;font-size:1.16rem;line-height:1.25}.stage-workout-meta{margin-top:12px;display:grid;gap:4px;color:#f3f5ef9e;font-size:.76rem}.stage-text-button{min-height:36px;margin-top:20px;padding:0;color:var(--sage);background:transparent}.stage-text-button:hover{color:var(--accent-light)}.stage-empty-copy{margin:24px 0 3px;color:#f3f5ef9e;font-size:.84rem;line-height:1.5}.stage-bottom-panel{grid-column:1 / -1;grid-row:3;padding:14px 16px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:22px}.stage-chart-copy{display:grid;gap:1px}.stage-chart-copy>span{color:#f3f5efa3;font-size:.7rem;font-weight:800;text-transform:uppercase}.stage-chart-copy strong{font-size:1.55rem;line-height:1.15}.stage-chart-copy small{color:#f3f5ef94;font-size:.7rem}.stage-bars{height:68px;min-width:0;border-bottom:1px solid rgba(224,229,215,.18);display:flex;align-items:flex-end;justify-content:center;gap:clamp(7px,1.2vw,16px)}.stage-bars>span{width:clamp(12px,1.4vw,20px);min-height:12px;border-radius:3px 3px 0 0;background:var(--sage);opacity:.78}.stage-bars>span:nth-child(3n+2){background:var(--accent-light)}.stage-bars>span:nth-child(3n){background:#7b9694}.stage-bars.is-empty{align-items:center}.stage-bars small{color:#f3f5ef70}.stage-start-button{min-height:44px;padding:0 16px;color:#fff8f3;background:var(--accent)}.stage-start-button:hover:not(:disabled){background:var(--accent-dark)}.workout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.workout-card{min-height:244px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;align-content:space-between;gap:18px;box-shadow:0 10px 30px #0507061f;transition:border-color .16s ease,transform .16s ease}.workout-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.workout-card h2{margin:12px 0 8px;overflow-wrap:anywhere;font-size:1.22rem}.workout-card p{margin:0;color:var(--muted);line-height:1.45}.card-topline,.card-metadata{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.card-topline{color:var(--muted);font-size:.75rem;text-transform:uppercase}.card-topline span:first-child{color:var(--accent-light);font-weight:800}.card-metadata,.library-row span,.session-row small,.success-panel span{color:var(--muted);font-size:.88rem}.library-section{padding:10px 0 0;border-top:1px solid var(--line)}.section-heading{gap:10px;margin-bottom:14px}.section-heading svg{color:var(--accent-light)}.section-heading h2{margin:0;font-size:1.12rem}.library-table{display:grid;border-top:1px solid var(--line)}.library-row{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.library-row strong{overflow-wrap:anywhere}.empty-state,.loading-panel,.preview-panel,.readable-workout,.success-panel,.error-panel,.session-header{background:var(--surface);border:1px solid var(--line);border-radius:8px}.empty-state,.loading-panel{min-height:220px;padding:28px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}.empty-state svg{color:var(--accent-light)}.empty-state h2,.empty-state p{margin:0}.empty-state p{max-width:540px;color:var(--muted)}.segmented-control{width:fit-content;padding:4px;border:1px solid var(--line);background:#0e100f;border-radius:8px;display:inline-flex;gap:4px}.segmented-control button{min-height:40px;border:0;border-radius:6px;padding:0 14px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:8px;font-weight:800}.segmented-control button.selected{background:var(--sage);color:#181a19}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.form-surface{min-width:0}.preview-panel,.readable-workout{padding:20px}.field-grid{display:grid;gap:12px;margin-bottom:16px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.target-grid{grid-template-columns:92px 150px repeat(2,minmax(90px,1fr)) 110px 110px 110px}.field-grid.compact{max-width:760px}label{min-width:0;display:grid;gap:7px;color:var(--muted);font-size:.86rem;font-weight:700}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px 12px;outline:none}input::placeholder,textarea::placeholder{color:#707a74}input:focus,select:focus,textarea:focus{border-color:var(--accent-light);box-shadow:0 0 0 3px #c35c362b}.switch-row{min-height:42px;align-self:end;grid-template-columns:20px auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink)}.switch-row input{width:16px;min-height:16px;accent-color:var(--accent)}.editor-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.section-toolbar{justify-content:space-between;margin-bottom:14px}.section-toolbar h3,.import-toolbar h2{margin:0}.exercise-editor-stack{display:grid;gap:12px;margin-bottom:12px}.exercise-row-editor{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.row-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.import-toolbar{justify-content:space-between;gap:16px;margin-bottom:16px}.import-toolbar p{max-width:760px;margin:6px 0 0;color:var(--muted);line-height:1.45}.textarea-label{font-size:.96rem;color:var(--ink)}textarea{min-height:380px;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.5;-moz-tab-size:2;tab-size:2}.success-inline,.success-panel{margin-top:16px;border-color:#8fc59f6b;background:var(--green-soft);color:#bce0c6}.success-inline{min-height:48px;border:1px solid rgba(143,197,159,.42);border-radius:8px;display:flex;align-items:center;gap:10px;padding:12px 14px;font-weight:800}.success-panel{justify-content:space-between;gap:14px;padding:14px}.success-panel div:first-child{min-width:0;display:grid;gap:4px}.error-panel{padding:14px;border-color:#ef7d6870;background:var(--red-soft);color:#ffad9e}.error-panel ul{margin:10px 0 0;padding-left:22px}.error-panel li+li{margin-top:5px}.readable-workout h2{margin:0 0 8px;overflow-wrap:anywhere;font-size:1.55rem}.readable-workout>p{margin:0 0 20px;color:var(--muted)}.readable-group{padding:18px 0;border-top:1px solid var(--line)}.readable-group h3{margin:0 0 6px;font-size:1.16rem}.readable-group p{margin:0 0 8px;color:var(--muted)}.group-meta{display:inline-flex;width:fit-content;max-width:100%;min-height:30px;align-items:center;padding:4px 9px;border:1px solid rgba(224,138,99,.25);border-radius:8px;background:#9a533729;color:var(--accent-light);font-weight:800;font-size:.86rem}.readable-group ol{margin:14px 0 0;padding-left:24px}.readable-group li{margin-bottom:14px;padding-left:6px}.readable-group li strong,.readable-group li span,.readable-group li em{display:block;line-height:1.45}.readable-group li span,.readable-group li em{color:var(--muted)}.session-progress{min-width:240px;display:grid;gap:6px}.session-progress span{font-weight:800;text-align:right}progress{width:100%;height:9px;accent-color:var(--accent)}.session-header{justify-content:space-between;gap:16px;padding:20px}.session-header>svg{color:var(--accent-light)}.session-list{display:grid;gap:10px}.session-row{width:100%;min-height:72px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:12px;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(120px,auto);align-items:center;gap:12px;text-align:left}.session-row:hover{border-color:var(--line-strong)}.session-row.done{border-color:#8fc59f70;background:var(--green-soft)}.session-check{width:34px;height:34px;border-radius:50%;background:var(--surface-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:800}.session-row.done .session-check{color:#102116;background:var(--green)}.session-row strong,.session-row small{display:block}.session-row>span:last-child{justify-self:end;color:var(--accent-light);font-weight:800}@media(max-width:1080px){.dashboard-stage{grid-template-columns:220px minmax(220px,1fr) 220px}.field-grid.target-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}@media(max-width:860px){.app-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.sidebar{padding:0 18px;gap:18px}.sidebar-status{display:none}.main-content{padding:18px}.dashboard-stage{min-height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 330px auto auto}.stage-media{background-size:auto 470px;background-position:top 58px center}.stage-overview{grid-column:1;grid-row:3}.stage-latest{grid-column:2;grid-row:3}.stage-focus-marker{display:none}.stage-bottom-panel{grid-column:1 / -1;grid-row:4}.field-grid.two,.field-grid.three,.library-row{grid-template-columns:1fr}.field-grid.target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading,.import-toolbar,.success-panel{align-items:flex-start;flex-direction:column}.segmented-control{width:100%}.segmented-control button{flex:1}}@media(max-width:620px){.app-shell{grid-template-rows:auto minmax(0,1fr)}.sidebar{position:static;min-height:116px;padding:14px;flex-wrap:wrap}.brand{width:100%;min-height:34px}.nav-stack{width:100%;height:auto}.nav-stack button{min-width:0;flex:1;justify-content:center;padding:0 8px}.main-content{padding:14px}.page-stack{gap:18px}.dashboard-stage{padding:16px;grid-template-columns:1fr;grid-template-rows:auto 300px auto auto auto;gap:12px}.stage-media{background-size:auto 410px;background-position:top 64px center}.stage-topbar{grid-column:1;flex-direction:column;align-items:flex-start}.stage-topbar h1{font-size:1.3rem}.stage-overview{grid-column:1;grid-row:3}.stage-latest{grid-column:1;grid-row:4}.stage-bottom-panel{grid-column:1;grid-row:5;grid-template-columns:1fr;align-items:stretch;gap:14px}.stage-bars{height:80px}.stage-start-button{width:100%}.page-heading h1,.session-header h1{font-size:1.5rem}.content-heading h2{font-size:1.25rem}.button-row,.button-row.spread{width:100%}.primary-button,.secondary-button,.ghost-button{max-width:100%}.segmented-control{flex-direction:column}.field-grid.target-grid{grid-template-columns:1fr}.session-progress{width:100%;min-width:0}.session-row{grid-template-columns:38px minmax(0,1fr)}.session-row>span:last-child{grid-column:2;justify-self:start}}