.run{width:100%;height:100%;display:flex;flex-direction:column;background:var(--run-field-bg, var(--run-move-bg));color:var(--run-field-fg, var(--run-move-fg));border:2px solid var(--fg);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;user-select:none;overflow:hidden;transition:background-color .3s ease,color .3s ease}.run[data-kind=move]{--run-field-bg: var(--run-move-bg);--run-field-fg: var(--run-move-fg)}.run[data-kind=augmentation]{--run-field-bg: var(--run-aug-bg);--run-field-fg: var(--run-aug-fg)}.run[data-kind=break]{--run-field-bg: var(--run-break-bg);--run-field-fg: var(--run-break-fg)}.run-band{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;padding:.45rem .9rem;background:var(--run-section-bg);color:var(--run-section-fg)}.run-band-name{font-weight:700;font-stretch:125%;text-transform:uppercase;letter-spacing:.02em;font-size:.95rem;justify-self:center}.run-band-count{justify-self:end;font-size:.75rem;font-weight:600;opacity:.7}.run-meta{display:flex;justify-content:space-between;align-items:center;padding:.7rem .9rem 0;font-size:.75rem;color:color-mix(in srgb,var(--run-field-fg) 60%,transparent)}.run-meta strong{font-weight:600;color:inherit}.run-gauge{position:relative;height:22px;margin:.4rem .9rem 0}.run-gauge svg{display:block;width:100%;height:22px;opacity:.45}.run-marker{position:absolute;top:-3px;height:26px;width:4.4px;background:var(--run-marker-color, currentColor);transition:left .3s linear}.run[data-kind=move] .run-marker,.run[data-kind=augmentation] .run-marker{--run-marker-color: var(--run-marker)}.run-centre{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1rem 1.5rem}.run-time{font-size:4.8rem;font-weight:700;font-stretch:125%;letter-spacing:-.03em;line-height:1}.run-kind{margin-top:.7rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.run-label{margin-top:.35rem;font-size:1.45rem;font-weight:700;line-height:1.15;text-wrap:balance}.run-next{margin-top:1.6rem;font-size:.95rem;color:color-mix(in srgb,var(--run-field-fg) 60%,transparent)}.run-next span{display:block;color:var(--run-field-fg);font-weight:600}.run-transport{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem;padding:0 .7rem 1rem}.run-transport>div{height:58px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--run-field-fg) 30%,transparent);font-weight:700;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.run-transport svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.builder{background:var(--surface);border:2px solid var(--fg);padding:1rem 1rem .9rem;font-size:.95rem;max-width:440px}.builder-title{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:.7rem;margin-bottom:.6rem;border-bottom:1px solid var(--border)}.builder-title strong{font-size:1.1rem;letter-spacing:-.01em}.builder-title .num{font-size:.8rem;color:var(--fg-muted)}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;gap:.5rem;min-height:40px;padding:.3rem .5rem .3rem .4rem;border:1px solid var(--border);background:var(--surface)}.row-grip{width:10px;flex:none;color:var(--fg-muted);opacity:.5;font-size:.8rem;line-height:.6;letter-spacing:-.1em}.row-label{flex:1;min-width:0;padding:.1rem .3rem}.row-dur{width:4.2rem;text-align:right;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.row-section{background:var(--fg);border-color:var(--fg);color:var(--bg);min-height:34px}.row-section .row-label{font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.row-section .row-grip{color:var(--bg)}.row-aug{margin-left:1.2rem;border-color:var(--color-tan)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .row-aug{border-color:var(--border)}}:root[data-theme=dark] .row-aug{border-color:var(--border)}.row-break{background:transparent;border-style:dotted}.row-comment{background:transparent;border-color:transparent;border-bottom:1px dashed var(--border);color:var(--fg-muted);font-style:italic}.builder-foot{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--fg-muted)}.builder-foot .add{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}.stage-wrap{--s: 1;width:calc(780px * var(--s));height:calc(580px * var(--s));max-width:100%}@media(min-width:1000px)and (max-width:1179px){.stage-wrap{--s: .8}}@media(min-width:1180px){.stage-wrap{--s: .9}}@media(max-width:828px){.stage-wrap{--s: .8}}@media(max-width:700px){.stage-wrap{--s: .66}}@media(max-width:560px){.stage-wrap{--s: .5}}@media(max-width:440px){.stage-wrap{--s: .41}}.stage{position:relative;width:780px;height:580px;transform:scale(var(--s));transform-origin:top left;font-size:.85rem}.appbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;height:36px;padding:0 .7rem;background:#171717;color:#fff;flex:none}.appbar img{height:18px;width:auto;justify-self:start}.appbar-clock{font-weight:700;font-stretch:125%;font-size:.8rem;letter-spacing:.02em}.appbar-account{justify-self:end;width:20px;height:20px;display:grid;place-items:center;border:1.5px solid #ffffff;font-size:.65rem;font-weight:700}.subbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:46px;padding:.3rem .7rem;border-bottom:1px solid var(--border);flex:none}.subbar-back{justify-self:start;font-size:.75rem;color:var(--fg-muted)}.subbar-title{display:flex;flex-direction:column;align-items:center;line-height:1.15;text-align:center}.subbar-title strong{font-size:.9rem;letter-spacing:-.01em}.subbar-title span{font-size:.68rem;font-weight:600;color:var(--fg-muted)}.btn-mini{justify-self:end;padding:.35em .8em .4em;background:var(--fg);color:var(--bg);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.laptop-shell,.phone-shell{--shell: #262626;--shell-edge: color-mix(in srgb, var(--fg) 30%, transparent);position:absolute;left:0;top:0}.laptop-shell{width:780px;height:512px;transition:opacity .7s ease;will-change:opacity}.stage.is-run .laptop-shell{opacity:.4}.laptop-shell:before{content:"";position:absolute;left:20px;top:0;width:740px;height:492px;background:var(--shell);border-radius:14px 14px 0 0;box-shadow:0 0 0 1px var(--shell-edge)}.laptop-shell:after{content:"";position:absolute;left:388px;top:4px;width:4px;height:4px;border-radius:50%;background:#4a4a4a}.laptop{position:absolute;left:30px;top:10px;width:720px;height:460px;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;--col: 400px;--col-pad: calc((720px - var(--col)) / 2)}.laptop .appbar,.laptop .subbar{padding-inline:calc(var(--col-pad) + .7rem)}.laptop .subbar{background:var(--surface);min-height:42px}.laptop-base{position:absolute;left:0;top:492px;width:780px;height:20px;background:#2c2c2c;border-radius:0 0 16px 16px;box-shadow:0 0 0 1px var(--shell-edge)}.laptop-base:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#4a4a4a}.laptop-base:after{content:"";position:absolute;left:350px;top:2px;width:80px;height:6px;background:#1a1a1a;border-radius:0 0 5px 5px}.rows-laptop{width:var(--col);margin:0 auto;padding:.5rem 0 0;gap:2px;flex:1}.rows-laptop .row{min-height:28px;padding-block:.1rem;font-size:.8rem;transition:none}.rows-laptop .row-section{min-height:26px}.rows-laptop .row-dur{width:3.4rem;font-size:.68rem}.laptop .builder-foot{width:var(--col);margin:.4rem auto 0;padding-bottom:.5rem;font-size:.72rem}.row-new{position:relative}.row-new.is-dragging{z-index:2;border-color:var(--fg);background:var(--surface);box-shadow:0 0 0 2px var(--surface)}.rows-laptop [data-shift],.rows-laptop [data-host]{position:relative}.rows-laptop .is-hovered{border-color:var(--step)}.row-tools,.row-pills{position:absolute;left:100%;top:0;height:100%;margin-left:8px;display:flex;align-items:center;gap:4px;white-space:nowrap;visibility:hidden}.row-tools.is-shown,.row-pills.is-shown{visibility:visible}.row-tools span{display:grid;place-items:center;width:20px;height:20px;color:var(--fg-muted);opacity:.7}.row-tools svg,.pill-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}.pill{width:26px;padding:3px 0;text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase}.is-shown .pill{animation:pill-in .17s ease-out both}.pill-move{background:var(--run-move-bg);color:var(--run-move-fg)}.pill-aug{background:var(--run-aug-bg);color:var(--run-aug-fg);animation-delay:45ms}.pill-break{background:var(--run-break-bg);color:var(--run-break-fg);border:1px solid var(--border);animation-delay:90ms}.pill-x{display:grid;place-items:center;width:18px;height:18px;color:var(--fg-muted)}@keyframes pill-in{0%{opacity:0;transform:translate(-4px)}}.cursor{position:absolute;left:-5px;top:-3px;z-index:6;pointer-events:none;line-height:0}.cursor svg{display:block;fill:var(--fg);stroke:var(--bg);stroke-width:1.4;stroke-linejoin:round}.stage.is-reset .rrow{transition:none}.caret{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.15em;background:var(--fg);animation:caret 1s steps(2,start) infinite}@keyframes caret{to{visibility:hidden}}.row-new.is-focused:not(.is-dragging){border-color:var(--accent)}.phone-shell{width:276px;height:552px;padding:8px;background:var(--shell);border-radius:26px;box-shadow:0 0 0 1px var(--shell-edge);transform-origin:top left;transform:translate(600px,300px) scale(.5);transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}.stage.is-run .phone-shell{transform:translate(250px,10px) scale(1)}.phone-shell:after{content:"";position:absolute;right:-3px;top:120px;width:3px;height:44px;background:#3a3a3a;border-radius:0 2px 2px 0}.phone{position:relative;width:260px;height:520px;background:var(--surface);border-radius:18px;overflow:hidden}.screen{position:absolute;inset:0;display:flex;flex-direction:column}.rrows{list-style:none;margin:0;padding:.5rem .6rem;display:flex;flex-direction:column;gap:2px}.rrow{display:flex;align-items:center;gap:.5rem;min-height:26px;padding:.1rem .5rem;font-size:.82rem;line-height:1.2;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.rrow-label{flex:1;min-width:0}[data-new-p] .rrow-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rrow-dur{font-size:.72rem;color:var(--fg-muted)}.rrow-section{background:var(--fg);color:var(--bg);font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;min-height:24px}.rrow-aug{padding-left:1.3rem}.rrow-break{color:var(--fg-muted)}.rrow-comment{color:var(--fg-muted);font-style:italic;font-size:.76rem}.phone .run{width:100%;height:100%;border:0}.run-start{background:var(--run-ground);color:var(--run-break-bg);justify-content:center;align-items:center;text-align:center;padding:1rem}.run-back{position:absolute;top:.9rem;left:.9rem;font-size:.75rem;opacity:.6}.run-start-name{font-size:1.5rem;font-weight:700;line-height:1.1;letter-spacing:-.01em}.run-start-meta{margin-top:.4rem;font-size:.8rem;opacity:.6}.run-start-btn{display:inline-block;margin-top:1.6rem;padding:.9em 2.6em 1em;background:var(--run-section-bg);color:var(--run-section-fg);font-size:1.1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.run-opening{margin:1.8rem 0 0;font-size:.95rem;line-height:1.4;max-width:22ch}.ripple{position:absolute;pointer-events:none;transform:translate(-50%,-50%);z-index:5}.ripple-click{width:10px;height:10px;border:2px solid var(--fg);border-radius:50%;animation:ripple-click .42s ease-out forwards}@keyframes ripple-click{to{width:34px;height:34px;opacity:0}}.ripple-touch{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--fg) 45%,transparent);animation:ripple-touch .52s ease-out forwards}.ripple-touch.on-dark{background:color-mix(in srgb,#f9f8f2 55%,transparent)}@keyframes ripple-touch{to{width:74px;height:74px;opacity:0}}.stage.is-still,.stage.is-still *{transition:none!important;animation:none!important}