*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #e63946;--primary-dark: #c1121f;--secondary: #457b9d;--background: #1a1a2e;--surface: #16213e;--surface-light: #1f2b47;--text: #f1faee;--text-muted: #a8dadc;--success: #2a9d8f;--warning: #e9c46a;--border-radius: 12px;--spacing: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--background);color:var(--text);min-height:100vh;line-height:1.5}#root{max-width:600px;margin:0 auto;padding-bottom:20px}.header{background:var(--surface);padding:var(--spacing);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--surface-light)}.header h1{font-size:1.5rem;color:var(--primary);font-weight:700;letter-spacing:2px}.header-btn{background:var(--surface-light);color:var(--text);border:none;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:background .2s}.header-btn:hover{background:var(--secondary)}.view{padding:var(--spacing)}.view h2{font-size:1.25rem;margin-bottom:var(--spacing);color:var(--text)}.back-btn{background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:8px 0;margin-bottom:var(--spacing);display:flex;align-items:center;gap:4px}.back-btn:hover{color:var(--text)}.phase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing)}.phase-card{background:var(--surface);border:2px solid var(--surface-light);border-radius:var(--border-radius);padding:24px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.phase-card:hover,.phase-card:active{border-color:var(--primary);transform:translateY(-2px)}.phase-number{font-size:2rem;font-weight:700;color:var(--primary)}.phase-title{font-size:1rem;font-weight:600;color:var(--text)}.phase-weeks{font-size:.85rem;color:var(--text-muted)}.week-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing)}.week-card{background:var(--surface);border:2px solid var(--surface-light);border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:all .2s;text-align:center}.week-card:hover,.week-card:active{border-color:var(--secondary)}.week-card .week-num{font-size:1.5rem;font-weight:700;color:var(--secondary)}.week-card .week-label{font-size:.9rem;color:var(--text-muted)}.week-card.has-data{border-color:var(--success)}.workout-list{display:flex;flex-direction:column;gap:12px}.workout-card{background:var(--surface);border:2px solid var(--surface-light);border-radius:var(--border-radius);padding:16px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.workout-card:hover,.workout-card:active{border-color:var(--primary)}.workout-card .workout-info{display:flex;flex-direction:column;gap:4px}.workout-card .workout-num{font-size:1.1rem;font-weight:600;color:var(--text)}.workout-card .workout-focus{font-size:.9rem;color:var(--text-muted)}.workout-card .workout-status{font-size:.85rem;padding:4px 12px;border-radius:20px;background:var(--surface-light);color:var(--text-muted)}.workout-card .workout-status.completed{background:var(--success);color:var(--text)}.workout-card .workout-status.in-progress{background:var(--warning);color:var(--background)}.exercise-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.exercise-card{background:var(--surface);border-radius:var(--border-radius);overflow:hidden}.exercise-header{background:var(--surface-light);padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start}.exercise-name{font-weight:600;font-size:1rem;color:var(--text);flex:1}.exercise-scheme{font-size:.85rem;color:var(--primary);font-weight:600;white-space:nowrap;margin-left:8px}.exercise-body{padding:12px 16px}.set-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:10px;align-items:center;margin-bottom:10px}.set-label{font-size:.9rem;color:var(--text-muted);font-weight:600}.set-input{background:var(--surface-light);border:1px solid transparent;border-radius:8px;padding:10px 12px;color:var(--text);font-size:1rem;width:100%;transition:border-color .2s}.set-input:focus{outline:none;border-color:var(--secondary)}.set-input::placeholder{color:var(--text-muted);opacity:.6}.notes-container{margin-top:12px;padding-top:12px;border-top:1px solid var(--surface-light)}.notes-label{font-size:.85rem;color:var(--text-muted);margin-bottom:6px;display:block}.notes-input{background:var(--surface-light);border:1px solid transparent;border-radius:8px;padding:10px 12px;color:var(--text);font-size:.95rem;width:100%;min-height:60px;resize:vertical;font-family:inherit}.notes-input:focus{outline:none;border-color:var(--secondary)}.input-labels{display:grid;grid-template-columns:50px 1fr 1fr;gap:10px;margin-bottom:8px}.input-labels span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.workout-actions{display:flex;gap:12px;margin-top:8px}.save-btn{color:var(--text);border:none;border-radius:var(--border-radius);padding:16px;font-size:1rem;font-weight:600;flex:1;cursor:pointer;transition:background .2s}.save-btn.primary{background:var(--primary)}.save-btn.primary:hover{background:var(--primary-dark)}.save-btn.secondary{background:var(--secondary)}.save-btn.secondary:hover{background:#3a6a87}.save-btn:disabled{background:var(--surface-light);cursor:not-allowed}.workout-header{margin-bottom:var(--spacing)}.workout-date{font-size:.9rem;color:var(--text-muted)}.history-list{display:flex;flex-direction:column;gap:12px}.history-card{background:var(--surface);border:2px solid var(--surface-light);border-radius:var(--border-radius);padding:16px;cursor:pointer;transition:all .2s}.history-card:hover{border-color:var(--secondary)}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.history-card-title{font-weight:600;color:var(--text)}.history-card-date{font-size:.85rem;color:var(--text-muted)}.history-card-meta{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.history-status{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.history-status.completed{background:var(--success);color:var(--text)}.history-status.in-progress{background:var(--warning);color:var(--background)}.history-detail-content{display:flex;flex-direction:column;gap:16px}.history-exercise{background:var(--surface);border-radius:var(--border-radius);padding:16px}.history-exercise-name{font-weight:600;color:var(--text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--surface-light)}.history-sets{display:flex;flex-direction:column;gap:8px}.history-set{display:flex;gap:16px;font-size:.9rem}.history-set-label{color:var(--text-muted);min-width:50px}.history-set-value{color:var(--text)}.history-notes{margin-top:12px;padding-top:12px;border-top:1px solid var(--surface-light);font-size:.9rem;color:var(--text-muted);font-style:italic}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--success);color:var(--text);padding:12px 24px;border-radius:var(--border-radius);font-weight:500;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 400px){.set-row,.input-labels{grid-template-columns:40px 1fr 1fr;gap:8px}.phase-grid{grid-template-columns:1fr}}.delete-btn{background:var(--primary-dark);color:var(--text);border:none;border-radius:var(--border-radius);padding:12px 16px;font-size:.9rem;cursor:pointer;margin-top:20px;width:100%}.delete-btn:hover{background:var(--primary)}