@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#ddb7ff;--color-primary-container:#b76dff;--color-on-primary:#490080;--color-secondary:#4fdbc8;--color-secondary-container:#04b4a2;--color-on-secondary:#003731;--color-background:#131316;--color-surface:#1f1f22;--color-surface-high:#2a2a2d;--color-surface-highest:#353438;--color-on-background:#e4e1e6;--color-on-surface:#e4e1e6;--color-on-surface-variant:#cfc2d6;--color-outline:#4d4354;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:cubic-bezier(1, 0, 0, 1);--transition-normal:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.container{max-width:600px;padding:var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.btn{font-family:var(--font-display);text-transform:uppercase;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-radius:0;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{background-color:var(--color-primary-container);box-shadow:0 0 15px var(--color-primary-container)}.btn-secondary{border:1px solid var(--color-outline);color:var(--color-primary)}.btn-secondary:hover{background-color:#ddb7ff1a}.card{background-color:var(--color-surface);padding:var(--spacing-md);transition:background-color .3s var(--transition-normal);border-left:4px solid #0000}.card-active{border-left-color:var(--color-primary);background-color:var(--color-surface-high)}.input-field{background-color:var(--color-surface-highest);border:none;border-bottom:2px solid var(--color-outline);color:var(--color-on-background);padding:var(--spacing-sm);font-family:var(--font-body);width:100%;transition:border-color .2s var(--transition-fast)}.input-field:focus{border-bottom-color:var(--color-primary);outline:none}.hud-tab-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-md);border-top:1px solid var(--color-outline);z-index:100;background-color:#131316cc;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-tab{color:var(--color-on-surface-variant);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;font-size:.8rem;font-weight:600}.hud-tab.active{color:var(--color-primary)}.coach-note{padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ddb7ff1a,#14b8a61a);border:1px solid #ddb7ff33}.coach-note-title{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-xs);font-size:.7rem}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-md);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-top:4px solid var(--color-primary);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-outline)}.modal-body{padding:var(--spacing-md);flex-grow:1;overflow-y:auto}.modal-footer{padding:var(--spacing-md);border-top:1px solid var(--color-outline);justify-content:flex-end;gap:var(--spacing-md);display:flex}.step-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface-high)}.exercise-group{border-left:4px solid var(--color-primary)}.set-header{color:var(--color-on-surface-variant);text-transform:uppercase;margin-bottom:4px;font-size:.6rem;font-weight:700}.set-row{gap:var(--spacing-sm);border-top:1px solid #ffffff0d;grid-template-columns:.5fr 1fr 1fr .5fr .5fr auto;align-items:center;padding:8px 0;display:grid}.drop-set-row{border-left:2px dashed var(--color-secondary);background:#14b8a60d;margin-left:10px}.intensity-badge{background:var(--color-primary);color:var(--color-on-primary);padding:1px 4px;font-size:.5rem}.drop-badge{background:var(--color-secondary)}.timer-hud{background:var(--color-surface);border:1px solid var(--color-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;animation:slideUp .3s var(--transition-normal);padding:8px 16px;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ddb7ff4d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,50px)}to{opacity:1;transform:translate(-50%)}}.is-logged{opacity:.5;filter:grayscale();pointer-events:none;border-left-color:var(--color-secondary)!important}.timer-finished-pulse{animation:1.5s infinite pulse-border}@keyframes pulse-border{0%{box-shadow:inset 0 0 0 0px var(--color-primary)}50%{box-shadow:inset 0 0 50px 20px #ddb7ff66}to{box-shadow:inset 0 0 0 0px var(--color-primary)}}.drop-set-row{border-left:2px dashed var(--color-secondary);margin-left:10px}.auth-container{min-height:80vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.btn-danger{color:#f44;cursor:pointer;text-transform:uppercase;background:#ff44441a;border:1px solid #f44;padding:4px 12px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;transition:all .2s}.btn-danger:hover{color:#000;background:#f44}.hidden{display:none!important}.sync-status{background:var(--color-primary);color:var(--color-on-primary);letter-spacing:1px;align-items:center;gap:10px;padding:4px 10px;font-size:.6rem;font-weight:900;display:flex}.pulse-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.overlay-full{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100vw;height:100vh;padding:var(--spacing-lg);background:#0a0a0af2;position:fixed;top:0;left:0}.drop-set-row{background:#bb86fc0d;border-left:3px dashed var(--color-primary)!important}.is-logged{opacity:.6;border-color:#ffffff1a!important}.is-logged input{color:var(--color-on-surface-variant)!important}