.ot-sc{--sc-flash:#e9a54b;--ot-sand:#e9a54b}.ot-sand-box{box-shadow:inset 0 0 0 1.5px var(--ot-sand)}.ot-route__hl{transition:stroke-dasharray .52s var(--ease-out), opacity .32s var(--ease-out)}.ot-route__stop{cursor:pointer}.ot-route__stop[data-sel]{stroke:var(--ot-sand);stroke-width:3px;fill:var(--ink)}.ot-route__lab{pointer-events:none;transition:opacity .26s var(--ease-out)}.ot-dep{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:8px 16px;transition:background-color .15s;display:flex}@media (width>=640px){.ot-dep{padding-inline:20px}}.ot-dep:hover{background:var(--surface-2)}.ot-dep:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.ot-radio{border:1.5px solid var(--line-strong);border-radius:999px;flex:none;place-items:center;width:18px;height:18px;display:grid}.ot-dep:has(input:checked) .ot-radio{border-color:var(--ink)}.ot-dep:has(input:checked) .ot-radio:after{content:"";background:var(--ink);border-radius:999px;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){html[data-motion] .ot-route__lab:not([data-reached]){opacity:0}html[data-motion] [data-playable]:not([data-play]) .sc-seat.is-last{stroke:var(--line-strong);stroke-width:1px}html[data-motion] [data-playable][data-play] .sc-seat.is-last{transition:stroke .4s var(--ease-out) var(--done,1.2s)}html[data-motion] [data-playable][data-play][data-settled] .sc-seat.is-last{transition-delay:.3s}html[data-motion] .ot-route:not([data-drawn]) .ot-route__hl{opacity:0!important}html[data-motion] .ot-route:not([data-play]) .ot-route__vehicle{opacity:0}.ot-route__vehicle{transition:opacity .2s var(--ease-out)}}.ot-how__stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"k";min-height:380px;display:grid}.ot-how__stage>[data-how-scene]{min-width:0;transition:opacity .32s var(--ease-out), visibility 0s;grid-area:k}.ot-how__stage>[data-how-scene][data-off]{visibility:hidden;opacity:0;transition:opacity .2s var(--ease-out), visibility 0s .2s}@media (width>=640px){.ot-how__stage{min-height:400px}}.ot-how__tab{text-align:left;cursor:pointer;border-radius:8px;width:100%;min-height:44px;padding:10px 0 4px;display:block;position:relative}.ot-how__tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ot-how__bar{background:var(--line);border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.ot-how__bar>span{transform-origin:0;background:var(--ink);position:absolute;inset:0;transform:scaleX(0)}.ot-how__tab[aria-selected=true] .ot-how__bar>span{transform:scaleX(1)}.ot-how__tab .ot-how__n{color:var(--ink-3)}.ot-how__tab[aria-selected=true] .ot-how__n{color:var(--ink)}.ot-how__tab:not([aria-selected=true]) .ot-how__t{color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){html[data-motion] [data-how][data-auto] .ot-how__tab[aria-selected=true] .ot-how__bar>span{animation:ot-how-bar var(--how-dur,7s) linear forwards;transform:scaleX(0)}html[data-motion] [data-how][data-paused] .ot-how__tab[aria-selected=true] .ot-how__bar>span{animation-play-state:paused}}@keyframes ot-how-bar{to{transform:scaleX(1)}}.ot-how__seg{min-width:0}.ot-how__seg[data-typed] .ot-how__val{color:var(--ink)}.ot-how__caret{vertical-align:-.15em;background:var(--ink);opacity:0;width:1.5px;height:1.05em;margin-left:1px;display:inline-block}.ot-how__seg[data-typing] .ot-how__caret{opacity:1;animation:.9s step-end infinite ot-caret}@keyframes ot-caret{50%{opacity:0}}.ot-diff{transition:background-color .32s var(--ease-out), box-shadow .32s var(--ease-out);border-radius:6px;position:relative}.ot-diff[data-on]{background:var(--surface-2);box-shadow:inset 0 -2px 0 var(--ot-sand)}.ot-msg{transition:opacity .32s var(--ease-out), transform .52s var(--ease-out)}@media (prefers-reduced-motion:no-preference){html[data-motion] [data-how-scene] .ot-msg:not([data-shown]){opacity:0;transform:translateY(10px)}html[data-motion] [data-how-scene] .ot-msg--out:not([data-shown]){transform:translate(24px,28px)scale(.96)}}.ot-typing span{background:var(--ink-3);border-radius:999px;width:5px;height:5px;margin:0 1.5px;animation:1s ease-in-out infinite ot-typing;display:inline-block}.ot-typing span:nth-child(2){animation-delay:.15s}.ot-typing span:nth-child(3){animation-delay:.3s}@keyframes ot-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.ot-typing span{animation:none}}.ot-fill{transition:box-shadow .2s}.ot-fill:hover{box-shadow:0 0 0 1px var(--line-strong), 0 8px 24px -12px #0000001f}.ot-fill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){html[data-motion] .ot-grid[data-cascade]>li:not([hidden]){animation:ot-cascade .42s var(--ease-out) both;animation-delay:calc(var(--ci,0) * 45ms)}}@keyframes ot-cascade{0%{opacity:0;transform:translateY(10px)}}.ot-stopscene{width:100%;max-width:360px;margin:0 auto;display:block;-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000 98%);mask-image:linear-gradient(90deg,#000 72%,#0000 98%)}.ot-stopscene__bus{transform:translate(0)}@media (prefers-reduced-motion:no-preference){html[data-motion] [data-ot-empty][data-play] .ot-stopscene__bus{animation:1.6s cubic-bezier(.55,0,.45,1) .5s both ot-bus-away}html[data-motion] [data-ot-empty][data-play] .ot-stopscene__dust{animation:ot-dust .9s var(--ease-out) .7s both}}.ot-stopscene__bus{opacity:0}html[data-motion] [data-ot-empty]:not([data-play]) .ot-stopscene__bus{opacity:1}.ot-stopscene__dust{opacity:0}@keyframes ot-bus-away{0%{opacity:1;transform:translate(0)}12%{transform:translate(-3px)}85%{opacity:1}to{opacity:0;transform:translate(240px)}}@keyframes ot-dust{0%{opacity:0;transform:translate(0)scale(.6)}40%{opacity:.6}to{opacity:0;transform:translate(-18px)scale(1.4)}}
