/* 모멘티 프리미엄 청첩장 「스트리밍」 */
.inv.ST{overflow:clip;--bg:#141414;--fg:#fff;--ac:#e50914;--soft:#222;background:#141414;color:#e5e5e5;font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;text-align:left}
.ST .stm{position:relative}
/* 위 메뉴 */
.ST .stn{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,0))}
.ST .stn-l{font:900 19px/1 "Pretendard",sans-serif;letter-spacing:-.02em;color:#e50914;text-shadow:0 2px 12px rgba(229,9,20,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.ST .stn-r{margin-left:auto;display:flex;gap:4px;align-items:center}
.ST .stn-r button{appearance:none;border:0;background:none;color:#e5e5e5;font:600 12.5px "Pretendard",sans-serif;padding:6px 8px;cursor:pointer}
.ST .stn-p{width:28px;height:28px;padding:0!important;border-radius:5px!important;background:#555;color:#fff!important;font-weight:800!important}
/* 빌보드 */
.ST .stb{position:relative;min-height:640px;display:flex;align-items:flex-end;margin-top:-56px;overflow:hidden}
.ST .stb-bg{position:absolute;inset:0;background:#222 center/cover no-repeat;opacity:0;transform:scale(1);transition:opacity 1.3s ease}
.ST .stb-bg.on{opacity:1;animation:stkbz 4.4s ease-out forwards}
.ST .stb-bg.out{opacity:0;transform:scale(1.12)}
.ST .stb-bg.one.on{animation:stzoom 18s ease-in-out infinite alternate}
@keyframes stkbz{from{transform:scale(1)}to{transform:scale(1.12)}}
.ST .stb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#141414 0%,rgba(20,20,20,.55) 38%,rgba(20,20,20,0) 62%),linear-gradient(90deg,rgba(20,20,20,.55),rgba(20,20,20,0) 70%)}
@keyframes stzoom{to{transform:scale(1.08)}}
.ST .stb-tx{position:relative;z-index:1;padding:0 18px 26px;width:100%}
.ST .stb-k{margin:0 0 6px;font:700 11px/1 "Pretendard",sans-serif;letter-spacing:.32em;color:#ddd;display:flex;align-items:center;gap:6px}
.ST .stb-k b{color:#e50914;font-size:20px;letter-spacing:0;font-weight:900}
.ST .stb-t{margin:0 0 10px;font:900 44px/1.02 "Pretendard",sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.ST .stb-m{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 10px;font-size:13px;color:#ddd}
.ST .stb-m .top{background:#e50914;color:#fff;font-weight:800;padding:2px 7px;border-radius:3px;font-size:12px}
.ST .stb-m .hit{color:#46d369;font-weight:700}
.ST .stb-d{margin:0 0 16px;font-size:14px;line-height:1.55;color:#e5e5e5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ST .stb-b{display:flex;gap:8px}
.ST .sbtn{appearance:none;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:5px;font:800 15px "Pretendard",sans-serif;cursor:pointer;text-decoration:none}
.ST .sbtn.play{background:#fff;color:#000}
.ST .sbtn.info{background:rgba(109,109,110,.7);color:#fff}
.ST .sbtn.live{background:#e50914;color:#fff;animation:stlive 1.2s ease-in-out infinite alternate}
@keyframes stlive{to{box-shadow:0 0 0 6px rgba(229,9,20,.25)}}
.ST .stb-cd{margin:12px 0 0;font-size:12.5px;color:#bbb}.ST .stb-cd b{color:#fff;font-variant-numeric:tabular-nums}
/* 줄 */
.ST .str,.ST .ste{padding:18px 0 6px}
.ST .str h3,.ST .ste h3,.ST .sti-h{margin:0 16px 10px;font:800 17px/1.3 "Pretendard",sans-serif;color:#fff}
.ST .ste h3 small{font-weight:500;font-size:12px;color:#999;margin-left:6px}
.ST .str-s{display:flex;gap:8px;overflow-x:auto;padding:0 16px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.ST .str-s::-webkit-scrollbar{display:none}
.ST .stc{appearance:none;flex:none;width:128px;aspect-ratio:2/3;border:0;border-radius:6px;background:#333 center/cover no-repeat;position:relative;cursor:pointer;scroll-snap-align:start;transition:transform .25s}
.ST .stc:active{transform:scale(.96)}
.ST .stc span{position:absolute;left:-2px;bottom:-8px;font:900 54px/1 "Pretendard",sans-serif;color:#141414;-webkit-text-stroke:2px #888}
/* 에피소드 */
.ST .ep{display:grid;grid-template-columns:22px 118px 1fr;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #262626}
.ST .ep-n{font:700 20px "Pretendard",sans-serif;color:#888;text-align:center}
.ST .ep-i{aspect-ratio:16/9;border-radius:4px;background:#333 center/cover no-repeat;display:grid;place-items:center}
.ST .ep-i i{width:30px;height:30px;border-radius:50%;border:1.5px solid #fff;display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff;background:rgba(0,0,0,.45)}
.ST .ep-t b{display:block;color:#fff;font-size:14.5px}.ST .ep-t small{color:#999;font-size:12px}.ST .ep-t p{margin:3px 0 0;font-size:12.5px;line-height:1.5;color:#bbb}
/* 출연 */
.ST .sca{flex:none;width:76px;text-align:center;display:grid;gap:2px;justify-items:center}
.ST .sca-a{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font:800 24px "Pretendard",sans-serif;color:#fff}
.ST .sca b{font-size:13px;color:#fff}.ST .sca small{font-size:11px;color:#999;line-height:1.3}
.ST .c0{background:#2b5bd7}.ST .c1{background:#d6336c}.ST .c2{background:#e8a317}.ST .c3{background:#2f9e44}.ST .c4{background:#7048e8}.ST .c5{background:#0c8599}
/* 상세 정보 (기존 기능) */
.ST .sti{padding-top:24px;margin-top:10px;border-top:6px solid #000}
.ST .sti .S{border-top:1px solid #262626;padding:34px 18px;text-align:center}
.ST .sti .se{color:#e50914;font-family:"Pretendard",sans-serif;letter-spacing:.2em}
.ST .sti .st{font-family:"Pretendard",sans-serif;font-weight:800;color:#fff}
.ST .btn{background:#262626;border-color:#333;color:#fff;border-radius:5px}
.ST .btn.solid{background:#e50914;border-color:#e50914;color:#fff!important}
.ST .btn.kk{background:#fee500;color:#191600;border-color:#fee500}
.ST .cal b,.ST .cal span{color:#ddd}
.ST .cal .on{background:#e50914!important;color:#fff!important}
.ST .dday b{color:#e50914}
.ST details.acc{background:#1f1f1f;border-color:#333}
.ST .F{background:#000;color:#777}
.ST .F a{color:#999}
/* 프로필 고르기 · 인트로 · 재생 (화면 전체) */
.ST .stp,.ST .stx,.ST .stv{position:fixed;top:0;bottom:0;left:50%;width:min(100%,480px);transform:translateX(-50%);z-index:60}
.ST .stp{background:#141414;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}
.ST .stp-l{position:absolute;top:18px;left:18px;margin:0;font:900 19px "Pretendard",sans-serif;color:#e50914}
.ST .stp h2{margin:0;font:600 26px "Pretendard",sans-serif;color:#fff}
.ST .stp-g{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.ST .stp-g button{appearance:none;border:0;background:none;display:grid;gap:8px;justify-items:center;cursor:pointer;color:#999;font:500 14px "Pretendard",sans-serif}
.ST .stp-g button:hover{color:#fff}
.ST .stp-a{width:96px;height:96px;border-radius:8px;display:grid;place-items:center;font-size:44px;border:3px solid transparent;transition:border-color .2s,transform .2s}
.ST .stp-g button:hover .stp-a,.ST .stp-g button:focus-visible .stp-a{border-color:#fff;transform:scale(1.04)}
.ST .stp-s{margin:6px 0 0;font-size:12.5px;color:#777}
.ST .stx{background:#000;display:grid;place-items:center;overflow:hidden}
.ST .stx-w span{display:block;font:900 clamp(40px,13vw,66px)/1.05 "Pretendard",sans-serif;letter-spacing:-.04em;color:#e50914;text-align:center;padding:0 20px;
  text-shadow:0 0 30px rgba(229,9,20,.55),0 6px 0 #8a0610;animation:stlogo 2.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes stlogo{0%{opacity:0;transform:scale(1.7);filter:blur(14px);letter-spacing:.3em}35%{opacity:1;transform:scale(1);filter:blur(0);letter-spacing:-.04em}80%{transform:scale(1.06)}100%{transform:scale(1.08)}}
.ST .stx.out{animation:stout .8s ease-in both}
.ST .stx.out span{animation:stin .8s ease-in both}
@keyframes stout{to{opacity:0}}
@keyframes stin{to{transform:scale(9);opacity:0;filter:blur(4px)}}
@keyframes stfade{from{opacity:0}}
.ST .stv{background:#000;display:grid;place-items:center}
.ST .stv iframe,.ST .stv video{width:100%;aspect-ratio:16/9;border:0;background:#000}
.ST .stv-s{position:absolute;inset:0;background:#000 center/contain no-repeat}
.ST .stv-s.kb{animation:stkb 2.6s ease-out both}
@keyframes stkb{from{opacity:0;transform:scale(1.06)}20%{opacity:1}to{transform:scale(1)}}
.ST .stv-c{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#bbb;font-size:13px}
.ST .stv-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:18px;cursor:pointer;z-index:2}
/* 만들기 화면 미리보기 안에서는 휴대폰 틀 안에만 */
.ST.st-pv .stp,.ST.st-pv .stx,.ST.st-pv .stv{position:absolute;left:0;transform:none;width:100%;bottom:auto;height:640px}
.ST .ctl{z-index:25}
@media (prefers-reduced-motion:reduce){.ST .stb-bg.on,.ST .stx-w span,.ST .sbtn.live{animation:none}}