.pch-bar{z-index:30;border-bottom:1px solid var(--color-line-hairline);background:color-mix(in oklab, var(--color-surface-page) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;position:sticky;top:60px}.pch-in{height:34px;font:500 12px var(--font-mono);color:var(--color-ink-muted);align-items:center;gap:12px;display:flex}.pch-in a{color:var(--color-ink-secondary)}.pch-in a:hover{color:var(--color-ink-primary)}.pch-in a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:4px}.pch-chip{background:var(--color-brand-subtle);white-space:nowrap;border-radius:999px;flex:none;align-items:center;height:22px;padding:0 8px;font-weight:600;display:inline-flex}.pch-in .pch-chip{color:var(--color-brand-ink)}.pch-where{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pch-where b{color:var(--color-ink-primary);font-weight:600}.pch-prog{background:var(--color-line-strong);border-radius:99px;flex:none;width:90px;height:3px;position:relative;overflow:hidden}.pch-prog i{background:var(--color-signal-ok);border-radius:99px;position:absolute;inset:0 auto 0 0}.pch-nav{white-space:nowrap;gap:14px;margin-left:auto;display:flex}.pch-nav b{color:var(--color-ink-primary);font-weight:600}.pch-hint{border-left:2px solid color-mix(in oklab, var(--color-brand) 55%, transparent);color:var(--color-ink-muted);-webkit-user-select:none;user-select:none;margin:14px 0 0;padding-left:10px;font-size:13.5px}.pch-hint a{color:var(--color-ink-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-line-strong);text-decoration-color:var(--color-line-strong);text-underline-offset:3px;font-weight:600}.pch-hint a:hover{-webkit-text-decoration-color:var(--color-brand);text-decoration-color:var(--color-brand)}.pch-hint button{font:500 11.5px var(--font-mono);color:var(--color-ink-muted);text-underline-offset:3px;margin-left:8px;text-decoration:underline}.pch-hint button:hover{color:var(--color-ink-primary)}.pch-hint a:focus-visible,.pch-hint button:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:3px}.pch-m{cursor:help;text-underline-offset:3px;border-radius:2px;text-decoration-line:underline;text-decoration-thickness:1.5px}.pch-m[data-dir=back]{text-decoration-style:solid;-webkit-text-decoration-color:color-mix(in oklab, var(--color-signal-ok) 65%, transparent);text-decoration-color:color-mix(in oklab, var(--color-signal-ok) 65%, transparent)}.pch-m[data-dir=ahead]{text-decoration-style:dotted;-webkit-text-decoration-color:var(--color-ink-muted);text-decoration-color:var(--color-ink-muted)}.pch-m:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.pch-card{z-index:60;border:1px solid var(--color-line-strong);background:var(--color-surface-overlay);width:min(300px,100vw - 24px);box-shadow:0 14px 36px -16px color-mix(in oklab, var(--color-ink-primary) 40%, transparent);color:var(--color-ink-secondary);-webkit-user-select:none;user-select:none;border-radius:12px;gap:4px;padding:11px 13px;font-size:13.5px;display:grid;position:absolute}.pch-k{font:600 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted)}.pch-k em{color:color-mix(in oklab, var(--color-signal-ok) 70%, var(--color-ink-primary));font-style:normal}.pch-card b{color:var(--color-ink-primary);font-size:14.5px}.pch-card p{margin:0}.pch-card a{color:var(--color-brand-ink);font-weight:600}.pch-card a:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:3px}@media (max-width:720px){.pch-in{gap:8px;font-size:11.5px}.pch-prog,.pch-prev,.pch-where{display:none}.pch-nav b{text-overflow:ellipsis;vertical-align:bottom;max-width:34vw;display:inline-block;overflow:hidden}}.pch-bar~* .cx-rail,.pch-bar~* .pp-rail{top:110px}.pch-bar~* .cx-langs{top:106px}.pch-bar~* .lpp-rail{top:118px}.pch-bar~* .cx-sec,.pch-bar~* .pp-sec{scroll-margin-top:112px}