:root{--green: #16a34a;--green-dark: #128a3e;--red: #dc2626;--red-dark: #b91c1c;--amber: #b45309;--bg: #0b0f0d;--surface: #161b18;--surface-2: #1f2723;--text: #f5f7f5;--text-dim: #9aa7a0;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer}.btn{border:none;border-radius:var(--radius);font-weight:700;font-size:1.05rem;padding:.95rem 1.4rem;color:var(--text);background:var(--surface-2);transition:transform .05s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--green)}.btn--ghost{background:var(--surface-2)}.btn--danger{background:var(--red)}.btn--light{background:#ffffffeb;color:#11150f}.btn--lg{font-size:1.25rem;padding:1.15rem 1.6rem;flex:1}.btn--xl{font-size:1.6rem;padding:1.4rem 2rem;width:100%}.app{max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + 1.25rem) calc(var(--safe-right) + 1.25rem) calc(var(--safe-bottom) + 1.25rem) calc(var(--safe-left) + 1.25rem);min-height:100%}.home__header{margin-bottom:1.5rem}.home__title{font-size:2rem;margin:0}.home__subtitle{margin:.25rem 0 0;color:var(--text-dim)}.preset-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.75rem}.preset{display:flex;align-items:stretch;background:var(--surface);border-radius:var(--radius);overflow:hidden}.preset__main{flex:1;text-align:left;background:transparent;border:none;color:var(--text);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.preset__main:active{background:var(--surface-2)}.preset__name{font-size:1.2rem;font-weight:700}.preset__meta{color:var(--text-dim);font-size:.9rem}.preset__edit{border:none;background:transparent;color:var(--text-dim);padding:0 1.1rem;font-weight:600;min-width:64px}.preset__edit:active{background:var(--surface-2)}.preset-empty{color:var(--text-dim);padding:1rem;text-align:center}.home__add{width:100%;margin-bottom:2rem}.settings{background:var(--surface);border-radius:var(--radius);padding:1rem 1.1rem}.settings__title{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;font-size:1.05rem}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;width:52px;height:30px;border-radius:999px;background:var(--surface-2);transition:background .15s ease;flex:0 0 auto}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .15s ease}.toggle input:checked+.toggle__track{background:var(--green)}.toggle input:checked+.toggle__track:after{transform:translate(22px)}.settings__note{margin:.5rem 0 0;font-size:.8rem;color:var(--text-dim)}.editor__title{font-size:1.6rem;margin:0 0 1.25rem}.field{display:block;margin-bottom:1.25rem}.field__label{display:block;margin-bottom:.4rem;color:var(--text-dim);font-weight:600}.field__input{width:100%;background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);color:var(--text);font-size:1.1rem;padding:.9rem 1rem}.field__input:focus{outline:2px solid var(--green);border-color:transparent}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem}.stepper__label{font-weight:600}.stepper__controls{display:flex;align-items:center;gap:.75rem}.stepper__btn{width:46px;height:46px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text);font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center}.stepper__btn:active{background:var(--green)}.stepper__btn:disabled{opacity:.35}.stepper__value{min-width:74px;text-align:center;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;background:none;border:none;color:var(--text);padding:0;cursor:text;line-height:1.2}.stepper__input{min-width:74px;width:74px;text-align:center;font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--green);border-radius:8px;color:var(--text);padding:.2rem .4rem;outline:none}.stepper__unit{font-size:.9rem;color:var(--text-dim);margin-left:2px}.editor__actions{display:flex;gap:.75rem;margin-top:1.5rem}.editor__actions .btn{flex:1}.editor__delete{display:block;width:100%;margin-top:1.5rem;background:transparent;border:none;color:var(--red);font-weight:600;padding:.75rem}.session{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 1rem) calc(var(--safe-right) + 1.25rem) calc(var(--safe-bottom) + 1.5rem) calc(var(--safe-left) + 1.25rem);transition:background-color .25s ease}.session--getready{background:var(--amber)}.session--exercise{background:var(--green-dark)}.session--rest{background:var(--red)}.session--done{background:var(--surface)}.session__top{display:flex;align-items:center;gap:.75rem}.session__exit{background:#0000002e;border:none;color:#fff;font-size:1rem;font-weight:600;padding:.5rem .9rem;border-radius:999px;min-height:44px}.session__name{color:#ffffffe6;font-weight:600}.session__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.session__phase{font-size:1.5rem;font-weight:800;letter-spacing:.18em;opacity:.9;margin-bottom:.5rem}.session__dial{position:relative;width:min(74vw,340px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media(orientation:landscape)and (max-height:520px){.session__dial{width:min(60vh,74vw,300px)}}.ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ring__track{fill:none;stroke:#ffffff38;stroke-width:5}.ring__progress{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round}.session__timer{font-size:clamp(4rem,22vw,8rem);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.session__timer--done{font-size:clamp(5rem,30vw,11rem)}.session__reps{margin-top:.75rem;font-size:1.5rem;font-weight:600;opacity:.92}.session__controls{display:flex;gap:.85rem}.session__controls .btn--lg{padding-inline:1rem;font-size:clamp(.9rem,3.5vw,1.25rem);min-width:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.dialog{background:var(--surface);border-radius:var(--radius);padding:1.5rem;max-width:380px;width:100%}.dialog__title{margin:0 0 .5rem;font-size:1.3rem}.dialog__message{margin:0 0 1.5rem;color:var(--text-dim);line-height:1.4}.dialog__actions{display:flex;gap:.75rem}.dialog__actions .btn{flex:1}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 1rem);z-index:100;width:min(92vw,460px);display:flex;align-items:center;gap:.75rem;background:var(--surface-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:0 10px 30px #00000073}.toast__msg{flex:1;font-size:.95rem}.toast__actions{display:flex;gap:.5rem;flex:0 0 auto}.toast__btn{border:none;border-radius:10px;padding:.5rem .85rem;font-weight:700;font-size:.9rem;color:var(--text);background:#ffffff1a;min-height:44px}.toast__btn--primary{background:var(--green)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}