/* 홈 X 피드 띠 (2026-10-28) */
.xrail{display:flex;align-items:center;gap:10px;min-width:0;height:54px;margin:0 0 12px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.band-b .xrail{margin:14px 0 4px}
.xr-lb{flex:none;display:flex;flex-direction:column;gap:2px;padding-right:12px;border-right:1px solid var(--line)}
.xr-lb b{font-size:11px;letter-spacing:.06em;color:var(--blue);font-weight:800}
.xr-lb a{font-size:10.5px;color:var(--ink-3);text-decoration:none}.xr-lb a:hover{color:var(--ink)}
.xr-win{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.xr-track{display:flex;width:max-content;animation:xr-left var(--dur,90s) linear infinite}
.xr-grp{display:flex;align-items:center;flex-shrink:0}
.xr-it{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;padding:0 18px;border-right:1px solid var(--line-soft,var(--line));min-height:38px}
.xr-av{width:24px;height:24px;border-radius:50%;background:var(--bg-2);flex:none;object-fit:cover}
.xr-main{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink-2);font-size:12.5px;min-width:0}
.xr-main b{font-size:12px;color:var(--ink);font-weight:700}.xr-main time{font-size:10.5px;color:var(--ink-4,var(--ink-3))}
.xr-main span{max-width:360px;overflow:hidden;text-overflow:ellipsis}
.xr-main:hover span{color:var(--ink)}
.xr-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 4px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);font-size:11px;font-weight:700;text-decoration:none}
.xr-chip img{width:14px;height:14px;border-radius:50%;background:#fff}
.xr-chip em{font-style:normal;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.xr-chip em.up{color:var(--up)}.xr-chip em.dn{color:var(--down)}
.xr-pause{flex:none;border:1px solid var(--line);border-radius:7px;background:var(--bg-2);color:var(--ink-2);font-size:11px;padding:6px 8px;cursor:pointer}
.xrail:hover .xr-track,.xrail:focus-within .xr-track,.xrail.paused .xr-track{animation-play-state:paused}
.xr-empty{font-size:12px;color:var(--ink-3);padding-left:10px}
@keyframes xr-left{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.xr-track{animation:none}.xr-win{overflow-x:auto}.xr-grp[aria-hidden]{display:none}}
@media(max-width:650px){.xrail{height:50px;padding:0 8px}.xr-it{padding:0 12px}.xr-main span{max-width:220px}.xr-lb a{display:none}}