.dm-shelf{border-top:1px solid var(--ovaflow-line);margin:0;padding:0;list-style:none}.dm-shelf__row{border-bottom:1px solid var(--ovaflow-line)}.dm-shelf__link{color:inherit;grid-template-columns:40px minmax(0,1fr);gap:14px 16px;padding:24px 0;text-decoration:none;display:grid;position:relative}.dm-shelf__link:focus-visible{outline:2px solid var(--nblue);outline-offset:4px;border-radius:12px}@media (min-width:1024px){.dm-shelf__link{grid-template-columns:56px minmax(0,340px) minmax(0,1fr) 88px;align-items:center;gap:28px;padding:28px 0}}.dm-shelf__num{font:500 13px/1.6 var(--font-mono);color:var(--ovaflow-muted)}.dm-shelf__text{align-content:start;gap:6px;display:grid}.dm-shelf__title{font:650 clamp(21px, 1.9vw, 28px) / 1.15 var(--font-display);letter-spacing:-.025em;transition:background-size var(--d-ui) var(--ease-hover);background:linear-gradient(currentColor,currentColor) 0 100%/0% 1.5px no-repeat;justify-self:start;margin:0;font-weight:700}.dm-shelf__link:hover .dm-shelf__title,.dm-shelf__link:focus-visible .dm-shelf__title{background-size:100% 1.5px}.dm-shelf__aud{color:var(--ovaflow-secondary);font-size:15px}.dm-shelf__desc{color:var(--ovaflow-muted);font-size:14px;line-height:1.5}.dm-shelf__meta{font:500 12px/1.4 var(--font-mono);color:var(--ovaflow-muted);gap:12px;display:flex}.dm-shelf__meta>span+span:before{content:"·";margin-right:12px}.dm-shelf__strip{grid-column:1/-1;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000 0 85%,#0000);mask-image:linear-gradient(90deg,#000 0 85%,#0000)}@media (min-width:1024px){.dm-shelf__strip{grid-column:auto}}.dm-shelf__drift{gap:10px;width:max-content;display:flex}.dm-shelf__poster{aspect-ratio:16/10;background:var(--desktop);width:clamp(124px,12vw,176px);transition:transform var(--d-panel) var(--ease-enter);border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 0 1px #16171914}.dm-shelf__poster img{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.dm-shelf__poster[data-portrait]{background:var(--ovaflow-lavender-soft,var(--ovaflow-lavender))}.dm-shelf__poster[data-portrait] img{object-fit:contain;padding:6px 0}.dm-shelf__step{min-width:22px;height:22px;color:var(--ovaflow-ink);font:600 12px/1 var(--font-mono);background:#ffffffe6;border-radius:999px;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:6px;left:6px}@media (hover:hover){.dm-shelf__link:hover .dm-shelf__poster{transform:translateY(-4px)}.dm-shelf__link:hover .dm-shelf__poster:nth-child(2){transition-delay:30ms}.dm-shelf__link:hover .dm-shelf__poster:nth-child(3){transition-delay:60ms}.dm-shelf__link:hover .dm-shelf__poster:nth-child(4){transition-delay:90ms}.dm-shelf__link:hover .dm-shelf__poster:nth-child(n+5){transition-delay:.12s}}.dm-shelf__go{display:none}@media (min-width:1024px){.dm-shelf__go{font:600 14px/1 var(--font-sans);color:var(--accent);justify-self:end;align-items:center;gap:8px;display:inline-flex}.dm-shelf__go span{transition:transform var(--d-ui) var(--ease-hover)}.dm-shelf__link:hover .dm-shelf__go span{transform:translate(4px)}}@supports (animation-timeline:view()){html[data-motion-tier=A] .dm-shelf__drift,html[data-motion-tier=B] .dm-shelf__drift{animation:linear both dm-drift;animation-timeline:view();animation-range:cover}}@keyframes dm-drift{0%{transform:translate(28px)}to{transform:translate(-28px)}}.dm-shelf--compact .dm-shelf__poster{width:clamp(112px,9vw,140px)}.dm-shelf__more{box-shadow:0 0 0 1px var(--ovaflow-line);background:#fff;border-radius:18px;margin-top:16px;padding:14px 18px}.dm-shelf__more-summary{cursor:pointer;font:600 14px/1.35 var(--font-sans);color:var(--accent);justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.dm-shelf__more-summary::-webkit-details-marker{display:none}.dm-shelf--nested{margin-top:14px}@media (max-width:767px){.dm-shelf__link{gap:10px 12px;padding:16px 0}}
