:root{--bg:#111418;--surface:#1b2027;--surface-2:#252c35;--border:#323b46;--text:#eef1f4;--muted:#8d99a6;--primary:#3d8bfd;--danger:#e5484d;--good:#3fb950;--warn:#f0b429;--z1:#7d8590;--z2:#3d8bfd;--z3:#3fb950;--z4:#f0b429;--z5:#f0883e;--z6:#e5484d;--free:#4b5563;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}h1{margin:.5rem 0;font-size:1.5rem}button{font:inherit;color:inherit}.app{max-width:960px;margin:0 auto;padding:0 1rem 2rem}.muted{color:var(--muted)}.hint{color:var(--muted);margin:.5rem 0;font-size:.9rem}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;white-space:nowrap;border-radius:8px;min-height:44px;padding:.5rem 1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn-primary:disabled{background:var(--surface-2);border-color:var(--border);color:var(--muted)}.btn-secondary{background:var(--surface-2)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}.btn-ghost{background:0 0;border-color:#0000}.btn-large{flex:1;min-height:56px;padding:.75rem 1.5rem;font-size:1.1rem}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.back{margin-left:-1rem}.header{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);margin-bottom:1rem;padding:.75rem 0 .5rem;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.device-status{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;gap:.2rem;min-width:0;padding:.4rem .6rem;font-size:.8rem;display:flex}.device-status:disabled{cursor:default}.device-status-row{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;display:flex;overflow:hidden}.status-dot{background:var(--z1);border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-connecting{background:var(--warn)}.status-connected{background:var(--primary)}.status-controlling{background:var(--good)}.status-error{background:var(--danger)}.toggle{color:var(--muted);align-items:center;gap:.5rem;min-height:32px;margin-top:.5rem;font-size:.9rem;display:inline-flex}.toggle input{width:18px;height:18px}.banner{border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}.banner-warn{border:1px solid var(--warn);background:#f0b42926}.banner-error{border:1px solid var(--danger);background:#e5484d26}.pair{justify-content:center;padding-top:12vh;display:flex}.pair-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:1rem;width:min(100%,22rem);padding:1.25rem;display:flex}.pair-devices{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.device{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;min-width:0;padding:1rem .5rem;display:flex}.device:disabled{opacity:.5;cursor:not-allowed}.device-connected,.device-controlling{border-color:var(--primary)}.device-icon{font-size:2rem;line-height:0}.device-kind{font-size:.9rem;font-weight:600}.device-label{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.8rem;display:flex;overflow:hidden}.pair-start{align-items:center;gap:.75rem;display:flex}.pair-start .toggle{margin-top:0}.dropzone{border:2px dashed var(--border);cursor:pointer;text-align:center;color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;display:flex}.dropzone strong{color:var(--text)}.dropzone input{display:none}.library.dragging .dropzone{border-color:var(--primary);background:#3d8bfd14}.messages{margin:.75rem 0;padding:0;font-size:.9rem;list-style:none}.message-ok{color:var(--good)}.message-warn{color:var(--warn)}.message-error{color:var(--danger)}.workout-list{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.workout-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;display:flex;position:relative}.workout-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:.2rem;min-width:0;padding:.9rem 1rem;display:flex}.workout-name{font-weight:600}.badge{border:1px solid var(--border);color:var(--muted);pointer-events:none;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:500;position:absolute;top:.5rem;right:.6rem}.workout-meta{color:var(--muted);font-size:.85rem}.description{white-space:pre-line;color:var(--muted)}.profile-chart{background:var(--surface);border-radius:8px;width:100%;margin:1rem 0;display:block}.ftp-line{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1px}.profile-done{fill:#00000073}.profile-cursor{stroke:#fff;stroke-width:2px}.start-row{flex-direction:column;gap:.25rem;display:flex}.steps{margin:1.5rem 0 0;padding:0;list-style:none}.step{border-bottom:1px solid var(--border);grid-template-columns:8px 1fr auto;grid-template-areas:"swatch label duration""swatch power power";column-gap:.75rem;padding:.6rem 0;display:grid}.step-swatch{border-radius:4px;grid-area:swatch;align-self:stretch;min-height:1.25rem}.step-label{grid-area:label}.step-power{color:var(--muted);grid-area:power;font-size:.9rem}.step-duration{font-variant-numeric:tabular-nums;grid-area:duration}@media (width>=640px){.start-row{flex-direction:row;align-items:center;gap:1rem}.start-row .btn-large{flex:none}.step{grid-template-columns:8px 1fr 16rem 5rem;grid-template-areas:"swatch label power duration";align-items:center}.step-duration{text-align:right}}.settings-form{flex-direction:column;gap:.5rem;max-width:320px;display:flex}.settings-form input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;min-height:56px;padding:.5rem .75rem;font-size:1.5rem}.log-panel{flex-direction:column;gap:.5rem;max-width:560px;margin-top:2rem;display:flex}.log-panel h2{margin:0;font-size:1.2rem}.log-panel .field-select{max-width:320px}.log-item{justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.log-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ride-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ride-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.text-event{background:var(--surface-2);border-left:4px solid var(--primary);border-radius:6px;margin:.75rem 0;padding:.75rem 1rem;font-size:1.1rem}.metrics-main{grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0;display:grid}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.metric-value{font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.metric-unit{color:var(--muted);margin-left:.2em;font-size:.45em;font-weight:500}.metric-xl .metric-value{font-size:clamp(2.75rem,12vw,5.5rem)}.metric-lg .metric-value{font-size:clamp(1.75rem,7vw,2.5rem)}.metric-md .metric-value{font-size:1.5rem}.tone-good .metric-value{color:var(--good)}.tone-warn .metric-value{color:var(--warn)}.step-now,.step-next{margin-top:.75rem}.step-now{font-size:1.1rem;font-weight:600}.controls{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.done{text-align:center;width:100%}.done .btn-large{width:100%}.add-row{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.add-row{grid-template-columns:1fr 1fr}}.dropzone.create{font:inherit;background:0 0}.editor-top{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.editor-name{min-width:12rem;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;flex:1;min-height:44px;padding:.5rem .75rem;font-size:1.25rem;font-weight:600}.editor-total{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.palette{flex-wrap:wrap;gap:.5rem;display:flex}.palette-item{cursor:grab}.blocks{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.block{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--z2);border-radius:10px;padding:.5rem .75rem .75rem}.block-warmup,.block-cooldown{border-left-color:var(--z1)}.block-interval{border-left-color:var(--z5)}.drop-before{box-shadow:0 -3px 0 var(--primary)}.block-head{align-items:center;gap:.75rem;display:flex}.block-grip{color:var(--muted);cursor:grab}.block-actions{margin-left:auto;display:flex}.block-fields{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.field{border:none;flex-direction:column;gap:.25rem;margin:0;padding:0;display:flex}.field legend,.field-label{color:var(--muted);margin-bottom:.25rem;padding:0;font-size:.8rem}.field-inputs{align-items:center;gap:.35rem;display:flex}.field-input{width:4.5rem;font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;min-height:40px;padding:.4rem .5rem}.field-unit{color:var(--muted);font-size:.85rem}.blocks-end{border:2px dashed var(--border);min-height:3rem;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.title-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.title-actions{gap:.5rem;display:flex}.field-select{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;min-height:40px;padding:.4rem .5rem}.field-input:invalid{border-color:var(--danger)}.block-errors{margin:.5rem 0 0}.ble-debug{max-width:800px}.ble-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.ble-section h3,.ble-report h4{margin:0;font-size:1rem}.ble-report{flex-direction:column;gap:.5rem;width:100%;display:flex}.ble-facts{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.ble-facts dt{color:var(--muted)}.ble-facts dd{font-variant-numeric:tabular-nums;margin:0}.ble-features,.ble-services{margin:0;padding:0;font-size:.9rem;list-style:none}.ble-features{columns:2 16rem}.ble-services ul{margin:.25rem 0 .5rem;padding-left:1rem;list-style:none}.ble-used,.ble-missed{border-radius:4px;margin-left:.5rem;padding:0 .4rem;font-size:.75rem}.ble-used{color:var(--good);border:1px solid var(--good)}.ble-missed{color:var(--warn);border:1px solid var(--warn)}.ble-log-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ble-log{box-sizing:border-box;background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:8px;width:100%;height:320px;margin:0;padding:.5rem;font-size:.75rem;overflow:auto}.ble-log-debug{color:var(--muted)}.ble-log-warn{color:var(--warn)}.ble-log-error{color:var(--danger)}