:root{--bg-color:#0d0d0d;--bg-surface:#1a1a1a;--bg-surface-light:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--brand-orange:#f97316;--brand-orange-hover:#ea580c;--success-green:#22c55e;--border-color:#333;--radius:8px;color:var(--text-primary);background-color:var(--bg-color);font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:#000;justify-content:center;min-width:320px;margin:0;display:flex;overflow-x:hidden}html{overflow-x:hidden}#root{background-color:var(--bg-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);box-sizing:border-box;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative}h1,h2,h3{margin:0;font-weight:700}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-center{text-align:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.auth-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.auth-card{background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border-color);padding:2rem}.divider{text-align:center;color:var(--text-secondary);margin:1.5rem 0;font-size:.9rem;font-weight:600}button{border-radius:var(--radius);cursor:pointer;color:#fff;border:none;width:100%;padding:.8rem 1rem;font-size:1rem;font-weight:700;transition:opacity .2s}button:active{opacity:.8}.primary-btn{background-color:var(--brand-orange)}.google-btn{color:#000;background-color:#fff;border:1px solid #ccc}.success-btn{background-color:var(--success-green)}.outline-btn{border:1px solid var(--brand-orange);color:var(--brand-orange);background-color:#0000}input,textarea{background:var(--bg-surface-light);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius);box-sizing:border-box;padding:.8rem;font-family:inherit;font-size:16px}input:focus,textarea:focus{outline:1px solid var(--brand-orange)}.header-bar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.week-selector{color:var(--brand-orange);background:0 0;border:none;outline:none;padding:0;font-size:1.1rem;font-weight:700}.day-list-item{border-bottom:1px solid var(--border-color);background-color:var(--bg-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.day-list-item:active{background-color:var(--bg-surface)}.day-left{flex-direction:column;display:flex}.day-name{color:var(--text-secondary);text-transform:uppercase;font-size:.85rem}.day-title{font-size:1.2rem;font-weight:700}.icon-chevron{color:var(--brand-orange);font-weight:700}.exercise-block{background-color:var(--bg-surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:1rem}.exercise-header{background-color:var(--bg-surface-light);justify-content:space-between;align-items:center;padding:1rem;display:flex}.set-row{border-top:1px solid var(--border-color);grid-template-columns:1fr 2fr 2fr;align-items:center;gap:.5rem;padding:1rem 2.5rem 1rem 1rem;display:grid}.set-number{color:var(--text-secondary);font-weight:700}.bottom-nav{background-color:var(--bg-surface);border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;max-width:480px;height:60px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;font-size:.75rem;display:flex}.nav-item.active{color:var(--brand-orange)}@keyframes fadeAndSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards fadeAndSlideUp}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}@keyframes weekSlideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes weekSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.week-slide-left{animation:.22s forwards weekSlideLeft}.week-slide-right{animation:.22s forwards weekSlideRight}.accordion-body{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.25,.46,.45,.94);display:grid}.accordion-body.open{grid-template-rows:1fr}.accordion-inner{min-height:0;overflow:hidden}.accordion-chevron{align-items:center;transition:transform .25s;display:flex}.accordion-chevron.open{transform:rotate(180deg)}@keyframes popupIn{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popupOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}.popup-backdrop{animation:.2s forwards backdropIn}.popup-backdrop.exit{animation:.2s forwards backdropOut}.popup-card{animation:.28s cubic-bezier(.34,1.4,.64,1) forwards popupIn}.popup-card.exit{animation:.2s forwards popupOut}