:root{--bg-color:#121212;--surface-color:#1e1e1e;--primary-color:#3b82f6;--primary-hover:#2563eb;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--muted-color:#9ca3af;--text-color:#f3f4f6;--text-muted:#9ca3af;--border-color:#374151;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app-container{max-width:800px;margin:0 auto;padding:0 1rem 2rem}header{height:var(--header-height);border-bottom:1px solid var(--border-color);background-color:var(--bg-color);z-index:500;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:1rem;display:flex}.user-tag{color:var(--text-muted);border-left:1px solid var(--border-color);padding-left:1rem;font-size:.8rem;font-weight:500}.hamburger{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem;font-size:1.5rem;line-height:1;display:none}.hamburger:hover{background:#ffffff0d}.nav-menu{gap:.5rem;display:flex}@media (width<=600px){.hamburger{display:block}.nav-menu{top:var(--header-height);background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:100;flex-direction:column;padding:1rem;display:none;position:absolute;left:0;right:0;box-shadow:0 10px 15px -3px #00000080}.nav-menu.open{display:flex}.nav-menu .btn{justify-content:flex-start;width:100%;padding:.8rem 1.2rem}}h1{color:var(--primary-color);letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800}.card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.workout-grid{flex-direction:column;gap:1rem;display:flex}.exercise-row{border:1px solid var(--border-color);background:#ffffff03;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.exercise-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.exercise-title{align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;display:flex}.set-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.set-item{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex}.set-item:hover{border-color:var(--primary-color);background:#ffffff0d}.set-header{justify-content:space-between;align-items:center;display:flex}.set-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.set-item.completed{border-color:var(--success-color);background:#10b9810d}.set-item.completed:focus-within{border-color:var(--success-color);box-shadow:0 0 0 1px var(--success-color)}.set-input-row{grid-template-columns:1.2fr 1fr;gap:.75rem;display:grid}.set-input-group{flex-direction:column;gap:.35rem;display:flex}.set-input-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:700}.input-with-badge{align-items:center;display:flex;position:relative}.unit-badge{background:var(--primary-color);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700;transition:background .2s;position:absolute;right:6px}.unit-badge:hover{background:var(--primary-hover)}.btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-color);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.btn-danger{color:var(--error-color);background:0 0;border-radius:4px;padding:.4rem}.btn-danger:hover{background:#ef44441a}.btn-small{border-radius:6px;padding:.3rem .6rem;font-size:.8rem}input,textarea{border:1px solid var(--border-color);color:#fff;background:#2a2a2a;border-radius:8px;width:100%;padding:.6rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus{border-color:var(--primary-color);background:#323232;outline:none;box-shadow:0 0 0 2px #3b82f633}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fab{background-color:var(--primary-color);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0006}.fab:hover{background-color:var(--primary-hover);transform:scale(1.1)rotate(5deg)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--surface-color);border-radius:16px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out modalAppear;box-shadow:0 25px 50px -12px #00000080}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--text-color);margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.feedback-textarea{resize:vertical;min-height:150px;margin-bottom:1.5rem}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.modal-actions .btn{width:auto;min-width:100px}.history-item,.plan-item{flex-direction:column;gap:.75rem;display:flex}.item-header{justify-content:space-between;align-items:flex-start;display:flex}.item-title{flex-direction:column;display:flex}.item-name{font-size:1.1rem;font-weight:700}.item-meta{color:var(--text-muted);font-size:.85rem}.tag-list{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0d;border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.difficulty-row{gap:.25rem;margin-top:.5rem;display:flex}.difficulty-btn{text-transform:capitalize;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.4rem .25rem;font-size:.65rem;font-weight:600;transition:all .2s;display:flex}.difficulty-btn:hover{color:var(--text-color);background:#ffffff1a}.difficulty-btn.active{color:#fff}.difficulty-btn.active[data-diff=pass]{border-color:var(--text-muted);background:#9ca3af33}.difficulty-btn.active[data-diff=easy]{border-color:var(--success-color);background:#10b98133}.difficulty-btn.active[data-diff=moderate]{border-color:var(--warning-color);background:#f59e0b33}.difficulty-btn.active[data-diff=hard]{border-color:var(--error-color);background:#ef444433}.difficulty-icon{font-size:.9rem}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{text-align:center;width:100%;max-width:400px;padding:3rem 2.5rem}.login-title{letter-spacing:-.05em;margin-bottom:3rem;font-size:3rem}.workout-name-input{color:#fff;flex:1;font-size:1.5rem;font-weight:800;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.workout-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.error-message{color:var(--error-color);margin-bottom:1rem;font-size:.85rem}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.flex-center{align-items:center;gap:.5rem;display:flex}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.workout-name-input::placeholder{color:#ffffff4d}.exercise-suggestions{background:var(--surface-color);z-index:10;border-radius:8px;overflow:hidden;box-shadow:0 10px 15px -3px #0000004d}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;transition:background .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{color:var(--primary-color);background:#3b82f61a}.plan-item{border-left:4px solid var(--primary-color)}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-grid{background:var(--border-color);border:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekday{background:var(--surface-color);text-align:center;color:var(--text-muted);text-transform:uppercase;padding:.5rem;font-size:.75rem;font-weight:700}.calendar-day{background:var(--surface-color);flex-direction:column;gap:.5rem;min-height:100px;padding:.5rem;display:flex}.calendar-day.empty{background:#ffffff05}.day-number{color:var(--text-muted);font-size:.85rem;font-weight:700}.calendar-event{background:var(--primary-color);color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;overflow:hidden}.calendar-event:hover{background:var(--primary-hover)}@media (width<=600px){.calendar-day{min-height:60px;padding:.25rem}.calendar-event{padding:.1rem .2rem;font-size:.6rem}}.calendar-event.completed{background:var(--success-color);opacity:.8}.calendar-event.completed:hover{background:var(--success-color);opacity:1}.analytics-view{animation:.3s ease-out modalAppear}.pr-item{transition:transform .2s,border-color .2s}.pr-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.analytics-grid .card{flex-direction:column;display:flex}@media (width<=600px){.analytics-grid{grid-template-columns:1fr!important}}