:root{--bg:#0a0a0a;--surface:#141414;--text:#e0e0e0;--text-muted:#888;--accent:#646cff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}h1{margin-bottom:1.5rem;font-size:2rem}.loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.metric-buttons{gap:.5rem;display:flex}.smooth-control{border:1px solid #333;border-radius:6px;align-items:center;gap:0;display:flex;overflow:hidden}.smooth-btn{background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;padding:.5rem .6rem;font-size:1rem;line-height:1;transition:all .15s}.smooth-btn:hover{background:var(--accent);color:#fff}.smooth-label{color:var(--text-muted);background:var(--surface);text-align:center;min-width:70px;padding:.5rem .6rem;font-size:.85rem}.metric-buttons button{background:var(--surface);color:var(--text-muted);cursor:pointer;border:1px solid #333;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.metric-buttons button:hover{border-color:var(--accent);color:var(--text)}.metric-buttons button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chart-section{background:var(--surface);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.empty{color:var(--text-muted);text-align:center;padding:3rem}.exercise-toggles{flex-wrap:wrap;gap:.5rem;display:flex}.exercise-toggle{background:var(--surface);color:var(--text-muted);cursor:pointer;border:1px solid #333;border-radius:6px;align-items:center;gap:0;padding:.4rem .75rem;font-size:.82rem;transition:all .15s;display:inline-flex}.exercise-toggle:hover{color:var(--text);border-color:#555}.exercise-toggle.on{background:#ffffff0d;border-width:2px;padding:.35rem .7rem}.toggle-main{flex:1}.exercise-toggle .count{opacity:.5;margin-left:4px;font-size:.75rem}.solo-btn{cursor:pointer;opacity:.4;border:1px solid #444;border-radius:3px;margin-left:6px;padding:1px 4px;font-size:.65rem;font-weight:700;line-height:1.2;transition:all .15s}.solo-btn:hover{opacity:1;background:#ffffff1a}.goal-toggle{background:var(--surface);color:var(--text-muted);cursor:pointer;border:1px solid #333;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.goal-toggle:hover{border-color:var(--accent);color:var(--text)}.goal-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.other-exercises{margin-top:1rem}.other-exercises summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.5rem 0;font-size:.9rem}.other-exercises summary:hover{color:var(--text)}.other-exercises .exercise-toggles{margin-top:.5rem}.info-section{color:var(--text-muted);padding:.75rem 0;font-size:.85rem;line-height:1.6}.info-section h3{color:var(--text);margin-top:.75rem;margin-bottom:.25rem;font-size:.9rem}.info-section h3:first-child{margin-top:0}.info-section p{margin-bottom:.5rem}.info-section ul{margin:.25rem 0 .5rem 1.25rem}.info-section li{margin-bottom:.15rem}.info-section a{color:var(--accent);text-decoration:none}.info-section a:hover{text-decoration:underline}.info-section sup a{font-size:.75rem}.reset-zoom{background:var(--surface);color:var(--text-muted);cursor:pointer;border:1px solid #333;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;position:absolute;top:8px;right:8px}.reset-zoom:hover{border-color:var(--accent);color:var(--text)}.unit-switch{gap:0;margin-top:1rem;display:flex}.unit-switch button{background:var(--surface);color:var(--text-muted);cursor:pointer;border:1px solid #333;padding:.35rem .75rem;font-size:.8rem;transition:all .15s}.unit-switch button:first-child{border-right:none;border-radius:6px 0 0 6px}.unit-switch button:last-child{border-radius:0 6px 6px 0}.unit-switch button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.unit-switch button:hover:not(.active){border-color:var(--accent);color:var(--text)}.next-workout-card{background:var(--surface);border-radius:12px;margin-top:1.5rem;padding:1.25rem 1.5rem}.next-workout-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem}.next-workout-name{color:var(--text);margin-bottom:1rem;font-size:1.4rem;font-weight:700}.next-workout-exercises{flex-direction:column;gap:0;display:flex}.next-workout-exercise{color:var(--text);border-top:1px solid #222;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.9rem;display:flex}.next-workout-exercise:first-child{border-top:none}.nwe-detail{color:var(--text-muted);white-space:nowrap;margin-left:1rem;font-size:.8rem}.range-slider{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.range-slider .range-label{color:#888;white-space:nowrap;min-width:50px;font-size:.7rem}.range-slider .range-label:last-child{text-align:right}.range-slider .range-inputs{flex:1;height:20px;position:relative}.range-slider input[type=range]{pointer-events:none;appearance:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;top:0;left:0}.range-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;height:2px}.range-slider input[type=range]:first-child::-webkit-slider-runnable-track{background:#333;border-radius:1px}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;pointer-events:auto;border:none;border-radius:50%;width:16px;height:16px;margin-top:-7px}@media (width<=600px){.app{padding:1rem .75rem}h1{margin-bottom:1rem;font-size:1.5rem}.controls{gap:.5rem}.metric-buttons{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.metric-buttons button{padding:.4rem .5rem;font-size:.8rem}.chart-section{padding:.75rem}.exercise-toggle{padding:.3rem .5rem;font-size:.75rem}.exercise-toggle.on{padding:.25rem .45rem}}
