:root{--bg:#1a1a2e;--bg-card:#16213e;--bg-card-hover:#1a2745;--text:#e0e0e0;--text-dim:#888;--accent-blue:#4fc3f7;--accent-orange:#ff9800;--accent-red:#ef5350;--accent-green:#66bb6a;--border:#2a2a4a;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.screen{max-width:900px;margin:0 auto;padding:16px;display:none}.screen.active{display:block}.top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 0;display:flex}.top-bar h1{font-size:1.4rem;font-weight:600}.icon-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.icon-btn:hover{color:var(--text)}button{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:.95rem;transition:background .15s}.btn-primary{background:var(--accent-blue);color:#000;border:none;font-weight:600}.btn-primary:hover{background:#29b6f6}.btn-secondary{background:var(--bg-card);color:var(--text)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--accent-red);color:#fff;border:none}.btn-danger:hover{background:#e53935}.ble-panel{margin-bottom:24px}.ble-panel h2,.workout-panel h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:1.1rem}.ble-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-dot.disconnected{background:var(--accent-red)}.status-dot.connected{background:var(--accent-green)}.workout-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.workout-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.workout-card:hover{background:var(--bg-card-hover)}.workout-card-name{font-size:1.05rem;font-weight:600}.workout-card-info{color:var(--text-dim);font-size:.9rem}.generator-form{flex-direction:column;gap:12px;max-width:400px;display:flex}.generator-form label{justify-content:space-between;align-items:center;gap:12px;display:flex}.generator-form input[type=number]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:80px;color:var(--text);text-align:center;padding:6px 8px;font-size:1rem}.difficulty-row{align-items:center;gap:12px;display:flex}.difficulty-btns{gap:4px;display:flex}.difficulty-btns button{text-align:center;background:var(--bg-card);width:36px;height:36px;color:var(--text);padding:0}.difficulty-btns button.selected{background:var(--accent-blue);color:#000;font-weight:700}.active-controls{gap:8px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:16px}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem}.metric-value{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1.1}.metric-unit{color:var(--text-dim);font-size:.8rem}.metric-power .metric-value{color:var(--accent-orange)}.metric-target .metric-value{color:var(--accent-blue)}.metric-hr .metric-value{color:var(--accent-green)}.segment-bar{align-items:center;gap:12px;margin-bottom:16px;font-size:.9rem;display:flex}.progress-track{background:var(--bg-card);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--accent-blue);border-radius:4px;width:0%;height:100%;transition:width .3s linear}#power-chart{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);width:100%;height:150px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.summary-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.summary-label{color:var(--text-dim);font-size:.9rem}.summary-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.summary-actions{gap:12px;display:flex}.modal{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:300px;padding:24px}.modal-content h2{margin-bottom:16px}.modal-content label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-content input[type=number]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:80px;color:var(--text);text-align:center;padding:6px 8px;font-size:1rem}.modal-actions{justify-content:flex-end;gap:8px;display:flex}