/* 홈 히어로 아래 '우주코드 활용' 쇼츠 슬라이더 + 세로 플레이어 (shorts.js) */
.shorts-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.shorts-wrap[hidden]{display:none}
.shorts-wrap .sect-label{margin-top:24px}
.sect-h.shorts-h{margin-bottom:8px}
.shorts-sub{text-align:center;margin:0 auto 26px;color:var(--muted);font-size:15px;word-break:keep-all}
.shorts-row{position:relative}
.shorts-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 4px;padding:6px 4px 14px;scrollbar-width:none}
.shorts-track::-webkit-scrollbar{display:none}
.sv-card{flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:0;margin:0;background:none;border:0;color:#fff;text-align:left;cursor:pointer;font:inherit}
.sv-thumb{position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:#0b0d14;transition:transform .18s,border-color .18s}
.sv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sv-play{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);border:2px solid #fff;color:#fff;opacity:.9;transition:opacity .18s,transform .18s}
.sv-play svg{width:22px;height:22px;margin-left:3px}
.sv-card:hover .sv-thumb,.sv-card:focus-visible .sv-thumb{transform:translateY(-3px);border-color:#fff}
.sv-card:hover .sv-play{opacity:1;transform:scale(1.08)}
.sv-card:focus-visible{outline:none}
.sv-t{font-size:13.5px;font-weight:700;line-height:1.45;color:#fff;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shorts-arrow{position:absolute;top:calc(50% - 30px);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid #fff;background:rgba(10,12,20,.82);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.shorts-arrow:disabled{opacity:0;pointer-events:none}
.shorts-arrow.l{left:-8px}.shorts-arrow.r{right:-8px}
.shorts-foot{text-align:center;margin-top:10px}
.shorts-ch{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid #fff;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.shorts-ch:hover{background:rgba(255,255,255,.08)}
.shorts-ch svg{width:22px;height:16px}
@media(max-width:600px){.sv-card{flex-basis:150px}.shorts-arrow{display:none}}

/* 세로 플레이어 */
.sv-ov{position:fixed;inset:0;z-index:6000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:20px}
.sv-ov[hidden]{display:none}
.sv-box{position:relative;display:flex;align-items:center;gap:14px}
.sv-frame{height:min(86vh,820px);aspect-ratio:9/16;max-width:calc(100vw - 140px);border-radius:16px;overflow:hidden;border:1px solid #fff;background:#000}
.sv-frame iframe{width:100%;height:100%;border:0;display:block}
.sv-x{position:absolute;top:-6px;right:-50px;width:38px;height:38px;border-radius:50%;border:1px solid #fff;background:rgba(10,12,20,.85);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.sv-nav{width:42px;height:42px;border-radius:50%;border:1px solid #fff;background:rgba(10,12,20,.85);color:#fff;font-size:26px;line-height:1;cursor:pointer;flex:none}
.sv-yt{position:absolute;left:0;right:0;bottom:-34px;text-align:center;color:#fff;font-size:13.5px;font-weight:700;text-decoration:none}
.sv-yt:hover{text-decoration:underline}
@media(max-width:600px){.sv-nav{display:none}.sv-frame{max-width:calc(100vw - 40px);height:auto;width:calc(100vw - 40px)}.sv-x{right:0;top:-48px}}
/* 라이트 화면 */
html[data-theme="light"] .sv-t{color:#14161f}
html[data-theme="light"] .sv-thumb{border-color:rgba(0,0,0,.18)}
html[data-theme="light"] .sv-card:hover .sv-thumb{border-color:#14161f}
html[data-theme="light"] .shorts-ch{color:#14161f;border-color:#14161f}
html[data-theme="light"] .shorts-ch:hover{background:rgba(0,0,0,.05)}