:root{color-scheme:dark;--bg: #090b0f;--bg-soft: #10141a;--surface: #151a21;--surface-strong: #1d242e;--line: #303a47;--line-strong: #425063;--text: #eef3f8;--muted: #a9b5c5;--accent: #78f0c1;--accent-strong: #30c98d;--gold: #f4c95d;--danger: #ff7a7a;--shadow: 0 18px 50px rgba(0, 0, 0, .36);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(120,240,193,.1),transparent 32rem),linear-gradient(180deg,#0c1016 0%,var(--bg) 42rem);color:var(--text)}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.program-header{border-bottom:1px solid rgba(255,255,255,.08);padding:28px clamp(16px,4vw,48px) 22px}.program-header__content{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;max-width:1180px}.program-title{display:flex;align-items:center;gap:16px}.program-title h1{margin:0;font-size:clamp(1.75rem,4vw,3.25rem);line-height:1;letter-spacing:0}.brand-mark{display:grid;flex:0 0 52px;height:52px;place-items:center;border:1px solid rgba(120,240,193,.38);border-radius:8px;background:#78f0c11a;color:var(--accent)}.eyebrow{margin:0 0 6px;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.program-description{margin:10px 0 0;color:var(--muted)}.week-nav,.weeks-layout{margin:0 auto;max-width:1180px}.week-nav{position:sticky;top:0;z-index:30;display:flex;gap:8px;max-width:none;overflow-x:auto;margin:0;padding:10px clamp(16px,4vw,48px);border-bottom:1px solid rgba(255,255,255,.08);background:#090b0fe0;box-shadow:0 12px 28px #00000047;scrollbar-width:thin;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.week-nav__button,.icon-button{border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.week-nav__button:hover,.icon-button:hover{border-color:var(--line-strong);background:var(--surface-strong)}.week-nav__button:active,.icon-button:active{transform:translateY(1px)}.week-nav__button{min-width:96px;padding:9px 12px;color:var(--muted);font-size:.9rem;font-weight:800;white-space:nowrap}.weeks-layout{display:grid;gap:18px;padding:24px clamp(16px,4vw,48px) 44px}.week-section,.day-panel{border:1px solid var(--line);border-radius:8px;background:#151a21f0;box-shadow:var(--shadow);overflow:clip}.week-section summary,.day-panel summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:14px 16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.week-section summary::-webkit-details-marker,.day-panel summary::-webkit-details-marker{display:none}.week-section{scroll-margin-top:16px}.week-section>summary{background:linear-gradient(90deg,#1d242ef5,#151a21f5)}.summary-copy{display:flex;align-items:center;min-width:0;gap:12px}.summary-copy h2,.summary-copy h3{margin:0;letter-spacing:0}.summary-copy h2{font-size:1.25rem}.summary-copy h3{font-size:1rem}.summary-chevron{width:0;height:0;flex:0 0 auto;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid var(--accent);transition:transform .18s ease}details[open]>summary .summary-chevron{transform:rotate(90deg)}.muted{display:inline-block;margin-top:4px;color:var(--muted);font-size:.84rem}.week-progress{display:flex;align-items:center;gap:10px;white-space:nowrap}.week-progress strong{color:var(--accent)}.week-progress span{color:var(--muted);font-size:.9rem}.week-section__body{display:grid;gap:12px;padding:14px;background:#090b0f6b}.day-panel{background:var(--surface);box-shadow:none}.day-panel>summary{min-height:62px;background:var(--surface-strong)}.day-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.icon-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;color:var(--muted);font-size:.86rem;font-weight:800}.icon-button svg{flex:0 0 auto}.icon-button--success{border-color:#78f0c16b;color:var(--accent)}.day-panel__body{background:#10141a}.progress-track{height:4px;background:#ffffff14}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .22s ease}.table-wrap{overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}th{background:#202833;color:var(--gold);font-size:.84rem;font-weight:900}td{color:var(--text)}tbody tr{cursor:pointer;outline:none;transition:background .16s ease}tbody tr:hover{background:#ffffff09}tbody tr:focus-visible{box-shadow:inset 0 0 0 2px #78f0c1b8}.exercise-cell{width:52%}.exercise-check{display:inline-flex;align-items:flex-start;gap:10px;line-height:1.35}.exercise-check input{width:18px;height:18px;flex:0 0 auto;margin-top:1px;accent-color:var(--accent-strong)}.exercise-check span{-webkit-user-select:none;user-select:none}.is-complete{color:var(--muted)}.is-complete .exercise-check span{color:var(--muted);text-decoration:line-through;text-decoration-color:#78f0c1b8}.empty-technique{color:#6f7c8e;font-size:.9rem}@media (max-width: 820px){.week-section>summary,.day-panel>summary{align-items:stretch;flex-direction:column}.week-progress,.day-actions{justify-content:flex-start}.icon-button{flex:1 1 136px;justify-content:center}table,thead,tbody,tr,td{display:block;width:100%;min-width:0}table{min-width:0}thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0)}tbody{display:grid;gap:10px;padding:12px}tbody tr{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#151a21e6}td{display:grid;grid-template-columns:minmax(76px,auto) 1fr;gap:12px;padding:0;border-bottom:0;color:var(--muted);font-size:.92rem}td:before{content:attr(data-label);color:var(--gold);font-weight:800}.exercise-cell{width:100%;color:var(--text)}.exercise-cell:before{display:none}}@media (max-width: 520px){.program-header{padding-top:20px}.program-title{align-items:flex-start}.brand-mark{width:44px;height:44px;flex-basis:44px}.week-section__body{padding:10px}}
