.video-shelf{position:relative;margin:0 0 14px;padding:16px 0 18px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--card-shadow)}
.video-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px 14px}
.video-shelf-title-wrap{display:flex;align-items:center;gap:11px;min-width:0}
.video-shelf-heading-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--ink);color:#fff}
.video-shelf-heading-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.video-shelf-heading h2{margin:0;font-size:1.08rem;line-height:1.2;letter-spacing:-.025em}
.video-shelf-heading p{margin:2px 0 0;color:var(--muted);font-size:.75rem;line-height:1.35}
.video-shelf-count{flex:0 0 auto;color:var(--muted);font-size:.72rem;font-weight:750}
.video-shelf-viewport{position:relative}
.video-shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:18px;padding:0 18px 4px;scrollbar-width:none}
.video-shelf-track::-webkit-scrollbar{display:none}
.video-shelf-card{position:relative;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 84%,#000);border-radius:17px;background:#0a1117;scroll-snap-align:center;box-shadow:0 8px 24px rgba(18,24,33,.13);isolation:isolate}
.video-shelf-card:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.video-shelf-media{position:relative;aspect-ratio:9/14;overflow:hidden;background:radial-gradient(circle at 50% 28%,#32465a,#0a1017 68%)}
.video-shelf-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#080d12;pointer-events:none}
.video-shelf-media:after{content:"";position:absolute;z-index:2;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.48));pointer-events:none}
.video-shelf-kind{position:absolute;z-index:4;top:10px;left:10px;padding:4px 7px;border-radius:7px;background:rgba(8,14,20,.82);color:#fff;font-size:.61rem;font-weight:900;letter-spacing:.08em;box-shadow:0 1px 6px rgba(0,0,0,.2)}
.video-shelf-kind{max-width:calc(100% - 20px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;letter-spacing:0;font-size:.7rem;min-height:28px;display:flex;align-items:center}.video-shelf-kind:hover{text-decoration:underline}.video-shelf-kind:focus-visible{outline:3px solid #fff;outline-offset:2px}.video-shelf-live{position:absolute;z-index:4;top:45px;left:10px;padding:4px 7px;border-radius:6px;background:#c80052;color:#fff;font-size:.6rem;font-weight:900}.video-shelf-edit{font-size:.75rem;font-weight:700;color:var(--accent);text-decoration:none;min-height:28px;display:flex;align-items:center}.video-shelf-edit:hover{text-decoration:underline}
.video-shelf-playing{position:absolute;z-index:4;left:10px;bottom:9px;max-width:calc(100% - 20px);padding:4px 7px;border-radius:999px;background:rgba(8,14,20,.78);color:rgba(255,255,255,.86);font-size:.6rem;font-weight:800;line-height:1.2;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}
.video-shelf-playing[hidden]{display:none}
.video-shelf-card:is([data-video-state="loading"],[data-video-state="blocked"],[data-video-state="error"]) .video-shelf-playing{opacity:1;transform:none}
.video-shelf-open{position:absolute;z-index:3;inset:0}
.video-shelf-copy{display:grid;align-content:start;gap:5px;min-height:83px;padding:12px 12px 13px;background:var(--surface)}
.video-shelf-copy h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:var(--ink);font-size:.88rem;line-height:1.28;letter-spacing:-.015em}
.video-shelf-copy h3 a{text-decoration:none}
.video-shelf-copy h3 a:hover{text-decoration:underline;text-underline-offset:2px}
.video-shelf-author{overflow:hidden;color:var(--muted);font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.video-shelf-author:hover{color:var(--accent);text-decoration:underline}
.video-shelf-identity{display:flex;align-items:center;gap:6px;min-width:0}.video-shelf-identity>.video-shelf-author{flex:1;min-width:0}.video-shelf-identity .person-follow{flex:none}.video-shelf-follow{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px;border:0;border-radius:7px;background:var(--accent-soft);color:var(--accent);font:inherit;font-size:.72rem;font-weight:750;text-decoration:none;cursor:pointer}.video-shelf-identity .person-follow-error{position:absolute;bottom:100%;right:0;width:160px;padding:8px;background:var(--surface);box-shadow:var(--card-shadow)}
.video-shelf-arrow{position:absolute;z-index:8;top:140px;display:grid;place-items:center;width:42px;height:42px;margin-top:-21px;border:1px solid color-mix(in srgb,var(--line) 75%,#000);border-radius:50%;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 8px 22px rgba(18,24,33,.2);cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}
.video-shelf-arrow:hover{background:#fff;transform:scale(1.04)}
.video-shelf-arrow:disabled{opacity:0;pointer-events:none}
.video-shelf-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.video-shelf-arrow-previous{left:10px}
.video-shelf-arrow-next{right:10px}
@media(max-width:600px){.video-shelf{border-radius:15px;padding-top:14px}.video-shelf-heading{padding:0 14px 12px}.video-shelf-heading p{display:none}.video-shelf-track{grid-auto-columns:min(68vw,184px);gap:10px;padding-inline:14px;scroll-padding-inline:14px}.video-shelf-arrow{top:142px;width:40px;height:40px;margin-top:-20px}.video-shelf-arrow-previous{left:7px}.video-shelf-arrow-next{right:7px}}
@media(prefers-reduced-motion:reduce){.video-shelf-track{scroll-behavior:auto}.video-shelf-arrow,.video-shelf-playing{transition:none}}