:root{--bg:#101318;--surface:#1a1f27;--surface-alt:#242a34;--primary:#f07040;--primary-hover:#e05a2a;--danger:#e04040;--danger-hover:#c03030;--success:#40c080;--text:#f0f2f5;--text-secondary:#9aa0aa;--text-muted:#6a7080;--border:#2a3040;--radius:8px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100%;display:flex}.app-shell{width:100%;max-width:480px;padding:0 16px env(safe-area-inset-bottom,16px);flex-direction:column;flex:1;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;padding-top:16px;padding-bottom:24px;display:flex}.screen-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.screen-header h1,.screen-header h2{flex:1;font-size:1.25rem;font-weight:600}.app-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-alt);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-large{width:100%;min-height:56px;padding:16px 32px;font-size:1.2rem}.btn-small{background:var(--surface-alt);min-height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:4px;padding:6px 10px;font-size:.8rem}.btn-small:hover:not(:disabled){background:var(--border);color:var(--text)}.btn-small:disabled{opacity:.3;cursor:not-allowed}.btn-small.btn-danger{background:var(--danger);color:#fff}.btn-small.btn-ghost{color:var(--text-muted);background:0 0}.btn-small.btn-ghost:hover{background:var(--surface-alt);color:var(--text-secondary)}.btn-small.btn-ghost-danger{color:var(--text-muted);background:0 0}.btn-small.btn-ghost-danger:hover:not(:disabled){color:var(--danger);background:#e040401a}.btn-small.btn-danger-text{color:var(--danger);background:0 0;font-weight:600}.btn-small.btn-danger-text:hover{background:#e040401a}.btn-link{color:var(--text-secondary);cursor:pointer;text-align:start;text-underline-offset:2px;background:0 0;border:none;padding:10px 0;font-size:.9rem;text-decoration:underline}.btn-link:hover{color:var(--text)}.btn-link--muted{color:var(--text-muted);font-size:.85rem}.btn-link--danger{color:var(--text-muted)}.btn-link--danger:hover{color:var(--danger)}.btn-back,.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:8px;font-size:1.1rem;display:flex}.btn-back:hover,.btn-icon:hover{color:var(--text)}.back-arrow:before{content:"←"}[dir=rtl] .back-arrow:before{content:"→"}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);outline:none;padding:12px 14px;font-size:1rem}.input:focus{border-color:var(--primary)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.stepper{align-items:center;gap:8px;display:flex}.btn-stepper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.btn-stepper:hover{background:var(--surface-alt)}.stepper-value{text-align:center;min-width:40px;font-size:1.1rem;font-weight:600}.home-screen{gap:16px}.home-screen--empty{gap:0}.home-start-area{flex-direction:column;align-items:center;gap:12px;padding:24px 0 16px;display:flex}.start-button{background:var(--success);color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:1.4rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 4px 24px #40c0804d}.start-button:hover{transform:scale(1.03);box-shadow:0 6px 32px #40c08066}.start-button:active{transform:scale(.97)}.home-voice-test{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.home-current-workout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.home-current-workout__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.home-current-workout__name{font-size:1.15rem;font-weight:700}.home-current-workout__steps{margin-bottom:8px;list-style:none}.home-current-workout__steps li{color:var(--text-secondary);justify-content:space-between;padding:4px 0;font-size:.9rem;display:flex}.step-duration-mono{font-family:var(--font-mono);font-size:.85rem}.home-current-workout__meta{color:var(--text-muted);border-top:1px solid var(--border);padding-top:6px;font-size:.85rem}.home-change-area{align-items:center;gap:12px;display:flex}.preset-picker{flex-direction:column;gap:6px;max-height:260px;padding:4px 0;list-style:none;display:flex;overflow-y:auto}.picker-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.picker-card--selected{border-color:var(--success)}.picker-card__main{width:100%;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-height:48px;padding:10px 14px;display:flex}.picker-card__main:hover{background:var(--surface-alt)}.picker-card__name{flex:1;font-size:.95rem;font-weight:600}.picker-card__meta{color:var(--text-muted);font-size:.8rem}.picker-card__check{color:var(--success);font-size:1rem;font-weight:700}.picker-card__actions{align-items:center;gap:4px;padding:0 8px 0 0;display:flex}.picker-card__overflow{border-top:1px solid var(--border);gap:6px;padding:6px 12px 8px;display:flex}.confirm-delete-inline{gap:6px;display:flex}.home-actions{margin-top:16px}.empty-state{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.editor-form{flex:1;overflow-y:auto}.step-list h3{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:12px}.step-card__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.step-number{color:var(--text-muted);min-width:20px;font-size:.85rem}.input-step-label{flex:1}.step-card__duration{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.duration-value{font-family:var(--font-mono);text-align:center;min-width:50px;font-size:1.1rem;font-weight:600}.step-card__advanced{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.step-card__advanced summary{cursor:pointer}.step-card__advanced .input{margin-top:6px}.step-card__actions{gap:6px;display:flex}.editor-summary{color:var(--text-secondary);margin:16px 0;font-size:1rem}.error-list{border:1px solid var(--danger);border-radius:var(--radius);background:#e040401a;margin:12px 0;padding:12px 16px;list-style:none}.error-list li{color:var(--danger);margin-bottom:4px;font-size:.85rem}.editor-actions{margin-top:auto;padding-top:16px}.voice-status{font-size:.85rem}.voice-status--ok{color:var(--success)}.voice-status--warn{color:var(--primary)}.active-workout-screen{text-align:center;justify-content:center;align-items:center;gap:16px;padding:32px 16px}.workout-round{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:1rem}.workout-step-label{letter-spacing:-.02em;color:var(--success);font-size:2.8rem;font-weight:800}.workout-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:4.5rem;font-weight:700;line-height:1}.workout-next{color:var(--text-secondary);margin-top:8px;font-size:1rem}.workout-next--final{color:var(--primary);font-weight:600}.workout-pause{margin-top:auto}.paused-screen{text-align:center;justify-content:center;align-items:center;gap:20px}.paused-status{color:var(--text-muted);letter-spacing:.1em;font-size:2rem;font-weight:800}.paused-info{color:var(--text-secondary)}.paused-actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.confirm-stop{text-align:center;background:var(--surface);border-radius:var(--radius);padding:12px}.confirm-stop p{color:var(--text-secondary);margin-bottom:12px}.confirm-stop small{color:var(--text-muted)}.confirm-stop__buttons{justify-content:center;gap:8px;display:flex}.complete-screen{text-align:center;justify-content:center;align-items:center;gap:16px}.complete-message{color:var(--success);font-size:2rem;font-weight:800}.complete-details{color:var(--text-secondary)}.complete-name{color:var(--text);font-size:1.2rem;font-weight:600}.complete-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.recovery-screen{text-align:center;justify-content:center;align-items:center;gap:20px}.recovery-message{font-size:1.3rem;font-weight:600}.recovery-details{color:var(--text-secondary)}.recovery-name{color:var(--text);font-size:1.1rem;font-weight:600}.recovery-stale-warning{color:var(--primary);margin-top:8px;font-size:.85rem}.recovery-actions{flex-direction:column;gap:10px;width:100%;margin-top:auto;display:flex}.settings-list{flex:1;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem}.settings-section__toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.settings-section__toggle h3{margin-bottom:0}.toggle-indicator{color:var(--text-muted);font-size:.9rem}.settings-data-content{flex-direction:column;gap:4px;padding-top:12px;display:flex}.setting-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.setting-row--action{cursor:default;gap:10px}.setting-row span{font-size:.95rem}.setting-row select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:.9rem}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.setting-unavailable{color:var(--text-muted);font-size:.85rem;font-style:italic}.confirm-clear{background:var(--surface);border-radius:var(--radius);margin-top:8px;padding:12px}.confirm-clear p{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.confirm-clear__buttons{gap:8px;display:flex}.settings-actions{margin-top:auto;padding-top:16px}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px;display:flex}.error-boundary h1{font-size:1.5rem;font-weight:700}.error-boundary p{color:var(--text-secondary)}.error-boundary__actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.recordings-screen{gap:12px}.recordings-hint{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.recordings-list{flex:1;overflow-y:auto}.recordings-section{margin-bottom:20px}.recordings-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem}.cue-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.cue-row--recording{border-radius:var(--radius);background:#e040400d;padding:10px 8px}.cue-row__label{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.cue-row__text{font-size:.95rem;font-weight:500}.cue-row__badge{color:var(--success);font-size:.7rem}.cue-row__actions{align-items:center;gap:4px;display:flex}.btn-recording{background:var(--surface-alt);color:var(--danger);font-weight:600}.btn-recording:hover{background:#e0404026}.btn-recording-stop{background:var(--danger);color:#fff;font-weight:600;animation:1s infinite pulse-recording}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}[dir=rtl] .preset-card__main{text-align:right}[dir=rtl] .step-card__duration,[dir=rtl] .workout-timer,[dir=rtl] .prestart-step__duration,[dir=rtl] .duration-value,[dir=rtl] .stepper-value{direction:ltr}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}