*{box-sizing:border-box;margin:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101418;--fg:#f2f5f7;--muted:#9aa7b0;--accent:#3ba7f5;--run:#ff7043;--walk:#4db6ac}body{background:var(--bg);color:var(--fg);min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}#app{max-width:28rem;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(2rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}h1{text-align:center;font-size:1.6rem}.schema-list{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.schema-button{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:#1b2229;border:1px solid #2a333c;border-radius:.6rem;padding:.9rem 1rem;font-size:1.05rem}.schema-button:active{background:#232d36}.playback-schema-name{color:var(--muted);text-align:center;margin-top:1rem;font-size:1.1rem;font-weight:500}.segment-label{text-align:center;margin-top:2rem;font-size:3rem;font-weight:700}.segment-label[data-kind=run]{color:var(--run)}.segment-label[data-kind=walk]{color:var(--walk)}.time-remaining{font-variant-numeric:tabular-nums;text-align:center;font-size:4.5rem;font-weight:700}.countdown-display{font-variant-numeric:tabular-nums;text-align:center;color:var(--accent);font-size:6rem;font-weight:800;line-height:1}.segment-progress{color:var(--muted);text-align:center}.stop-button{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:.75rem;margin-top:auto;padding:1rem;font-size:1.2rem;font-weight:600}.completed-subtitle{color:var(--muted);text-align:center}