@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{color:#f2f2e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0b0b;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}body{background-color:#0b0b0b;min-width:320px;min-height:100vh;margin:0}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}::selection{color:#111;background:#fdfdcb}:root{--brand:#fdfdcb;--bg:#0b0b0b;--card:#171717;--card-border:#ffffff14;--muted:#fff9;--muted-50:#fff6}.home-root{background:var(--bg);color:#f2f2e8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.home-glow{filter:blur(120px);pointer-events:none;background:#fdfdcb0d;border-radius:9999px;width:50%;height:50%;position:absolute}.home-glow-a{top:-20%;left:-10%}.home-glow-b{bottom:-20%;right:-10%}.home-shell{z-index:1;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:28rem;display:flex;position:relative}.home-hero{text-align:center;flex-direction:column;gap:1.5rem;display:flex}.home-logo img{filter:drop-shadow(0 25px 25px #00000040);width:12rem;margin:0 auto}.home-title h1{letter-spacing:-.02em;color:var(--brand);font-size:1.875rem;font-weight:700}.home-title p{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.875rem;font-weight:500}.home-actions{flex-direction:column;gap:1rem;width:100%;display:flex}.home-action{border:1px solid var(--card-border);background:var(--card);cursor:pointer;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.home-action:hover{border-color:#fdfdcb80}.home-action-sheen{pointer-events:none;background:linear-gradient(90deg,#fdfdcb00,#fdfdcb14,#fdfdcb00);transition:transform 1s;position:absolute;inset:0;transform:translate(-100%)}.home-action:hover .home-action-sheen{transform:translate(100%)}.home-action-left{z-index:1;align-items:center;gap:1rem;display:flex;position:relative}.home-action-icon{color:var(--brand);background:#ffffff0d;border-radius:.75rem;padding:.75rem;transition:background-color .3s,color .3s}.home-action:hover .home-action-icon{background:var(--brand);color:#000}.home-action-label{letter-spacing:.02em;color:#f2f2e8;font-size:1.125rem;font-weight:600}.home-action-arrow{color:var(--muted-50);z-index:1;transition:color .3s,transform .3s;position:relative}.home-action:hover .home-action-arrow{color:var(--brand);transform:translate(4px)}.home-footer{color:#fff6;font-size:.75rem}@media (min-width:768px){.home-logo img{width:14rem}.home-title h1{font-size:2.25rem}}.exercise-root{color:#f2f2e8;background:#0b0b0b;flex-direction:column;min-height:100vh;padding:16px;display:flex;overflow:hidden}.exercise-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.exercise-exit{color:#ffffffa6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.exercise-exit:hover{color:var(--brand)}.exercise-live{text-transform:uppercase;letter-spacing:.18em;color:var(--brand);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.exercise-live-dot{background:#ef4444;border-radius:999px;width:8px;height:8px;animation:1.6s ease-in-out infinite exercisePulse}.exercise-sound{color:#ffffffa6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s;display:inline-flex}.exercise-sound:hover{color:var(--brand)}.exercise-layout{flex-direction:column;flex:1;gap:24px;width:100%;max-width:80rem;margin:0 auto;display:flex}.exercise-camera{background:#171717;border:1px solid #ffffff0d;border-radius:2rem;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.exercise-media{width:100%;position:relative}.exercise-camera video,.exercise-camera canvas,.exercise-camera img{object-fit:cover;filter:grayscale(.3)brightness(.75);border-radius:inherit;width:100%;height:100%}.exercise-camera canvas{border-radius:3px;max-width:calc(100% - 68px);margin:34px 0 27px 32px}.exercise-overlay{pointer-events:none;opacity:.2;z-index:1;background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;position:absolute;inset:0}.exercise-corners{pointer-events:none;z-index:2;position:absolute;inset:0}.exercise-corners .corner{border-style:solid;border-color:#fdfdcb80;width:32px;height:32px;position:absolute}.corner-tl{border-width:2px 0 0 2px;border-top-left-radius:.5rem;top:32px;left:32px}.corner-tr{border-width:2px 2px 0 0;border-top-right-radius:.5rem;top:32px;right:32px}.corner-bl{border-width:0 0 2px 2px;border-bottom-left-radius:.5rem;bottom:32px;left:32px}.corner-br{border-width:0 2px 2px 0;border-bottom-right-radius:.5rem;bottom:32px;right:32px}.exercise-chip{text-transform:uppercase;letter-spacing:.08em;z-index:2;align-items:center;gap:8px;width:max-content;margin:0 auto;padding:6px 16px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:32px;left:0;right:0}.exercise-chip svg{width:14px;height:14px;color:var(--brand)}.exercise-instruction{text-align:center;text-transform:none;letter-spacing:.02em;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;font-size:12px;top:50%}.exercise-instruction-sub{color:#ffffffb3;font-size:10px}.exercise-stats{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:16px;display:flex;position:static}.exercise-stat-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0009;border:1px solid #ffffff1a;border-radius:1.25rem;min-width:140px;padding:16px}.exercise-stat-card .label{text-transform:uppercase;letter-spacing:.2em;color:var(--brand);margin-bottom:4px;font-size:10px;font-weight:700}.exercise-stat-card .value{align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.exercise-stat-card svg{width:16px;height:16px}.direction-emphasis{padding:6px 0}.direction-arrow{color:#ff8a4c;filter:drop-shadow(0 0 8px #ff8a4c73);transform:rotate(var(--dir-rotate,0deg))scale(1);animation:1.2s ease-in-out infinite directionPulse}.direction-text{color:#ff8a4c;text-transform:uppercase;letter-spacing:.16em}.direction-hold{color:var(--brand);letter-spacing:.2em;text-transform:uppercase;background:#fdfdcb33;border-radius:999px;justify-content:center;align-items:center;padding:2px 10px;font-size:11px;animation:1.4s ease-in-out infinite holdGlow;display:inline-flex}@keyframes directionPulse{0%,to{transform:rotate(var(--dir-rotate,0deg))scale(1);opacity:.9}50%{transform:rotate(var(--dir-rotate,0deg))scale(1.08);opacity:1}}@keyframes holdGlow{0%,to{box-shadow:0 0 #fdfdcb1a}50%{box-shadow:0 0 16px #fdfdcb73}}.exercise-side{flex-direction:column;gap:16px;width:100%;display:flex}.progress-card{text-align:center;background:#171717;border:1px solid #ffffff0d;border-radius:2rem;padding:32px;position:relative;overflow:hidden}.progress-bar{background:#ffffff0d;width:100%;height:4px;position:absolute;top:0;left:0}.progress-bar span{background:var(--brand);height:100%;display:block}.progress-label{text-transform:uppercase;letter-spacing:.2em;color:#fff9;margin-bottom:8px;font-size:12px;font-weight:700}.progress-count{justify-content:center;align-items:baseline;gap:4px;display:flex}.progress-count .big{font-size:4.5rem;font-weight:700;line-height:1}.progress-count .small{color:#fdfdcb80;font-size:1.5rem;font-weight:500}.progress-exercise{text-transform:uppercase;letter-spacing:.2em;color:var(--brand);margin-top:8px;font-size:.875rem;font-weight:600}.tip-card{background:#17171799;border:1px solid #ffffff0d;border-radius:1.25rem;align-items:center;gap:12px;padding:24px;display:flex}.tip-icon{width:40px;height:40px;color:var(--brand);background:#fdfdcb1a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.tip-title{margin-bottom:2px;font-size:.875rem;font-weight:700}.tip-text{color:#fff9;font-size:.75rem}.exercise-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:auto;display:grid}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.debug-card{background:#17171799;border:1px solid #ffffff0d;border-radius:1rem;padding:12px}.debug-span-2{grid-column:span 2}.debug-label{text-transform:uppercase;letter-spacing:.18em;color:var(--brand);margin-bottom:4px;font-size:10px;font-weight:700}.debug-value{color:#f2f2e8;font-size:.875rem;font-weight:600}.debug-muted{color:#fff9;font-size:.75rem}.action-primary{background:var(--brand);color:#111;cursor:pointer;border:1px solid #fdfdcb80;border-radius:1.25rem;grid-column:span 2;height:56px;font-weight:700}.action-primary:hover{background:#fff}.action-secondary{color:#f2f2e8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:.75rem;height:48px;font-weight:500;transition:background .2s}.action-secondary:hover{background:#ffffff0d}@media (min-width:768px){.exercise-root{padding:24px}}@media (min-width:1024px){.exercise-layout{flex-direction:row;align-items:flex-start}.exercise-camera{flex:1}.exercise-stats{margin:0;position:absolute;bottom:50px;left:50px;right:50px}.exercise-side{width:20rem}}@keyframes exercisePulse{0%,to{opacity:.35}50%{opacity:1}}#root{min-height:100vh}