:root{--bg-primary: #0a0a0c;--bg-secondary: #16161a;--bg-tertiary: #24242b;--accent-primary: #3b82f6;--accent-secondary: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--danger: #ef4444;--success: #10b981;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--shadow-premium: 0 10px 30px -5px rgba(0, 0, 0, .5);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;justify-content:center}#root{width:100%;max-width:480px;padding:1.5rem;box-sizing:border-box}@media screen and (max-height:700px){#root{padding:.75rem}}@media screen and (max-height:660px){#root{padding:.5rem .75rem}}@media screen and (max-height:600px){#root{padding:.75rem}}h1,h2,h3{font-weight:700;margin-top:0}@media screen and (max-height:700px){h1{font-size:1.75rem!important}}@media screen and (max-height:600px){h1{font-size:1.75rem!important}}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-premium)}button:hover{transform:translateY(-2px);filter:brightness(1.1)}button:active{transform:translateY(0)}button:focus-visible{outline:4px auto var(--accent-primary)}@media screen and (max-height:600px){button{padding:.5em 1em}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-premium)}@media screen and (max-height:700px){.glass-card{padding:.75rem;border-radius:14px}}@media screen and (max-height:660px){.glass-card{padding:.5rem .75rem;border-radius:12px}}@media screen and (max-height:600px){.glass-card{padding:.75rem;border-radius:12px}}.heading-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.accent-text{color:var(--accent-primary)}.warmup-badge{background:#f59e0b1a;color:#f59e0b;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;border:1px solid rgba(245,158,11,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{display:flex;flex-direction:column;min-height:calc(100vh - 3rem)}@media screen and (max-height:700px){.app-container{min-height:calc(100vh - 2rem)}}@media screen and (max-height:660px){.app-container{min-height:calc(100vh - 1rem)}}@media screen and (max-height:600px){.app-container{min-height:calc(100vh - 1.5rem)}}.home-screen{flex:1;display:flex;flex-direction:column}.home-screen header{margin-bottom:2.5rem}@media screen and (max-height:700px){.home-screen header{margin-bottom:1.5rem!important}}@media screen and (max-height:660px){.home-screen header{margin-bottom:1rem!important}}@media screen and (max-height:600px){.home-screen header{margin-bottom:1rem!important}.home-screen header h1{font-size:1.75rem!important;line-height:1.1}.home-screen header h3{font-size:.875rem!important}}.home-screen .glass-card{margin-bottom:2rem}@media screen and (max-height:700px){.home-screen .glass-card{margin-bottom:1rem!important}}@media screen and (max-height:660px){.home-screen .glass-card{margin-bottom:.75rem!important}}@media screen and (max-height:600px){.home-screen .glass-card{margin-bottom:.75rem!important;padding:.75rem!important}.home-screen .glass-card h2{font-size:1rem!important;margin-bottom:1rem!important}}@media screen and (max-height:600px){.home-screen>button{padding:.875rem!important;font-size:1rem!important;margin-top:.5rem!important}}.exercise-list{font-size:.9375rem}@media screen and (max-height:700px){.exercise-list{font-size:.875rem}}@media screen and (max-height:600px){.exercise-list{font-size:.8rem}}@media screen and (max-height:700px){.exercise-list>div{padding:.5rem 0!important}}@media screen and (max-height:660px){.exercise-list>div{padding:.4rem 0!important}}@media screen and (max-height:600px){.exercise-list>div{padding:.4rem 0!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}.workout-active{display:flex;flex-direction:column;height:100%}@media screen and (max-height:700px){.workout-active>div:first-child{margin-bottom:.75rem}}@media screen and (max-height:660px){.workout-active>div:first-child{margin-bottom:.5rem}}@media screen and (max-height:600px){.workout-active>div:first-child{margin-bottom:.5rem}}.workout-active .progress-container{margin-bottom:1.5rem}@media screen and (max-height:700px){.workout-active .progress-container{margin-bottom:1rem}}.workout-active .progress-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.workout-active .progress-track{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.workout-active .progress-track .progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.workout-active .rest-overlay{position:fixed;top:20%;left:1.5rem;right:1.5rem;z-index:100;text-align:center;padding:2.5rem 1.5rem;background:#0a0a0cfa;border:1px solid var(--accent-primary);box-shadow:0 0 50px #000}.workout-active .rest-overlay h3{color:var(--accent-primary);text-transform:uppercase;font-size:.875rem}.workout-active .rest-overlay .rest-timer{font-size:4rem;font-weight:800;margin:1rem 0}.workout-active .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.workout-active .detail-card{background:var(--bg-tertiary);padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.workout-active .detail-card .detail-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem}.workout-active .detail-card .detail-value{font-size:1.1rem;font-weight:700}.workout-active .detail-card .detail-value.accent{color:var(--accent-primary);font-family:monospace}@media screen and (max-height:700px){.workout-active .glass-card:first-of-type{margin-bottom:.75rem;padding:.75rem}}@media screen and (max-height:660px){.workout-active .glass-card:first-of-type{margin-bottom:.5rem;padding:.5rem .75rem}.workout-active .glass-card:first-of-type h1{font-size:1.2rem!important;margin-bottom:.25rem!important}.workout-active .glass-card:first-of-type h3{font-size:.7rem!important;margin-bottom:.125rem!important}.workout-active .glass-card:first-of-type p{display:none}}@media screen and (max-height:600px){.workout-active .glass-card:first-of-type{margin-bottom:.5rem;padding:.5rem .75rem}.workout-active .glass-card:first-of-type h1{font-size:1.1rem!important;margin-bottom:.25rem!important}.workout-active .glass-card:first-of-type h3{font-size:.7rem!important}.workout-active .glass-card:first-of-type p{display:none}}.set-section{margin-bottom:1rem}@media screen and (max-height:660px){.set-section{margin-bottom:.5rem}}@media screen and (max-height:600px){.set-section{margin-bottom:.5rem}}.set-display{margin-bottom:.5rem}@media screen and (max-height:660px){.set-display{margin-bottom:.25rem}}@media screen and (max-height:600px){.set-display{margin-bottom:.25rem}}.set-number{font-size:3rem;font-weight:800;line-height:1}@media screen and (max-height:700px){.set-number{font-size:2.5rem}}@media screen and (max-height:660px){.set-number{font-size:2rem}}@media screen and (max-height:600px){.set-number{font-size:2rem}}@media screen and (max-height:550px){.set-number{font-size:1.75rem}}.set-total{font-size:1.25rem;color:var(--text-secondary);font-weight:400}@media screen and (max-height:700px){.set-total{font-size:1rem}}@media screen and (max-height:660px){.set-total{font-size:.875rem}}@media screen and (max-height:600px){.set-total{font-size:.875rem}}.rep-selector{margin-bottom:1rem}@media screen and (max-height:660px){.rep-selector{margin-bottom:.5rem}}@media screen and (max-height:600px){.rep-selector{margin-bottom:.75rem}}.rep-buttons{display:flex;overflow-x:auto;gap:6px;padding:4px 0;justify-content:center;scrollbar-width:none}.rep-buttons::-webkit-scrollbar{display:none}@media screen and (max-height:550px){.rep-buttons{gap:4px}}.rep-button{min-width:44px;height:44px;padding:0;border-radius:10px;border:none;font-size:1rem;flex-shrink:0}@media screen and (max-height:660px){.rep-button{min-width:36px;height:36px;font-size:.875rem}}@media screen and (max-height:600px){.rep-button{min-width:38px;height:38px;font-size:.875rem}}@media screen and (max-height:550px){.rep-button{min-width:32px;height:32px;font-size:.75rem;border-radius:8px}}.action-button{width:140px;height:140px;border-radius:70px;font-size:1rem;background:linear-gradient(135deg,var(--accent-primary) 0%,#1e40af 100%);box-shadow:0 0 25px #3b82f666;border:5px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}@media screen and (max-height:700px){.action-button{width:120px;height:120px;border-radius:60px;font-size:.9rem;border-width:4px}}@media screen and (max-height:660px){.action-button{width:100px;height:100px;border-radius:50px;font-size:.85rem;border-width:3px;box-shadow:0 0 15px #3b82f64d}}@media screen and (max-height:600px){.action-button{width:100px;height:100px;border-radius:50px;font-size:.85rem;border-width:3px;box-shadow:0 0 15px #3b82f64d}}@media screen and (max-height:550px){.action-button{width:85px;height:85px;border-radius:50%;font-size:.75rem}}.action-button-label{font-size:.65rem;opacity:.8;margin-bottom:2px;text-transform:uppercase}@media screen and (max-height:660px){.action-button-label{font-size:.55rem}}@media screen and (max-height:600px){.action-button-label{font-size:.55rem}}.next-exercise-card{padding:.75rem 1rem;margin-top:auto}.next-exercise-card h4{margin:0 0 .25rem;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}@media screen and (max-height:660px){.next-exercise-card h4{font-size:.6rem;margin-bottom:.1rem}}@media screen and (max-height:600px){.next-exercise-card h4{font-size:.6rem;margin-bottom:.125rem}}@media screen and (max-height:660px){.next-exercise-card{padding:.4rem .75rem}}@media screen and (max-height:600px){.next-exercise-card{padding:.5rem .75rem}}.next-exercise-name{font-weight:600;font-size:.9rem}@media screen and (max-height:660px){.next-exercise-name{font-size:.8rem}}@media screen and (max-height:600px){.next-exercise-name{font-size:.8rem}}.sync-overlay{position:fixed;inset:0;background:#000c;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.sync-overlay .spinner{width:40px;height:40px;border:4px solid var(--accent-primary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.summary-screen{text-align:center;padding:2rem 1.5rem}.summary-screen .trophy{font-size:3rem;margin-bottom:1rem}.summary-screen .log-container{max-height:300px;overflow-y:auto;margin-bottom:2rem;text-align:left;background:var(--bg-tertiary);border-radius:12px;padding:1rem}.summary-screen .log-entry{padding:.5rem 0;border-bottom:1px solid var(--glass-border);font-size:.875rem;display:flex;justify-content:space-between}.summary-screen .log-entry:last-child{border-bottom:none}.summary-screen .finish-button{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);width:100%;padding:1rem}.intensity-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#3b82f61a;color:var(--accent-primary)}.intensity-badge.warmup{background:#f59e0b1a;color:#f59e0b}