.ytss{margin:16px 0}
.ytss__heading{font-size:20px;font-weight:700;margin:0 0 10px}
.ytss__row{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 20px}
.ytss__item{width:180px;flex-shrink:0}
.ytss__card{position:relative;width:180px;height:320px;border:0;background:none;padding:0;cursor:pointer}
.ytss__thumb{position:absolute;inset:0;border-radius:14px;background-size:cover;background-position:center}
.ytss__play{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}
.ytss__title{margin-top:8px;font-size:14px;font-weight:600;line-height:1.3}

.ytss__modal{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.72)}
.ytss__modal[hidden]{display:none}
.ytss__dialog{width:min(520px,calc(100vw - 24px));margin:24px auto;background:#000;border-radius:14px;overflow:hidden}
.ytss__framewrap{aspect-ratio:9/16}
.ytss__iframe{width:100%;height:100%;border:0}
html.ytss__noscroll{overflow:hidden}