:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;width:100%}h1{font-size:2rem;font-weight:600}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input:focus,button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.25rem}}:root{--primary: #ef4444;--primary-dark: #dc2626;--primary-light: #fee2e2;--accent: #f97316;--accent-dark: #ea580c;--success: #22c55e;--error: #991b1b;--gray: #6b7280;--light-bg: #fafafa;--dark-bg: #18181b;--card-light: #ffffff;--card-dark: #27272a;--text-primary: #18181b;--text-secondary: #52525b}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--light-bg)}.app{min-height:100vh;background-color:var(--light-bg);color:var(--text-primary)}.app.dark{background-color:var(--dark-bg);color:#fff}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000001a}.brand{display:flex;flex-direction:column;gap:5px}.brand h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.5px}.tagline{margin:0;font-size:14px;opacity:.9;font-weight:500}.theme-toggle{background:#fff3;border:none;font-size:24px;cursor:pointer;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.theme-toggle:hover{background:#ffffff4d}.exercise-form{background:var(--card-light);padding:25px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px;transition:transform .3s ease}.dark .exercise-form{background:var(--card-dark)}.exercise-form:hover{transform:translateY(-2px)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:15px}.form-group{margin-bottom:20px}.form-input{width:100%;padding:12px;border:1px solid #e4e4e7;border-radius:8px;margin-bottom:10px;transition:all .3s ease;font-size:16px;background-color:#fff;color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.dark .form-input{background:var(--dark-bg);border-color:#3f3f46;color:#fff}.form-group select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;padding-right:40px}.dark .form-group select.form-input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.form-group select.form-input option{background-color:var(--light-bg);color:var(--text-primary)}.dark .form-group select.form-input option{background-color:var(--dark-bg);color:#fff}.submit-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;width:100%;font-size:16px;font-weight:600;transition:all .3s ease}.submit-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.exercise-list{margin-top:30px}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.filter-controls{display:flex;gap:15px}.exercise-select,.search-input{padding:10px 15px;border:1px solid #e4e4e7;border-radius:8px;min-width:200px;font-size:15px;background-color:#fff;color:var(--text-primary)}.dark .exercise-select,.dark .search-input{background:var(--card-dark);border-color:#3f3f46;color:#fff}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-box{background:var(--card-light);padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease}.dark .stat-box{background:var(--card-dark)}.stat-box:hover{transform:translateY(-2px)}.stat-box h3{color:var(--text-secondary);font-size:14px;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-box p{font-size:28px;font-weight:700;color:var(--primary);margin:0}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.exercise-card{background:var(--card-light);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.dark .exercise-card{background:var(--card-dark)}.exercise-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.card-image{position:relative;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.exercise-card:hover .card-image img{transform:scale(1.05)}.delete-btn{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:all .3s ease}.exercise-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:var(--error);transform:scale(1.1)}.card-content{padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:600;margin:0}.date{color:var(--text-secondary);font-size:14px;font-weight:500}.exercise-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;background:var(--light-bg);padding:15px;border-radius:8px}.dark .exercise-info{background:var(--dark-bg)}.info-item{text-align:center}.info-item span:first-child{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px}.info-item span:last-child{font-size:16px;font-weight:600;color:var(--primary)}.volume-box{background:var(--primary-light);padding:12px 15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600}.dark .volume-box{background:#ef44441a;color:#fff}.progress-box{text-align:center;padding:12px;border-radius:8px;font-weight:600;transition:all .3s ease}.progress-box.better{background:#22c55e1a;color:var(--success)}.progress-box.worse{background:#991b1b1a;color:var(--error)}@media (max-width: 768px){.container{padding:15px}.list-header{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.exercise-select,.search-input{width:100%;min-width:unset}.exercise-grid{grid-template-columns:1fr}.stat-box,.card-content{padding:15px}}.footer{text-align:center;padding:20px;margin-top:40px;color:var(--text-secondary);font-size:14px;font-weight:500}.dark .footer{color:#ffffffb3}.footer .heart{color:var(--primary);display:inline-block;margin:0 3px;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}