.k-top{z-index:50;pointer-events:none;padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px, env(safe-area-inset-right,0px)) 0 max(16px, env(safe-area-inset-left,0px));transition:transform var(--k-d3) var(--k-ease);position:fixed;top:0;left:0;right:0}.k-top.is-away{transform:translateY(calc(-100% - 24px))}.k-hdr{pointer-events:auto;background:color-mix(in srgb, var(--surface) 76%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;max-width:880px;transition:background-color var(--k-d3) var(--k-ease), box-shadow var(--k-d3) var(--k-ease);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:6px 6px 6px 20px;display:flex;box-shadow:inset 0 1px #ffffff8c}.k-top.is-solid .k-hdr{background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:inset 0 1px #ffffff8c,0 6px 16px -10px #0e111638}.k-hdr .k-logo{font-size:22px}.k-hdr nav{gap:2px;display:flex}.k-hdr nav a{color:var(--muted);transition:background-color var(--k-d1) var(--k-ease),color var(--k-d1) var(--k-ease);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none}.k-hdr nav a:hover{background:var(--k-chip);color:var(--fg)}.k-short{display:none}[id]{scroll-margin-top:84px}@media (width<=860px){.k-hdr nav{display:none}}@media (width<=520px){.k-long{display:none}.k-short{display:inline}}@media (prefers-reduced-motion:reduce){.k-top,.k-hdr,.k-hdr nav a{transition:none}}
