:root{--bg:#f6f7f4;--panel:#fff;--panel-strong:#eef2ed;--ink:#111513;--muted:#5f6f68;--line:#d9e1dc;--brand:#0f6b57;--brand-dark:#0a4a3d;--accent:#e4b64a;--danger:#b42318;--good:#067647;--warn:#946200;--shadow:0 18px 60px #15241e1f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{min-height:calc(100vh - 148px)}.site-header,.site-footer{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f7f4e6}.site-footer{border-top:1px solid var(--line);border-bottom:0}.nav-shell,.footer-shell,.page-shell{width:min(1120px,100% - 32px);margin:0 auto}.nav-shell,.footer-shell{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.brand-mark{flex-direction:column;gap:2px;font-weight:800;line-height:1;display:inline-flex}.brand-mark span:last-child{color:var(--muted);font-size:.78rem;font-weight:700}.nav-links{color:var(--muted);align-items:center;gap:18px;font-weight:700;display:flex}.nav-links a:hover{color:var(--brand-dark)}.page-shell{padding:46px 0}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:42px;min-height:calc(100vh - 190px);padding-bottom:28px;display:grid}.eyebrow{color:var(--brand-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.9rem;font-weight:800}h1,h2,h3,p{margin-top:0}.hero h1{margin-bottom:20px;font-size:clamp(2.6rem,6vw,5.8rem);line-height:.96}.hero-copy,.section-copy{color:var(--muted);font-size:1.12rem;line-height:1.7}.accuracy-note{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--brand);color:var(--muted);border-radius:8px;margin:22px 0 0;padding:14px 16px;font-weight:700;line-height:1.55}.cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.trust-strip{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.trust-strip span{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.86rem;font-weight:800}.button,.secondary-button,.ghost-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button{background:var(--brand);color:#fff}.button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.secondary-button{background:var(--panel);border-color:var(--line);color:var(--ink)}.ghost-button{border-color:var(--line);color:var(--ink);background:0 0}.danger-button{color:var(--danger);background:#fff4f2;border-color:#fecdca}.hero-preview{box-shadow:var(--shadow);color:#e8f5ef;background:#101614;border:1px solid #25332e;border-radius:8px;min-height:420px;padding:24px;position:relative;overflow:hidden}.preview-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);gap:18px;height:100%;display:grid}.camera-mock{background-color:#17201d;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #344640;border-radius:8px;justify-content:center;align-items:center;min-height:340px;display:flex;position:relative}.stick-figure{width:130px;height:230px;position:relative}.joint,.bone{position:absolute}.joint{background:#8df0c6;border-radius:999px;width:12px;height:12px;box-shadow:0 0 20px #8df0c68c}.bone{transform-origin:0;background:#8df0c6;border-radius:999px;height:5px}.preview-stats{gap:10px;display:grid}.stat-tile,.mini-feedback,.preview-card{background:#1b2824;border:1px solid #314a42;border-radius:8px;padding:14px}.preview-card h2{color:#f2fff8;margin-bottom:10px;font-size:1.25rem;line-height:1.25}.preview-card p{color:#b7cbc2;margin-bottom:0;line-height:1.55}.muted-preview{background:#15201c}.preview-list{color:#d8efe5;gap:10px;margin:12px 0 14px;padding-left:18px;display:grid}.preview-note{border-top:1px solid #314a42;padding-top:12px;font-size:.9rem;color:#a9beb5!important}.stat-label{color:#a9beb5;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.stat-value{font-size:1.9rem;font-weight:900;display:block}.disclaimer{color:#604400;background:#fff8e7;border:1px solid #f4d58d;border-radius:8px;padding:14px 16px;font-weight:700;line-height:1.5}.disclaimer.compact{padding:10px 12px;font-size:.9rem}.section-band{border-top:1px solid var(--line);padding:44px 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-heading h2{margin-bottom:0;font-size:clamp(1.8rem,3vw,2.5rem)}.steps-grid,.workout-grid,.summary-grid,.history-grid{gap:18px;display:grid}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card,.workout-card,.summary-card,.history-card,.feedback-card,.debug-panel,.setup-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.step-number{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;font-weight:900;display:inline-flex}.workout-card{flex-direction:column;gap:14px;display:flex}.workout-card h3,.summary-card h3,.history-card h3,.feedback-card h3{margin-bottom:6px}.muted{color:var(--muted)}.small-status{margin-bottom:0;font-size:.88rem;line-height:1.45}.detail-list{gap:10px;margin:0;padding:0;display:grid}.detail-list li{list-style:none}.detail-list strong{margin-bottom:4px;display:block}.section-kicker{color:var(--brand-dark);text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:900;display:block}.live-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:22px;display:grid}.live-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.camera-frame{aspect-ratio:16/10;background:#101614;border:1px solid #25332e;border-radius:8px;width:100%;position:relative;overflow:hidden}.camera-frame video,.camera-frame canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.camera-frame canvas{pointer-events:none}.camera-mirrored{transform-origin:50%;transform:scaleX(-1)}.camera-placeholder{color:#d9e7e1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:28px;display:flex}.pose-unclear-overlay{color:#f2fff8;text-align:left;z-index:2;background:#101614c7;border:1px solid #fecdcacc;border-radius:8px;gap:4px;max-width:min(360px,100% - 28px);padding:12px 14px;display:grid;position:absolute;top:14px;left:14px}.pose-unclear-overlay strong{font-size:1rem}.pose-unclear-overlay ul{color:#c8ddd4;flex-wrap:wrap;gap:6px 12px;margin:4px 0 0;padding:0;display:flex}.pose-unclear-overlay li{list-style:none}.side-panel{gap:14px;display:grid}.camera-section,.metrics-area,.feedback-area,.controls-panel{gap:12px;display:grid}.live-section-heading h2{margin-bottom:0;font-size:1.08rem}.metrics-area,.controls-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.setup-panel{gap:16px;display:grid}.setup-panel h2{margin-bottom:0;font-size:1.3rem}.setup-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.setup-checklist li{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-weight:750;list-style:none}.control-grid{grid-template-columns:1fr;gap:10px;display:grid}.toggle-row{background:var(--panel-strong);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;display:flex}.toggle-row input{accent-color:var(--brand);width:18px;height:18px}.debug-toggle{min-height:38px;font-size:.9rem}.counter-panel{background:var(--panel-strong);border:1px solid var(--line);text-align:center;border-radius:8px;padding:20px}.counter-value{font-size:clamp(3rem,7vw,5.8rem);font-weight:950;line-height:1;display:block}.counter-label{color:var(--muted);text-transform:uppercase;margin-top:8px;font-weight:800;display:block}.confidence-badge{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:850;display:flex}.confidence-badge.good{color:var(--good);border-color:#abefc6}.confidence-badge.warn{color:var(--warn);border-color:#fedf89}.confidence-badge.bad{color:var(--danger);border-color:#fecdca}.feedback-card{border-left:5px solid var(--brand)}.feedback-card.warn{border-left-color:var(--warn)}.feedback-card.bad{border-left-color:var(--danger)}.tracking-notice{border:1px solid var(--line);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.tracking-notice span{color:var(--muted);font-size:.9rem}.tracking-notice.good{color:var(--good);background:#ecfdf3;border-color:#abefc6}.tracking-notice.warn{color:var(--warn);background:#fffaeb;border-color:#fedf89}.tracking-notice.bad{color:var(--danger);background:#fff4f2;border-color:#fecdca}.debug-panel{color:#dff5ec;background:#101614;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;overflow:auto}.debug-panel pre{white-space:pre-wrap;border-top:1px solid #314a42;margin:0;padding-top:12px}.debug-reason{color:#f6d365;border-bottom:1px solid #314a42;margin:0 0 12px;padding-bottom:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.debug-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.debug-group{background:#15201c;border:1px solid #314a42;border-radius:8px;gap:7px;padding:10px;display:grid}.debug-row{justify-content:space-between;gap:10px;display:flex}.debug-row span{color:#a9beb5}.debug-row code{color:#f2fff8;text-align:right}.status-stack{gap:10px;display:grid}.status-row{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.error-text{color:var(--danger);font-weight:800}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state{align-items:flex-start;gap:12px;max-width:560px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--panel-strong);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.86rem;font-weight:800;display:inline-flex}@media (max-width:920px){.hero,.live-grid,.steps-grid,.workout-grid,.summary-grid,.history-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-preview{min-height:360px}}@media (max-width:640px){.nav-shell,.footer-shell,.live-header,.section-heading{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap;gap:12px}.page-shell{padding:30px 0}.preview-grid,.preview-stats,.setup-checklist,.debug-groups{grid-template-columns:1fr}.camera-frame{aspect-ratio:3/4}}