.share-page .scope-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:26px;margin:30px 0 8px;padding:22px 26px;display:flex}.share-page .scope-strip__lead{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding-right:26px;display:flex}.share-page .scope-strip__lead-k{color:var(--ink-2);font-size:.78125rem}.share-page .scope-strip__lead-v{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600}.share-page .scope-strip__stats{flex-wrap:wrap;flex:1;gap:12px;display:flex}.share-page .scope-strip__stat{flex-direction:column;gap:3px;min-width:96px;padding:4px 0;display:flex}.share-page .scope-strip__stat-top{align-items:center;gap:7px;display:flex}.share-page .scope-strip__stat-top .sw{width:9px;height:9px}.share-page .scope-strip__stat-k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.65625rem}.share-page .scope-strip__stat-v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.1875rem;font-weight:600}.share-page .journey-section{padding:26px 0 10px}.share-page .route-wrap{margin-top:10px;position:relative}.share-page .route-shell{position:relative}.share-page .route-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;cursor:grab;padding:4px 2px 10px;position:relative;overflow:auto visible}.share-page .route-scroll.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.share-page .route-scroll.is-dragging *{cursor:grabbing}.share-page .route-fade{pointer-events:none;opacity:0;z-index:6;width:56px;transition:opacity .3s;position:absolute;top:0;bottom:10px}.share-page .route-fade--left{background:linear-gradient(to right,var(--bg),transparent);left:0}.share-page .route-fade--right{background:linear-gradient(to left,var(--bg),transparent);right:0}.share-page .route-fade.is-on{opacity:1}.share-page .route-scroll::-webkit-scrollbar{height:8px}.share-page .route-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.share-page .route{min-width:100%;position:relative}.share-page .route__svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.share-page .route .scard{z-index:3;width:214px;transition:top .28s cubic-bezier(.4,0,.2,1);position:absolute}.share-page .route .scard.is-open{z-index:30;box-shadow:var(--shadow-lg)}.share-page .rlabel{text-align:left;z-index:2;width:220px;position:absolute}.share-page .rlabel__title{font-family:var(--font-display);letter-spacing:-.012em;margin:0;font-size:.96875rem;font-weight:600;line-height:1.2}.share-page .rlabel__sub,.share-page .rlabel__title{white-space:nowrap;text-overflow:ellipsis;padding-right:16px;overflow:hidden}.share-page .rlabel__sub{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin-top:5px;font-size:.625rem}.share-page .rlabel__sub.is-done{color:var(--ink-2)}.share-page .rlabel__sub.is-progress{color:var(--info-ink)}.share-page .rlabel__sub.is-todo{color:var(--ink-3)}.share-page .scard__chev{order:2}.share-page .rlabel__here{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-info);background:var(--info);border-radius:999px;margin-top:8px;padding:3px 8px;font-size:.59375rem;display:inline-block}.share-page .route-hint{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink-3);margin:6px 0 0 2px;font-size:.6875rem}.share-page .route-wrap--animate .route__svg>line{opacity:0}.share-page .route-wrap--animate .jnode{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.5)}.share-page .route-wrap--animate .rlabel{opacity:0;transform:translateY(8px)}.share-page .route-wrap--animate .route>.scard{opacity:0;transform:translateY(10px)}.share-page .route-wrap--animate .jarc .arc{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.share-page .route-wrap--animate .jarc circle{opacity:0}.share-page .route-wrap--animate.is-in .route__svg>line{opacity:1;transition:opacity .5s 50ms}.share-page .route-wrap--animate.is-in .jnode{opacity:1;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transition-delay:calc(.12s + var(--i,0)*70ms);transform:none}.share-page .route-wrap--animate.is-in .rlabel{opacity:1;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(.18s + var(--i,0)*70ms);transform:none}.share-page .route-wrap--animate.is-in .route>.scard{opacity:1;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(.24s + var(--i,0)*70ms);transform:none}.share-page .route-wrap--animate.is-in .jarc .arc{animation:.6s cubic-bezier(.65,0,.35,1) forwards share-arc;animation-delay:calc(.32s + var(--i,0)*70ms)}.share-page .route-wrap--animate.is-in .jarc circle{opacity:1;transition:opacity .25s;transition-delay:calc(.7s + var(--i,0)*70ms)}@media (width<=640px){.share-page .scope-strip{gap:18px;padding:18px}.share-page .scope-strip__lead{border-right:none;width:100%;padding-right:0}.share-page .scope-strip__stats{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.share-page .scope-strip__stat{min-width:0}}@media (prefers-reduced-motion:reduce){.share-page .route-wrap--animate .jarc circle,.share-page .route-wrap--animate .jnode,.share-page .route-wrap--animate .rlabel,.share-page .route-wrap--animate .route>.scard,.share-page .route-wrap--animate .route__svg>line{opacity:1;transition:none;transform:none}.share-page .route-wrap--animate .jarc .arc{stroke-dashoffset:0;animation:none}}
