:root{--bg:#0f1115;--surface:#1a1d24;--surface-2:#232732;--text:#eef1f6;--muted:#98a0b3;--accent:#4f8cff;--hold:#2fb872;--rest:#f0a030;--danger:#e0574f;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app{max-width:560px;min-height:100%;margin:0 auto;padding:16px}.btn{appearance:none;border:1px solid var(--surface-2);background:var(--surface-2);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:10px 16px;font-size:16px;font-weight:600;transition:filter .1s}.btn:active{filter:brightness(1.2)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--danger{color:var(--danger);background:0 0;border-color:#0000}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--icon{padding:8px 12px}.btn--block{width:100%;display:block}.btn--big{padding:18px 40px;font-size:22px}.list__top,.editor__top,.run__top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.list__title{margin:0;font-size:22px}.list__empty{color:var(--muted);text-align:center;margin-top:48px}.cards{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--surface);border-radius:var(--radius);align-items:stretch;display:flex;overflow:hidden}.card__main{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.card__name{font-size:18px;font-weight:700}.card__meta{color:var(--muted);font-size:14px}.card__actions{align-items:center;padding-right:8px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:13px;display:flex}.field--block{margin-bottom:16px}.field__input{background:var(--surface-2);color:var(--text);border:1px solid #0000;border-radius:10px;width:100%;min-width:0;padding:10px;font-size:16px}.field__input:focus{border-color:var(--accent);outline:none}.editor__total{color:var(--muted);margin:12px 0}.steps{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.step{background:var(--surface);border-radius:var(--radius);padding:12px}.step__head{gap:8px;margin-bottom:12px;display:flex}.step__select{background:var(--surface-2);color:var(--text);border:1px solid #0000;border-radius:10px;flex:1;padding:10px;font-size:16px}.step__reorder{gap:4px;display:flex}.step__fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.run{border-radius:var(--radius);flex-direction:column;min-height:calc(100vh - 32px);transition:background .3s;display:flex}.run--hold{background:color-mix(in srgb, var(--hold) 16%, transparent)}.run--rest{background:color-mix(in srgb, var(--rest) 16%, transparent)}.run__routine{font-weight:700}.run__center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.run__kind{letter-spacing:4px;color:var(--muted);margin:0;font-weight:700}.run--hold .run__kind{color:var(--hold)}.run--rest .run__kind{color:var(--rest)}.run__phase{margin:0;font-size:30px}.run__set{color:var(--muted);margin:0}.run__hint{color:var(--muted);max-width:340px;margin:4px 0;font-size:14px}.run__count{font-variant-numeric:tabular-nums;margin:8px 0;font-size:84px;font-weight:800;line-height:1}.run__next,.run__progress{color:var(--muted);margin:0}.run__ready{margin:0;font-size:40px;font-weight:800}.run__total{color:var(--muted);margin:0 0 16px}.run__controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}
