@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Syne:wght@600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,sans-serif;--bg: #071012;--bg-soft: rgba(10, 19, 22, .92);--bg-card: rgba(12, 24, 28, .84);--bg-card-strong: rgba(16, 28, 33, .98);--border: rgba(186, 217, 222, .14);--border-strong: rgba(186, 217, 222, .24);--text: #f5fbfc;--muted: #9bb2b9;--accent: #ff7a18;--accent-2: #57d4ff;--accent-3: #98ff78;--accent-4: #ffd36e;--danger: #ff6b7c;--shadow: 0 26px 80px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:radial-gradient(circle at top left,rgba(255,122,24,.18),transparent 28%),radial-gradient(circle at top right,rgba(87,212,255,.14),transparent 26%),linear-gradient(180deg,#081013,#04090b);color:var(--text)}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}input,select,textarea{width:100%;border-radius:16px;border:1px solid var(--border);background:#081013fa;color:var(--text);padding:.82rem .95rem;transition:border-color .2s ease,transform .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#ffd36e8c}textarea{resize:vertical}.app-shell{position:relative;max-width:1360px;margin:0 auto;padding:1rem 1rem 4rem}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.55),transparent 80%);mask-image:linear-gradient(180deg,rgba(255,255,255,.55),transparent 80%)}.app-topbar,.flash-banner,.tab-nav,.panel,.hero-panel,.overview-card{position:relative;z-index:1}.app-topbar{display:grid;gap:1rem;padding:.25rem 0 1rem}.brand-block{display:grid;gap:.55rem;padding:1.2rem 1.25rem;border-radius:28px;background:linear-gradient(135deg,rgba(255,122,24,.12),transparent 48%),linear-gradient(180deg,#0d191efa,#081013f5);border:1px solid var(--border);box-shadow:var(--shadow)}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-topbar h1,.hero-panel h2,.panel h3{margin:0;font-family:Syne,sans-serif;letter-spacing:-.04em}.app-topbar h1{font-size:clamp(2.2rem,4vw,3.6rem)}.app-topbar p,.hero-panel p,.panel p,.metric-card p,.overview-card p{margin:0;color:var(--muted);line-height:1.45}.eyebrow{display:inline-block;color:#b6c8cd;font-size:.74rem;text-transform:uppercase;letter-spacing:.18em}.status-pill,.soft-pill,.badge-accent,.badge-muted,.trend-pill,.timer-pill{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.55rem .9rem;font-weight:700}.status-pill{background:#ffffff0d;color:var(--text);border:1px solid var(--border)}.status-pill.live,.timer-pill.running{background:#98ff781f;border-color:#98ff7866;color:#d8ffc7}.app-overview-grid,.card-grid,.content-grid,.routine-grid{display:grid;gap:.9rem}.app-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-card,.metric-card,.mini-stat{border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,#0c171cf5,#091114eb);box-shadow:var(--shadow)}.overview-card{padding:1rem 1.1rem}.overview-card strong,.metric-card strong,.mini-stat strong{display:block;margin:.2rem 0 .25rem;font-size:1.45rem;font-family:Syne,sans-serif}.flash-banner{margin:0 0 .9rem;padding:.88rem 1rem;border-radius:18px;border:1px solid rgba(255,211,110,.28);background:linear-gradient(135deg,#ffd36e2e,#0b1215eb)}.tab-nav{position:sticky;top:.7rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;padding:.7rem;margin-bottom:1rem;border-radius:24px;border:1px solid var(--border);background:#060d0fd6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.tab-button{display:grid;gap:.15rem;justify-items:start;padding:.85rem .9rem;border-radius:18px;background:transparent;color:var(--muted);font-weight:700;transition:transform .2s ease,background .2s ease,color .2s ease}.tab-button small{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;opacity:.8}.tab-button.active{color:var(--text);background:linear-gradient(135deg,#ff7a183d,#57d4ff24)}.tab-button:hover,.primary-button:hover,.ghost-button:hover,.chip-button:hover,.picker-item:hover,.jump-chip:hover,.status-pill:hover{transform:translateY(-1px)}.main-shell,.tab-grid,.stack-list,.jump-list,.chip-row,.routine-exercise-list{display:grid;gap:1rem}.hero-panel,.panel{padding:1.05rem;border-radius:28px;background:linear-gradient(180deg,#0e191efa,#080f12f2);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);gap:1rem;overflow:hidden}.dashboard-hero:after,.hero-panel:after{content:"";position:absolute;inset:auto -6% -20% 40%;height:180px;background:radial-gradient(circle,rgba(255,122,24,.2),transparent 58%);filter:blur(28px)}.hero-copy,.history-summary{display:grid;gap:.8rem;align-content:start}.hero-copy h2{font-size:clamp(1.8rem,3vw,3rem)}.hero-actions,.panel-heading,.session-actions,.history-toolbar{display:flex;gap:.75rem}.hero-actions,.panel-heading,.history-toolbar{align-items:center;justify-content:space-between}.panel-heading{margin-bottom:.8rem}.soft-pill,.badge-muted{background:#ffffff0d;border:1px solid var(--border);color:var(--text)}.badge-accent{background:#ff7a1824;color:#ffddb3;border:1px solid rgba(255,122,24,.3)}.trend-pill{background:#ffffff0f;border:1px solid var(--border)}.trend-pill.up{color:#dfffd5;border-color:#98ff7840}.trend-pill.down{color:#ffd1d8;border-color:#ff6b7c38}.stat-strip,.visual-stack,.compact-cards,.session-progress-card{display:grid;gap:.75rem}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-stat{padding:.85rem .9rem}.mini-stat span{color:var(--muted);font-size:.88rem}.visual-stack{align-content:start}.visual-card,.exercise-summary-card,.picker-item{display:grid;grid-template-columns:132px minmax(0,1fr);gap:.8rem;align-items:center}.visual-card-copy,.picker-item-copy{display:grid;gap:.25rem}.visual-card-copy strong,.exercise-summary-card strong,.picker-item-copy strong{font-size:.98rem}.visual-card-copy span,.picker-item-copy span,.exercise-summary-card p{color:var(--muted);font-size:.88rem}.card-grid.compact-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:.95rem 1rem}.metric-card.compact strong{font-size:1.3rem}.content-grid.two-col,.routine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-row,.list-card{display:flex;gap:.8rem;justify-content:space-between;align-items:center;padding:.8rem .9rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff08}.balance-meta,.list-card>div{display:grid;gap:.22rem}.balance-track{flex:1;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.balance-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.session-layout{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);gap:1rem}.session-summary-card{position:sticky;top:6.7rem;align-self:start}.session-progress-card{grid-template-columns:repeat(3,minmax(0,1fr))}.session-progress-card>div{padding:.85rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.session-progress-card strong{display:block;font-family:Syne,sans-serif;font-size:1.3rem}.jump-chip{display:flex;align-items:center;gap:.65rem;border-radius:16px;padding:.8rem .9rem;background:#ffffff0a;border:1px solid var(--border);color:var(--text);text-align:left}.jump-chip.active{border-color:#ffd36e47;background:linear-gradient(135deg,#ffd36e24,#57d4ff14)}.jump-chip span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:#ff7a1833;font-size:.8rem}.jump-chip-copy{display:grid;gap:.18rem}.jump-chip-copy small{color:var(--muted)}.session-actions.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-panel-card{display:grid;gap:1rem}.exercise-panel-card.focused{border-color:#ffd36e47;box-shadow:var(--shadow),0 0 0 1px #ffd36e14 inset}.exercise-card-top{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:1rem;align-items:center}.exercise-card-copy{display:grid;gap:.55rem}.exercise-top-actions{display:grid;gap:.6rem;justify-items:stretch}.selected-action{border-color:#ffd36e47;background:#ffd36e1f}.badge-row{display:flex;flex-wrap:wrap;gap:.55rem}.callout-inline{padding:.75rem .85rem;border-radius:18px;background:#ffd36e1a;border:1px solid rgba(255,211,110,.2)}.cue-strip{display:flex;flex-wrap:wrap;gap:.55rem}.cue-pill{justify-content:flex-start;text-align:left}.active-set-card,.rest-banner,.focus-preview-card,.stepper-card{border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.rest-banner,.focus-preview-card{display:grid;gap:.35rem;padding:.9rem}.rest-banner strong,.focus-preview-card strong,.active-set-card h4,.stepper-card strong{font-family:Syne,sans-serif}.rest-banner strong{font-size:1.9rem}.rest-banner.running{border-color:#98ff7857;background:linear-gradient(135deg,#98ff7829,#0a180edb)}.focus-preview-card button{margin-top:.35rem}.active-set-card{display:grid;gap:.9rem;padding:.95rem}.active-set-card.focused{border-color:#57d4ff47;background:linear-gradient(135deg,#57d4ff1f,#ff7a1814)}.active-set-header,.quick-complete-row{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.active-set-header h4{margin:.2rem 0 .35rem;font-size:1.35rem}.quick-copy-row{display:flex;flex-wrap:wrap;gap:.6rem}.quick-link{text-decoration:none}.quick-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stepper-card{display:grid;gap:.65rem;padding:.85rem}.stepper-card span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.stepper-card strong{font-size:1.4rem}.stepper-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.quick-step{min-height:46px;padding:.7rem .8rem}.quick-complete-row{align-items:stretch}.quick-complete-row .primary-button,.quick-complete-row .ghost-button{flex:1}.set-table-shell{overflow-x:auto}.set-table{min-width:520px;display:grid;gap:.5rem}.set-row{display:grid;grid-template-columns:62px repeat(3,minmax(86px,1fr)) 72px;gap:.55rem;align-items:center}.set-row-head{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.set-row.completed{opacity:.9}.set-row.active{padding:.25rem;border-radius:20px;background:#ffd36e14;border:1px solid rgba(255,211,110,.16)}.set-type,.check-button{display:inline-flex;align-items:center;justify-content:center;height:50px;border-radius:16px;font-weight:800}.set-type{background:#ffffff0a;border:1px solid var(--border)}.set-type.work{color:#ffe6c4}.set-type.drop{color:#c6eeff}.set-type.failure{color:#ffd6de}.check-button{background:#ffffff0a;color:var(--text);border:1px solid var(--border)}.check-button.done{background:#98ff7824;border-color:#98ff7852;color:#ddffcf}.primary-button,.ghost-button,.chip-button,.picker-item{border-radius:18px;padding:.85rem 1rem;transition:transform .2s ease,border-color .2s ease,background .2s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#ff7a18,#ffb03a);box-shadow:0 16px 36px #ff7a182e}.ghost-button,.chip-button,.picker-item{color:var(--text);background:#ffffff0a;border:1px solid var(--border)}.chip-row{grid-template-columns:repeat(auto-fit,minmax(120px,max-content));gap:.55rem}.chip-button.selected{background:#57d4ff24;border-color:#57d4ff4d}.history-hero-panel,.history-spotlight{display:grid;gap:1rem}.history-spotlight{grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:stretch}.picker-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:1rem}.picker-column{display:grid;gap:.8rem}.picker-list{display:grid;gap:.7rem;max-height:440px;overflow:auto}.picker-item{grid-template-columns:132px minmax(0,1fr);align-items:center;text-align:left}.routine-day-card{display:grid;gap:.9rem}.routine-description{min-height:2.5rem}.routine-exercise-list{gap:.75rem}.exercise-summary-card{padding:.7rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.exercise-summary-card p{margin:0}.form-grid,.chart-shell,.bar-chart{display:grid;gap:.8rem}.chart-svg{width:100%;height:auto}.chart-labels{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.6rem}.chart-label{padding:.7rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.chart-label strong{display:block;margin-top:.25rem}.bar-chart-row{display:grid;gap:.45rem}.bar-chart-meta{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.bar-track{height:12px;overflow:hidden;border-radius:999px;background:#ffffff0f}.bar-fill{height:100%;border-radius:inherit}.exercise-visual{position:relative;display:grid;gap:.55rem;overflow:hidden;padding:.7rem;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--visual-a) 26%,rgba(255,255,255,.02)),#09101280),linear-gradient(180deg,#0b1317f2,#080e10eb);border:1px solid rgba(255,255,255,.06)}.exercise-visual.has-photo{background:linear-gradient(180deg,#0a1215b8,#080e10e0),linear-gradient(135deg,color-mix(in srgb,var(--visual-a) 18%,rgba(255,255,255,.02)),#09101280)}.exercise-visual:after{content:"";position:absolute;inset:auto -12% -38% auto;width:128px;height:128px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--visual-b) 28%,transparent),transparent 68%)}.exercise-visual-stage{position:relative;min-height:94px}.exercise-visual.compact{min-height:124px}.exercise-visual.card{min-height:156px}.exercise-visual.hero{min-height:248px;padding:1rem}.exercise-visual-copy{display:grid;gap:.18rem;z-index:1}.exercise-visual-copy span,.exercise-visual-copy small{color:#f5fbfcbd;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.exercise-visual-copy strong{font-size:1rem}.exercise-visual-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:right center;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));z-index:1}.exercise-visual.hero .exercise-visual-copy strong{font-size:1.2rem}.exercise-visual-art{width:100%;height:auto;z-index:1}.exercise-visual-art.ghosted{opacity:.22}.exercise-visual-footer{display:flex;justify-content:space-between;gap:.6rem;color:#f5fbfcad;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;z-index:1}.empty-panel,.empty-state{display:grid;place-items:center;min-height:180px;color:var(--muted);text-align:center}@media(max-width:1100px){.app-overview-grid,.card-grid.compact-cards,.content-grid.two-col,.routine-grid,.session-layout,.picker-grid,.history-spotlight,.hero-panel,.exercise-card-top,.quick-step-grid{grid-template-columns:1fr}.session-summary-card{position:static}}@media(max-width:760px){.app-shell{padding:.8rem .8rem 5.75rem}.tab-nav{position:fixed;top:auto;bottom:.75rem;left:.8rem;right:.8rem;z-index:3}.tab-button{justify-items:center;text-align:center;padding:.8rem .45rem}.tab-button small{display:none}.app-overview-grid,.card-grid.compact-cards,.stat-strip,.session-progress-card{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-card,.exercise-summary-card,.picker-item{grid-template-columns:1fr}.active-set-header,.quick-complete-row{flex-direction:column;align-items:stretch}.set-row{grid-template-columns:52px repeat(3,minmax(72px,1fr)) 64px}.chart-labels{grid-template-columns:repeat(2,minmax(0,1fr))}}