.xp-rail{position:absolute;top:1.5rem;bottom:1.5rem;left:1.375rem;width:2px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,color-mix(in oklab,var(--accent) 30%,transparent) 0 6px,transparent 6px 12px)}.xp-rail-fill{position:absolute;inset:0;transform-origin:top;background:linear-gradient(180deg,var(--accent-hi),var(--accent) 40%,var(--accent-lo));box-shadow:0 0 14px color-mix(in oklab,var(--accent) 55%,transparent)}.xp-node{position:relative;z-index:1;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);color:var(--fg-subtle);box-shadow:var(--bevel-top),var(--shadow-1);transition:color .5s var(--ease-out-quint),border-color .5s var(--ease-out-quint),box-shadow .5s var(--ease-out-quint)}.xp-node[data-on]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);box-shadow:var(--bevel-top),var(--shadow-1),0 0 0 4px var(--accent-wash),0 0 22px color-mix(in oklab,var(--accent) 35%,transparent)}.xp-node[data-current]:after{content:"";position:absolute;inset:-6px;border-radius:inherit;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);animation:xp-ring 2.4s var(--ease-out-quint) infinite}@keyframes xp-ring{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.35);opacity:0}}.depth-card.xp-current{border-color:color-mix(in oklab,var(--accent) 38%,var(--line));background-image:radial-gradient(120% 80% at 100% 0,color-mix(in oklab,var(--accent) 12%,transparent),transparent 60%)}.xp-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.2rem .65rem .2rem .5rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(160deg,var(--accent-hi),var(--accent) 58%,var(--accent-lo));box-shadow:inset 0 1px 0 rgb(255 255 255/.3),0 6px 18px -8px color-mix(in oklab,var(--accent) 70%,transparent)}.xp-badge-dot{position:relative;width:.4rem;height:.4rem;border-radius:999px;background:currentColor}.xp-badge-dot:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;animation:xp-ping 1.8s ease-out infinite}@keyframes xp-ping{to{transform:scale(2.6);opacity:0}}.xp-highlight{position:relative;border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem .6rem 1.6rem;font-size:.85rem;line-height:1.4;background:color-mix(in oklab,var(--bg-elev) 60%,transparent)}.xp-highlight:before{content:"";position:absolute;left:.75rem;top:50%;width:.4rem;height:.4rem;transform:translateY(-50%) rotate(45deg);background:var(--accent);box-shadow:0 0 10px color-mix(in oklab,var(--accent) 60%,transparent)}.xp-more>summary{display:inline-flex;align-items:center;gap:.4rem;list-style:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--accent)}.xp-more>summary::-webkit-details-marker{display:none}.xp-more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.xp-more-open,.xp-more[open] .xp-more-closed{display:none}.xp-more[open] .xp-more-open{display:inline}.xp-more-chev{display:inline-grid;transition:transform .4s var(--ease-out-quint)}.xp-more[open] .xp-more-chev{transform:rotate(180deg)}@supports selector(::details-content){.xp-more{interpolate-size:allow-keywords}.xp-more::details-content{height:0;overflow:clip;transition:height .48s var(--ease-out-quint),content-visibility .48s allow-discrete}.xp-more[open]::details-content{height:auto}}@media (prefers-reduced-motion:reduce){.xp-badge-dot:after,.xp-node[data-current]:after{animation:none}.xp-more::details-content{transition:none}}