:root{--color-background:#1c1c1e;--color-card:#2c2c2e;--color-card-hover:#3a3a3c;--color-purple:#bf5af2;--color-green:#b4d147;--color-red:#ff453a;--color-blue:#0a84ff;--color-orange:#ff9f0a;--color-text-primary:#fff;--color-text-secondary:#8e8e93;--color-text-tertiary:#636366;--color-border:#3a3a3c;--color-input-background:#1c1c1e;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);min-height:100vh}#root{max-width:500px;padding:var(--spacing-lg);min-height:100vh;margin:0 auto}input,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=number]{background-color:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);outline:none;font-size:15px;transition:border-color .2s}input[type=text]:focus,input[type=number]:focus{border-color:var(--color-purple)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{background-color:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;outline:none;font-size:15px}select:focus{border-color:var(--color-purple)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.header{text-align:center;margin-bottom:var(--spacing-xl)}.header__title{color:var(--color-text-primary);margin:0;font-size:28px;font-weight:700}.header__subtitle{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:15px}.footer{margin-top:var(--spacing-xxl);padding:var(--spacing-lg) 0;text-align:center;border-top:1px solid var(--color-border)}.footer__text{color:var(--color-text-secondary);margin:0;font-size:13px}.footer__link{color:var(--color-purple);text-decoration:none;transition:opacity .2s}.footer__link:hover{opacity:.8;text-decoration:underline}.segmented-control{background-color:var(--color-card);border-radius:var(--radius-small);padding:2px;display:inline-flex}.segmented-control__option{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;font-weight:500;transition:all .2s}.segmented-control--small .segmented-control__option{padding:4px 12px;font-size:13px}.segmented-control--medium .segmented-control__option{padding:6px 16px;font-size:15px}.segmented-control__option:hover:not(.segmented-control__option--active){color:var(--color-text-primary)}.segmented-control__option--active{background-color:var(--color-card-hover);color:var(--color-text-primary)}.interval-card{background-color:var(--color-card);border-radius:var(--radius-medium);padding:var(--spacing-lg);border-left:4px solid #0000;position:relative}.interval-card--work{border-left-color:var(--color-orange)}.interval-card--recovery{border-left-color:var(--color-blue)}.interval-card__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.interval-card__actions{gap:var(--spacing-xs);display:flex}.interval-card__action{color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-small);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.interval-card__action:hover{color:var(--color-green);background-color:#b4d1471a}.interval-card__action--delete:hover{color:var(--color-red);background-color:#ff453a1a}.interval-card__fields{gap:var(--spacing-md);flex-direction:column;display:flex}.interval-card__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.interval-card__label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.interval-card__input{background-color:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);width:100%;font-size:15px}.interval-card__input:focus{border-color:var(--color-purple);outline:none}.interval-card__input:disabled{opacity:.5}.interval-card__info{gap:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs);display:flex}.interval-card__info-item{flex-direction:column;gap:2px;display:flex}.interval-card__info-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.interval-card__info-value{color:var(--color-purple);font-size:17px;font-weight:600}.repeat-block{border:2px dashed var(--color-green);border-radius:var(--radius-medium);padding:var(--spacing-md);background-color:#b4d1470d}.repeat-block__header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.repeat-block__title{align-items:center;gap:var(--spacing-sm);color:var(--color-green);font-size:15px;font-weight:600;display:flex}.repeat-block__title svg{color:var(--color-green)}.repeat-block__controls{align-items:center;gap:var(--spacing-sm);display:flex}.repeat-block__input{background-color:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--radius-small);width:48px;color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-size:15px}.repeat-block__input:focus{border-color:var(--color-green);outline:none}.repeat-block__times{color:var(--color-text-secondary);font-size:13px}.repeat-block__delete{color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-small);background:0 0;border:none;transition:all .2s}.repeat-block__delete:hover{color:var(--color-red);background-color:#ff453a1a}.repeat-block__content{gap:var(--spacing-md);flex-direction:column;display:flex}.repeat-block .repeat-block{border-color:var(--color-purple);background-color:#bf5af20d}.repeat-block .repeat-block .repeat-block__title,.repeat-block .repeat-block .repeat-block__title svg{color:var(--color-purple)}.repeat-block .repeat-block .repeat-block__input:focus{border-color:var(--color-purple)}.warmup-cooldown{background-color:var(--color-card);border-radius:var(--radius-medium);padding:var(--spacing-lg);opacity:.7;transition:opacity .2s}.warmup-cooldown--enabled{opacity:1}.warmup-cooldown__header{justify-content:space-between;align-items:center;display:flex}.warmup-cooldown__toggle{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.warmup-cooldown__toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-purple);cursor:pointer}.warmup-cooldown__toggle-label{color:var(--color-text-primary);font-size:17px;font-weight:600}.warmup-cooldown__cadence{color:var(--color-text-secondary);font-size:13px;font-weight:500}.warmup-cooldown__fields{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.warmup-cooldown__field{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.warmup-cooldown__label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.warmup-cooldown__input{background-color:var(--color-input-background);border:1px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);width:100%;font-size:15px}.warmup-cooldown__input:focus{border-color:var(--color-purple);outline:none}.button{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-medium);cursor:pointer;white-space:nowrap;border:none;font-weight:600;transition:all .2s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--color-purple);color:#fff}.button--primary:hover:not(:disabled){filter:brightness(1.1)}.button--secondary{background-color:var(--color-card);color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--color-card-hover)}.button--danger{color:var(--color-red);background-color:#ff453a26}.button--danger:hover:not(:disabled){background-color:#ff453a40}.button--success{color:var(--color-green);background-color:#b4d14726}.button--success:hover:not(:disabled){background-color:#b4d14740}.button--ghost{color:var(--color-text-secondary);background-color:#0000}.button--ghost:hover:not(:disabled){background-color:var(--color-card);color:var(--color-text-primary)}.button--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.button--medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:15px}.button--large{padding:var(--spacing-md) var(--spacing-xl);font-size:17px}.button--full-width{width:100%}.button__icon{justify-content:center;align-items:center;display:flex}.button__icon svg{width:16px;height:16px}.button--large .button__icon svg{width:20px;height:20px}.workout-builder{gap:var(--spacing-lg);flex-direction:column;display:flex}.workout-builder__section{gap:var(--spacing-md);flex-direction:column;display:flex}.workout-builder__name-input{color:var(--color-text-primary);padding:var(--spacing-sm) 0;text-align:center;background-color:#0000;border:none;outline:none;font-size:24px;font-weight:700}.workout-builder__name-input::placeholder{color:var(--color-text-tertiary)}.workout-builder__name-input:focus{border-bottom:2px solid var(--color-purple)}.workout-builder__settings{justify-content:center;gap:var(--spacing-xl);flex-flow:wrap}.workout-builder__setting{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.workout-builder__setting-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.workout-builder__section-title{color:var(--color-text-primary);margin:0;font-size:17px;font-weight:600}.workout-builder__interval-list{gap:var(--spacing-md);flex-direction:column;display:flex}.workout-builder__actions{gap:var(--spacing-md);justify-content:center;display:flex}.workout-builder__generate{margin-top:var(--spacing-lg)}.workout-builder__generating{align-items:center;gap:var(--spacing-md);width:100%;display:flex}.workout-builder__generating-info{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.workout-builder__generating-step{text-align:left;font-size:14px;font-weight:500}.workout-builder__generating-progress{background-color:#fff3;border-radius:2px;width:100%;height:4px;overflow:hidden}.workout-builder__generating-progress-bar{background-color:currentColor;border-radius:2px;height:100%;transition:width .3s}.workout-builder__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.history-list{margin-top:var(--spacing-xxl)}.history-list--empty{text-align:center;padding:var(--spacing-xl)}.history-list__empty-text{color:var(--color-text-secondary);margin:0;font-size:15px}.history-list__empty-hint{color:var(--color-text-tertiary);margin-top:var(--spacing-xs);font-size:13px}.history-list__title{color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;font-size:17px;font-weight:600}.history-list__items{gap:var(--spacing-sm);flex-direction:column;display:flex}.history-item{background-color:var(--color-card);border-radius:var(--radius-medium);padding:var(--spacing-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.history-item__main{flex:1;min-width:0}.history-item__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.history-item__name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.history-item__sound{color:var(--color-text-tertiary);background-color:var(--color-card-hover);text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:11px}.history-item__details{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:13px;display:flex}.history-item__separator{color:var(--color-text-tertiary)}.history-item__date{color:var(--color-text-tertiary);font-size:12px}.history-item__actions{gap:var(--spacing-xs);flex-shrink:0;display:flex}.app{padding-bottom:var(--spacing-xxl)}