.media-related__timeline{--media-related-axis-x:19px;--media-related-node-size:16px;--media-related-row-indent:52px}.media-related__year{margin:var(--ds-space-5) 0 var(--ds-space-3);padding-left:var(--media-related-row-indent)}.media-related__year-group:first-child .media-related__year{margin-top:0}.media-related__year-value{font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-extrabold);font-size:var(--ds-font-md);color:var(--ds-text-secondary)}.media-related__year-count{font-size:var(--ds-font-xs);color:var(--ds-text-dimmed)}.media-related__year-rule{border-top-color:var(--ds-border-neutral)}.media-related__row{padding:0 0 var(--ds-space-3) var(--media-related-row-indent);position:relative}.media-related__row:before{content:"";left:var(--media-related-axis-x);border-left:2px solid var(--ds-border-default);width:0;position:absolute;top:0;bottom:0}.media-related__row:last-child:before{height:22px;bottom:auto}.media-related__node{left:calc(var(--media-related-axis-x) - (var(--media-related-node-size) / 2) + 1px);width:var(--media-related-node-size);height:var(--media-related-node-size);border-radius:var(--ds-radius-full);background:var(--ds-bg-body);border:2px solid var(--ds-text-dimmed);z-index:var(--ds-z-base);position:absolute;top:14px}.media-related__row--current .media-related__node{background:var(--ds-accent);border-color:var(--ds-accent);box-shadow:0 0 0 4px var(--ds-accent-soft)}.media-related__row--ongoing .media-related__node{background:var(--ds-success);border-color:var(--ds-success)}.media-related__row-card{transition:border-color var(--ds-transition-fast), transform var(--ds-transition-fast)}.media-related__row-card:hover{border-color:var(--ds-border-neutral);transform:translate(2px)}.media-related__row--current .media-related__row-card{border-color:var(--ds-accent-border);background:color-mix(in srgb, var(--ds-accent) 7%, var(--ds-bg-surface))}.media-related__poster{border-radius:var(--ds-radius-sm);background:var(--ds-bg-inset);flex-shrink:0;width:58px;height:84px;overflow:hidden}.media-related__poster-img{object-fit:cover;width:100%;height:100%;display:block}.media-related__row-body{flex:1;min-width:0}.media-related__row-side{flex-shrink:0;width:150px}.media-related__title{font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-md);line-height:var(--ds-line-height-tight);color:var(--ds-text-primary);transition:color var(--ds-transition-fast);text-decoration:none;display:block}.media-related__title:hover{color:var(--ds-accent-fg)}.media-related__orig{font-size:var(--ds-font-xs);color:var(--ds-text-dimmed)}.media-related__meta{font-size:var(--ds-font-xs);color:var(--ds-text-muted);margin-top:auto}.media-related__rating{font-weight:var(--ds-font-weight-bold);color:var(--ds-warning)}.media-related__badges{row-gap:var(--ds-space-2)}.media-related__relation{--badge-bg:color-mix(in srgb, var(--tone) 16%, transparent);--badge-color:var(--tone);--badge-bd:var(--ds-border-width) solid color-mix(in srgb, var(--tone) 32%, transparent)}.media-related__type{--badge-color:var(--tone)}.media-related__here{text-transform:uppercase;letter-spacing:var(--ds-tracking-wide)}.media-related__progress{width:100%}.media-related__progress-label{font-size:var(--ds-font-2xs);color:var(--ds-text-muted)}.media-related__progress-value{font-size:var(--ds-font-2xs);font-weight:var(--ds-font-weight-bold);color:var(--ds-text-secondary)}.media-related__distant{margin-top:var(--ds-space-5);padding-top:var(--ds-space-5);border-top:var(--ds-border-width) solid var(--ds-border-subtle)}.media-related__views{align-items:center;gap:var(--ds-space-3);flex-shrink:0;display:flex}.media-related__graph{border:var(--ds-border-width) solid var(--ds-border-default);border-radius:var(--ds-radius-lg);background:var(--ds-bg-inset);background-image:radial-gradient(var(--ds-fill-neutral) 1.1px, transparent 1.1px);background-position:-13px -13px;background-size:26px 26px;position:relative;overflow:hidden}.media-related__gnode{gap:var(--ds-space-2);border-radius:var(--ds-radius-lg);background:var(--ds-bg-surface);border:var(--ds-border-width) solid var(--ds-card-border-color);width:210px;box-shadow:var(--ds-shadow-sm);color:var(--ds-text-primary);cursor:pointer;transition:transform var(--ds-transition-fast), box-shadow var(--ds-transition-fast), border-color var(--ds-transition-fast);padding:9px;text-decoration:none;display:flex;position:relative;overflow:hidden}.media-related__gnode:before{content:"";background:var(--tone);width:3px;position:absolute;top:0;bottom:0;left:0}.media-related__gnode:hover{box-shadow:var(--ds-shadow-md);border-color:var(--ds-border-neutral);transform:scale(1.03)}.media-related__gnode--current{border-color:var(--ds-accent-border);background:color-mix(in srgb, var(--ds-accent) 9%, var(--ds-bg-surface));box-shadow:0 0 0 3px var(--ds-accent-soft), var(--ds-shadow-md)}.media-related__gnode-poster{border-radius:var(--ds-radius-xs);background:var(--ds-bg-inset);flex-shrink:0;width:44px;height:64px;overflow:hidden}.media-related__gnode-img{object-fit:cover;width:100%;height:100%;display:block}.media-related__gnode-body{min-width:0}.media-related__gnode-link{position:absolute;inset:0}.media-related__gnode-poster,.media-related__gnode-body{pointer-events:none}.media-related__gnode .spoiler-veil__cover{pointer-events:auto}.media-related__relation-spoiler[data-state=veiled]{padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-sm);background:var(--ds-bg-inset);color:var(--ds-text-dimmed);font-size:var(--ds-font-2xs)}.media-related__gnode-title{font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-bold);font-size:var(--ds-font-sm);line-height:var(--ds-line-height-tight);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.media-related__gnode-meta{font-size:var(--ds-font-2xs);color:var(--ds-text-dimmed)}.media-related__gnode-handle{opacity:0;pointer-events:none}.media-related__graph .media-related__edge .react-flow__edge-path{stroke:var(--ds-text-dimmed);stroke-width:2px;opacity:.55}.media-related__graph .media-related__edge--spoiler .react-flow__edge-path{stroke-dasharray:5 6;opacity:.4}.media-related__graph .react-flow__edgelabel-renderer{z-index:var(--ds-z-base)}.media-related__graph .media-related__edge-label{border-radius:var(--ds-radius-sm);background:var(--ds-glass-bg-solid);max-width:132px;-webkit-backdrop-filter:var(--ds-glass-blur-xs);backdrop-filter:var(--ds-glass-blur-xs);border:var(--ds-border-width) solid var(--ds-border-neutral);color:var(--ds-text-secondary);font-size:var(--ds-font-2xs);line-height:var(--ds-line-height-tight);white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;padding:2px 6px;position:absolute;overflow:hidden}.media-related__graph .media-related__edge-label--spoiler{color:var(--ds-text-dimmed);border-style:dashed}.media-related__graph .react-flow__controls{border-radius:var(--ds-radius-md);border:var(--ds-border-width) solid var(--ds-border-neutral);box-shadow:var(--ds-shadow-sm);overflow:hidden}.media-related__graph .react-flow__controls-button{background:var(--ds-glass-bg-solid);-webkit-backdrop-filter:var(--ds-glass-blur-xs);backdrop-filter:var(--ds-glass-blur-xs);border-bottom:var(--ds-border-width) solid var(--ds-border-neutral);fill:var(--ds-text-secondary);transition:fill var(--ds-transition-fast)}.media-related__graph .react-flow__controls-button:hover{fill:var(--ds-text-primary)}.media-related__graph .react-flow__controls-button:last-child{border-bottom:0}.media-related__legend{border-radius:var(--ds-radius-md);background:var(--ds-glass-bg-solid);-webkit-backdrop-filter:var(--ds-glass-blur-xs);backdrop-filter:var(--ds-glass-blur-xs);border:var(--ds-border-width) solid var(--ds-border-neutral);padding:11px 15px}.media-related__legend-label{font-size:var(--ds-font-2xs);font-weight:var(--ds-font-weight-bold);text-transform:uppercase;letter-spacing:var(--ds-tracking-wide);color:var(--ds-text-dimmed)}.media-related__legend-item{font-size:var(--ds-font-xs);color:var(--ds-text-secondary)}.media-related__legend-line{border-top:2px solid var(--ds-text-dimmed);width:18px;height:0}.media-related__legend-line--dashed{border-top-style:dashed}@media (max-width:63.9938em){.media-related__row-side{width:120px}}@media (max-width:47.9938em){.media-related__timeline{--media-related-axis-x:11px;--media-related-row-indent:30px}.media-related__row-card:hover,.media-related__gnode:hover{transform:none}}@media (max-width:35.9938em){.media-related__row-inner{flex-wrap:wrap}.media-related__row-side{align-items:flex-start;width:100%}.media-related__title{font-size:var(--ds-font-sm)}}@media (prefers-reduced-motion:reduce){.media-related__row-card,.media-related__gnode{transition:none}.media-related__row-card:hover,.media-related__gnode:hover{transform:none}}