.ap{--ap-accent:#3b9eff;--ap-accent-bright:#6bb6ff;--ap-accent-soft:rgba(59,158,255,0.12);position:relative;width:100%}.ap-skip{position:absolute;left:16px;top:16px;z-index:30;padding:8px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ap-accent) 50%,transparent);background:rgba(14,16,20,.94);color:var(--fg);font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px)}.ap-skip:focus,.ap-skip:focus-visible{opacity:1;pointer-events:auto;transform:none;outline:2px solid var(--ap-accent);outline-offset:2px}.ap-pill{position:absolute;left:50%;bottom:100%;z-index:20;display:none;flex-direction:column;align-items:center;margin-bottom:18px;pointer-events:none;opacity:0;transform:translate(-50%,-10px)}@media (min-width:768px){.ap-pill{display:flex}}.ap[data-visible=true] .ap-pill{animation:ap-pill-in .76s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)) .52s both}.ap[data-motion=off] .ap-pill{animation:none;opacity:1;transform:translate(-50%)}.ap-pill__box{display:flex;align-items:center;gap:12px;padding:8px 14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ap-accent) 42%,transparent);background:rgba(14,16,20,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 40px -10px color-mix(in srgb,var(--ap-accent) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.06);white-space:nowrap}.ap-pill__tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-accent-bright)}.ap-sq{width:6px;height:6px;border-radius:1px;background:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-soft)}.ap-pill__sep{width:1px;height:12px;background:var(--line-strong)}.ap-pill__text{font-size:12.5px;font-weight:500;letter-spacing:-.005em;color:var(--fg)}.ap-pill__arrow{margin-top:6px;color:var(--ap-accent-bright)}.ap[data-visible=true][data-motion=on] .ap-pill__arrow{animation:ap-nudge 1.3s ease-in-out 1.5s 2 both}.ap-stage{position:relative;width:100%;margin-inline:auto;aspect-ratio:1200/836}.ap-stage__light{position:absolute;inset:-10% -7% -12% -7%;z-index:0;pointer-events:none;background:radial-gradient(46% 38% at 50% 34%,color-mix(in srgb,var(--ap-accent) 15%,transparent),transparent 74%),radial-gradient(60% 24% at 50% 82%,color-mix(in srgb,var(--ap-accent) 8%,transparent),transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 0 78%,transparent);mask-image:linear-gradient(180deg,#000 0 78%,transparent);opacity:0;transition:opacity 1.4s var(--ease-out-expo,ease-out) .2s}.ap[data-visible=true] .ap-stage__light{opacity:1}.ap-lift{position:absolute;inset:0;z-index:1;opacity:0;transform:translateY(28px) scale(.985);transform-origin:50% 0}.ap[data-visible=true] .ap-lift{animation:ap-lift .98s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)) both}.ap[data-visible=true][data-motion=off] .ap-lift{animation:none;opacity:1;transform:none}.ap-scale{position:absolute;left:0;top:0;transform-origin:0 0}.ap-tab{position:absolute;inset:0;animation:ap-tab-in .3s cubic-bezier(.2,.8,.2,1) both}.ap-rail{position:relative;z-index:1;outline:none;width:100%;max-width:1200px;margin:22px auto 0;display:flex;flex-direction:column;gap:12px}.ap[data-visible=true][data-motion=on] .ap-rail{animation:ap-fade-up .7s var(--ease-out-expo,ease-out) .38s both}.ap-rail__meta{display:flex;align-items:center;gap:12px;min-height:32px;min-width:0}.ap-rail__mark{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface-hover),var(--surface))}.ap-rail__icon{width:16px;height:16px;background:linear-gradient(180deg,var(--fg),var(--fg-muted));-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.ap-rail__idx{flex:none;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--fg)}.ap-rail__of{color:var(--fg-subtle)}.ap-rail__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--fg);animation:ap-name-in .38s var(--ease-out-expo,ease-out) both}.ap-rail__fill{flex:1 1 auto}.ap-rail__ctl{flex:none;display:flex;gap:4px}.ap-btn{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg-muted);cursor:pointer;transition:color .15s,border-color .15s,background-color .15s}.ap-btn:hover{color:var(--fg);border-color:var(--line-bright);background:var(--surface-hover)}.ap-btn:focus-visible,.ap-seg:focus-visible{outline:2px solid var(--ap-accent);outline-offset:2px}.ap-track{display:flex;gap:6px}.ap-seg{flex:1 1 0;min-width:0;height:16px;padding:0;display:flex;align-items:center;border:0;border-radius:2px;background:none;cursor:pointer}.ap-seg__bar{position:relative;display:block;width:100%;height:3px;border-radius:1px;overflow:hidden;background:var(--line);transform-origin:50% 50%;transition:transform .18s var(--ease-out-expo,cubic-bezier(.16,1,.3,1)),background-color .18s ease}.ap-seg[data-state=past] .ap-seg__bar{background:color-mix(in srgb,var(--fg-muted) 40%,transparent)}.ap-seg[data-state=on] .ap-seg__bar{background:color-mix(in srgb,var(--ap-accent) 24%,transparent)}.ap-seg:hover .ap-seg__bar{transform:scaleY(1.67)}.ap-seg[data-state=next]:hover .ap-seg__bar,.ap-seg[data-state=past]:hover .ap-seg__bar{background:var(--line-bright)}.ap-seg__fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--ap-accent),var(--ap-accent-bright));transform-origin:0 50%;transform:scaleX(0);animation-name:ap-fill;animation-timing-function:linear;animation-fill-mode:forwards}.ap-seg__fill[data-playing=false]{animation:none;transform:none}@media (max-width:767px){.ap-rail{margin-top:14px;gap:10px}.ap-rail__mark{display:none}.ap-rail__name{font-size:13px}.ap-track{gap:4px}.ap-btn{width:36px;height:36px}}@keyframes ap-lift{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes ap-pill-in{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ap-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes ap-tab-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ap-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ap-name-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes ap-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ap .ap-lift,.ap .ap-pill,.ap .ap-pill__arrow,.ap .ap-rail,.ap .ap-rail__name,.ap .ap-tab{animation:none!important}.ap[data-visible=true] .ap-lift{opacity:1;transform:none}.ap .ap-pill{opacity:1;transform:translate(-50%)}.ap-seg__bar,.ap-stage__light{transition:none}}