*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}.app-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0e7ff)}.app-wrapper{max-width:28rem;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 25px 50px -12px #00000040}.page-content{padding:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.LoginContainer{border:2px solid #ccc;border-radius:10px;padding:2rem;box-shadow:0 0 10px #0000001a;width:300px;margin:auto;background-color:#fff;row-gap:5px;display:flex;flex-direction:column;gap:.5rem;align-items:center}.LoginContainer h2{width:80px;margin:0 auto;text-align:center;background-color:#fff}.LoginContainer input{width:250px;height:40px;background-color:#fff}.LoginContainer button{width:90px;height:40px;margin:0 auto;text-align:center;background-color:#57abff}.LoginContainer span{background-color:#fff;color:#ff1818}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.text-center{text-align:center}.text-left{text-align:left}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-12{width:3rem}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-12{height:3rem}.app-header{text-align:center;margin-bottom:2rem}.app-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.app-title h1{font-size:1.875rem;font-weight:700;color:#1f2937}.app-title .icon{width:2rem;height:2rem;color:#2563eb}.user-greeting{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6b7280}.user-greeting .icon{width:1rem;height:1rem}.nav-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.back-button{padding:.5rem;background:none;border:none;border-radius:9999px;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#f3f4f6}.nav-title h2{font-size:1.25rem;font-weight:700;color:#1f2937}.nav-subtitle{font-size:.875rem;color:#6b7280}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-label .icon{width:1rem;height:1rem;display:inline;margin-right:.25rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s}.form-input:focus{outline:none;kerning:2px solid #3b82f6;border-color:transparent}.muscle-button{width:100%;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s;margin-bottom:.75rem}.muscle-button:hover{border-color:#3b82f6;background-color:#eff6ff}.muscle-button:disabled{opacity:.5;cursor:not-allowed}.muscle-button-content{display:flex;align-items:center;gap:.75rem}.muscle-icon{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.muscle-icon.chest{background-color:#ef4444}.muscle-icon.lats{background-color:#3b82f6}.muscle-icon.shoulder{background-color:#10b981}.muscle-info h4{font-weight:600;color:#1f2937}.muscle-info p{font-size:.875rem;color:#6b7280}.workout-button{width:100%;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;transition:all .2s;text-align:left;margin-bottom:.75rem}.workout-button:hover{border-color:#3b82f6;background-color:#eff6ff}.workout-button-content{display:flex;align-items:center;justify-content:space-between}.workout-button-content span{font-weight:500;color:#1f2937}.workout-button-content .icon{width:1rem;height:1rem;color:#9ca3af}.primary-button{width:100%;background-color:#2563eb;color:#fff;padding:.75rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.primary-button:hover{background-color:#1d4ed8}.primary-button:disabled{opacity:.5;cursor:not-allowed}.previous-session{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.previous-session h3{font-weight:500;color:#374151;margin-bottom:.5rem}.previous-session-details{display:flex;flex-direction:column;gap:.25rem}.previous-session-item{font-size:.875rem;color:#4b5563;background:#fff;padding:.5rem;border-radius:.25rem;border:1px solid #e5e7eb}.sets-section{margin-bottom:1.5rem}.sets-section h3{font-weight:500;color:#1f2937;margin-bottom:1rem}.set-input-group{margin-bottom:1rem}.set-input-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#b91c1c;margin-bottom:1rem}.error-message .icon{width:1rem;height:1rem}.error-message span{font-size:.875rem}.loading-container{display:flex;align-items:center;justify-content:center;padding:2rem}.loading-spinner{width:2rem;height:2rem;border:2px solid transparent;border-bottom:2px solid #3b82f6;border-radius:9999px;animation:spin 1s linear infinite}.loading-spinner-small{width:1rem;height:1rem;border:2px solid transparent;border-bottom:2px solid white;border-radius:9999px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}@media (max-width: 640px){.app-wrapper{max-width:100%}.page-content{padding:1rem}}