/* 온 유튜브 — 화면 */
.onyt{--onyt-c:#1f5eff;--onyt-fg:#111418;--onyt-fg2:#6b7079;--onyt-line:#e7e8eb;--onyt-gap:20px;position:relative;color:var(--onyt-fg);line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.onyt *,.onyt *::before,.onyt *::after{box-sizing:border-box}
.onyt a{text-decoration:none;color:inherit;box-shadow:none}
.onyt img{max-width:none;border:0;margin:0;box-shadow:none;border-radius:0}
.onyt button{font:inherit;letter-spacing:inherit;text-transform:none;border-radius:0;box-shadow:none;text-shadow:none;min-height:0;line-height:1}
.onyt.is-dark{--onyt-fg:#fff;--onyt-fg2:rgba(255,255,255,.58);--onyt-line:rgba(255,255,255,.14);background:#0b0d12;padding:clamp(36px,5vw,72px) clamp(20px,4vw,56px)}
.onyt--cinema.is-dark{padding:0;background:none}

/* 머리말 */
.onyt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px}
.onyt-head-l{min-width:0}
.onyt-head-r{display:flex;align-items:center;gap:10px;flex:none}
.onyt-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--onyt-c);text-transform:uppercase}
.onyt-eyebrow::before{content:"";width:6px;height:6px;background:currentColor;flex:none}
.onyt-head-l .onyt-eyebrow:last-child{margin:0}
.onyt-h{margin:0;padding:0;font-size:clamp(21px,2.3vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--onyt-fg)}
.onyt-hs{margin:8px 0 0;font-size:14px;color:var(--onyt-fg2)}

/* 채널 */
.onyt-ch{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 7px;border:1px solid var(--onyt-line);transition:border-color .2s}
.onyt-ch:hover{border-color:var(--onyt-fg)}
.onyt-ch-av{width:32px;height:32px;border-radius:50%!important;object-fit:cover;flex:none;background:#eee;display:flex;align-items:center;justify-content:center}
.onyt-ch-av--none{background:#f1f2f4}
.onyt-ch-av--none .onyt-yt{width:16px;height:16px;fill:#e1251b}
.onyt-ch-tx{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.onyt-ch-tx b{font-size:12.5px;font-weight:600;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.onyt-ch-tx em{font-style:normal;font-size:11px;color:var(--onyt-fg2)}
.onyt-ch-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;background:var(--onyt-c);color:#fff;font-size:12px;font-weight:600}
.onyt-yt{width:14px;height:14px;fill:currentColor;flex:none}

/* 화살표 */
.onyt-arrows{display:flex}
.onyt-arr{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:1px solid var(--onyt-line);color:var(--onyt-fg);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.onyt-arr+.onyt-arr{margin-left:-1px}
.onyt-arr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.onyt-arr:hover{background:var(--onyt-fg);border-color:var(--onyt-fg);color:#fff}
.onyt.is-dark .onyt-arr:hover,.onyt-cine .onyt-arr:hover{color:#0b0d12}
.onyt-arr:disabled{opacity:.3;cursor:default;background:transparent;color:var(--onyt-fg);border-color:var(--onyt-line)}

/* 썸네일 */
.onyt-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#15171c;padding:0;margin:0;border:0;cursor:pointer}
.onyt-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s}
.onyt-card:hover .onyt-thumb img,.onyt-stage-btn:hover img,.onyt-pi:hover .onyt-thumb img{transform:scale(1.045)}
.onyt-play{position:absolute;left:0;bottom:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--onyt-c);color:#fff;transition:width .3s,height .3s}
.onyt-play svg{width:16px;height:16px;fill:currentColor;margin-left:2px}
.onyt-card:hover .onyt-play{width:52px;height:52px}
.onyt-stage-btn .onyt-play,.onyt-card.is-feature .onyt-play{left:50%;top:50%;bottom:auto;width:72px;height:72px;transform:translate(-50%,-50%)}
.onyt-stage-btn .onyt-play svg,.onyt-card.is-feature .onyt-play svg{width:24px;height:24px}
.onyt-stage-btn:hover .onyt-play,.onyt-card.is-feature:hover .onyt-play{width:84px;height:84px}
.onyt-dur{position:absolute;right:8px;bottom:8px;padding:3px 6px;background:rgba(0,0,0,.78);color:#fff;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.02em}
.onyt-new{position:absolute;left:0;top:0;padding:5px 8px;background:#fff;color:var(--onyt-c);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1}
.onyt-play,.onyt-dur,.onyt-new{z-index:2}
.onyt-card--short .onyt-dur{display:none}
.onyt-thumb iframe{z-index:3;position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.onyt-thumb.is-playing .onyt-play,.onyt-thumb.is-playing .onyt-dur,.onyt-thumb.is-playing .onyt-new{display:none}

/* 카드 글 */
.onyt-card{display:block;min-width:0;cursor:pointer}
.onyt-tx{display:block;padding-top:13px}
.onyt-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.45;letter-spacing:-.01em;color:var(--onyt-fg);transition:color .2s}
.onyt-card:hover .onyt-t{color:var(--onyt-c)}
.onyt.is-dark .onyt-card:hover .onyt-t,.onyt-cine .onyt-card:hover .onyt-t{color:#fff;opacity:.8}
.onyt-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:13px;line-height:1.6;color:var(--onyt-fg2)}
.onyt-m{display:block;margin-top:6px;font-size:12px;color:var(--onyt-fg2)}
.onyt-is-hidden{display:none!important}

/* 그리드 */
.onyt-grid{display:grid;grid-template-columns:repeat(var(--onyt-cols,3),minmax(0,1fr));gap:32px var(--onyt-gap)}

/* 리스트 */
.onyt-list{border-top:1px solid var(--onyt-fg)}
.onyt-card--row{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--onyt-line)}
.onyt-card--row .onyt-tx{padding:0}
.onyt-card--row .onyt-t{font-size:17px}
.onyt-card--row .onyt-m{margin-top:12px}

/* 매거진 */
.onyt-mag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px var(--onyt-gap)}
.onyt-card.is-feature{grid-column:span 2;grid-row:span 2;position:relative;min-height:320px;overflow:hidden}
.onyt-card.is-feature .onyt-thumb{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.onyt-card.is-feature .onyt-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.78) 100%);pointer-events:none}
.onyt-card.is-feature .onyt-tx{position:absolute;left:0;right:0;bottom:0;padding:28px 30px;pointer-events:none;z-index:2}
.onyt-card.is-feature .onyt-t{font-size:clamp(17px,1.7vw,23px);line-height:1.4;color:#fff;-webkit-line-clamp:2}
.onyt-card.is-feature:hover .onyt-t{color:#fff}
.onyt-card.is-feature .onyt-m{color:rgba(255,255,255,.72)}
.onyt-card.is-feature .onyt-play{top:28px;left:auto;right:28px;transform:none;width:56px;height:56px}
.onyt-card.is-feature:hover .onyt-play{width:64px;height:64px}
.onyt-card.is-feature .onyt-thumb.is-playing::after{display:none}
.onyt-card.is-feature.is-playing-card .onyt-tx{display:none}

/* 슬라이드·쇼츠 공통 레일 */
.onyt-rail{position:relative}
.onyt-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--onyt-cols,3) - 1) * var(--onyt-gap)) / var(--onyt-cols,3));gap:var(--onyt-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:0;overscroll-behavior-x:contain}
.onyt-track::-webkit-scrollbar{display:none}
.onyt-track>*{scroll-snap-align:start}

/* 쇼츠 */
.onyt--shorts{--onyt-gap:14px}
.onyt--shorts .onyt-track{grid-auto-columns:calc((100% - (var(--onyt-cols,3) + 1) * var(--onyt-gap)) / (var(--onyt-cols,3) + 2))}
.onyt-card--short{position:relative;overflow:hidden}
.onyt-card--short .onyt-thumb{aspect-ratio:9/16}
.onyt-card--short .onyt-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.75) 100%);pointer-events:none}
.onyt-card--short .onyt-tx{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 16px;z-index:2;pointer-events:none}
.onyt-card--short .onyt-t{font-size:13.5px;color:#fff}
.onyt-card--short:hover .onyt-t{color:#fff}
.onyt-card--short .onyt-m{color:rgba(255,255,255,.72);font-size:11.5px}
.onyt-card--short .onyt-play{left:auto;right:0;top:0;bottom:auto;width:36px;height:36px}
.onyt-card--short .onyt-play svg{width:13px;height:13px}
.onyt-card--short:hover .onyt-play{width:42px;height:42px}
.onyt-card--short .onyt-new{z-index:1}
.onyt-card--short .onyt-thumb.is-playing::after{display:none}
.onyt-card--short.is-playing-card .onyt-tx{display:none}
.onyt-grid .onyt-card--short .onyt-thumb{aspect-ratio:9/16}

/* 쇼케이스 */
.onyt-sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34%);border:1px solid var(--onyt-line)}
.onyt-stage{min-width:0}
.onyt-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.onyt-frame .onyt-thumb{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.onyt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.onyt-stage-info{padding:24px 28px 28px}
.onyt-stage-t{margin:0;padding:0;font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.4;letter-spacing:-.015em;color:var(--onyt-fg)}
.onyt-stage-m{margin:8px 0 0;font-size:12.5px;color:var(--onyt-fg2)}
.onyt-stage-d{margin:14px 0 0;font-size:13.5px;line-height:1.7;color:var(--onyt-fg2)}
.onyt-stage-m[hidden],.onyt-stage-d[hidden]{display:none}
.onyt-plist{position:relative;border-left:1px solid var(--onyt-line);min-height:300px}
.onyt-plist-h{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 20px;border-bottom:1px solid var(--onyt-line)}
.onyt-plist-h b{font-size:13.5px;font-weight:600}
.onyt-plist-h span{font-size:12px;color:var(--onyt-fg2)}
.onyt-plist-in{position:absolute;top:52px;left:0;right:0;bottom:0;overflow-y:auto;scrollbar-width:thin}
.onyt-pi{display:grid;grid-template-columns:22px 118px minmax(0,1fr);gap:12px;align-items:center;padding:12px 18px 12px 14px;border-bottom:1px solid var(--onyt-line);position:relative;transition:background .2s}
.onyt-pi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--onyt-c);opacity:0;transition:opacity .2s}
.onyt-pi:hover{background:rgba(127,127,127,.06)}
.onyt-pi.is-on::before{opacity:1}
.onyt-pi-n{font-size:11px;font-weight:600;color:var(--onyt-fg2);text-align:center;font-variant-numeric:tabular-nums}
.onyt-pi.is-on .onyt-pi-n{color:var(--onyt-c)}
.onyt-pi .onyt-tx{padding:0}
.onyt-pi .onyt-t{font-size:13px;line-height:1.45}
.onyt-pi.is-on .onyt-t{color:var(--onyt-c)}
.onyt-pi .onyt-m{font-size:11.5px;margin-top:4px}
.onyt-pi .onyt-dur{right:4px;bottom:4px;font-size:10px;padding:2px 4px}
.onyt-pi .onyt-new{display:none}
.onyt-eq{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:3px;background:rgba(0,0,0,.45)}
.onyt-eq i{width:3px;height:14px;background:#fff}
.onyt-pi.is-on .onyt-eq{display:flex}

/* 시네마 */
.onyt-cine{position:relative;overflow:hidden;background:#0b0d12;color:#fff;--onyt-fg:#fff;--onyt-fg2:rgba(255,255,255,.6);--onyt-line:rgba(255,255,255,.14)}
.onyt-cine-bg{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(48px) saturate(1.25);opacity:.38;transition:opacity .5s;pointer-events:none}
.onyt-cine::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,18,.92) 0%,rgba(11,13,18,.55) 55%,rgba(11,13,18,.75) 100%);pointer-events:none;z-index:1}
.onyt-cine-in{position:relative;z-index:2;padding:clamp(40px,5.5vw,84px) clamp(20px,4.5vw,72px)}
.onyt-cine-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.5vw,64px);align-items:center}
.onyt-cine-head{margin:0 0 6px;font-size:13px;color:rgba(255,255,255,.62)}
.onyt-cine .onyt-stage-t{font-size:clamp(22px,2.5vw,36px);line-height:1.32;letter-spacing:-.025em;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.onyt-cine .onyt-stage-m{margin-top:14px;font-size:13px}
.onyt-cine .onyt-stage-d{font-size:14px;max-width:460px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.onyt-cine-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.onyt-cine-media .onyt-frame{box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.onyt-cine-rail{margin-top:clamp(40px,4.5vw,64px)}
.onyt-cine-rh{display:flex;align-items:center;justify-content:space-between;padding-top:18px;margin-bottom:18px;border-top:1px solid rgba(255,255,255,.14)}
.onyt-cine-rh b{font-size:13px;font-weight:600;letter-spacing:.02em}
.onyt-cine-rh .onyt-arr{width:36px;height:36px;color:#fff;border-color:rgba(255,255,255,.22)}
.onyt-cine-rh .onyt-arr:hover{background:#fff;border-color:#fff}
.onyt-cine .onyt-track{--onyt-cols:4;--onyt-gap:16px}
.onyt-cine .onyt-card .onyt-t{font-size:13px;color:rgba(255,255,255,.88)}
.onyt-cine .onyt-card .onyt-tx{padding-top:10px}
.onyt-cine .onyt-card .onyt-play{width:34px;height:34px}
.onyt-cine .onyt-card .onyt-play svg{width:12px;height:12px}
.onyt-cine .onyt-card .onyt-thumb::after{content:"";position:absolute;inset:0;border:2px solid var(--onyt-c);opacity:0;transition:opacity .2s;pointer-events:none}
.onyt-cine .onyt-card.is-on .onyt-thumb::after{opacity:1}
.onyt-cine .onyt-card.is-on .onyt-t{color:#fff}
.onyt--cinema.is-light .onyt-cine{background:#fff;color:#111418;--onyt-fg:#111418;--onyt-fg2:#6b7079;--onyt-line:#e7e8eb}
.onyt--cinema.is-light .onyt-cine::before{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.7) 55%,rgba(255,255,255,.85) 100%)}
.onyt--cinema.is-light .onyt-cine-bg{opacity:.5}
.onyt--cinema.is-light .onyt-stage-t,.onyt--cinema.is-light .onyt-card .onyt-t,.onyt--cinema.is-light .onyt-card.is-on .onyt-t{color:#111418}
.onyt--cinema.is-light .onyt-cine-head{color:#6b7079}
.onyt--cinema.is-light .onyt-cine-rh{border-color:#e7e8eb}
.onyt--cinema.is-light .onyt-cine-rh .onyt-arr{color:#111418;border-color:#e7e8eb}
.onyt--cinema.is-light .onyt-cine-rh .onyt-arr:hover{background:#111418;color:#fff}
.onyt--cinema.is-light .onyt-btn-ghost{color:#111418;border-color:#d5d7db}

/* 버튼 */
.onyt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border:1px solid transparent;font-size:13.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s;white-space:nowrap}
.onyt-btn svg{width:15px;height:15px;fill:currentColor;flex:none}
.onyt-btn-point{background:var(--onyt-c);color:#fff;border-color:var(--onyt-c)}
.onyt-btn-point:hover{opacity:.88}
.onyt-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}
.onyt-btn-ghost:hover{border-color:#fff}
.onyt-btn-line{background:transparent;color:var(--onyt-fg);border-color:var(--onyt-line);min-width:200px}
.onyt-btn-line:hover{border-color:var(--onyt-fg)}
.onyt-btn-line span{font-size:16px;font-weight:400}
.onyt-more{display:flex;justify-content:center;margin-top:44px}

/* 안내 */
.onyt-notice{padding:16px 18px;border:1px dashed #c3c6cc;background:#fff;color:#3c434a;font-size:13px}
.onyt-notice small{color:#8c8f94}
.onyt-stale{margin:14px 0 0;font-size:12px;color:var(--onyt-fg2)}

/* 키보드 이동 표시 */
.onyt a:focus-visible,.onyt button:focus-visible,.onyt-track:focus-visible{outline:2px solid var(--onyt-c);outline-offset:2px}

/* 팝업 재생 */
.onyt-pop{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(6,7,10,.94);opacity:0;transition:opacity .25s;font-family:inherit}
.onyt-pop.is-open{opacity:1}
.onyt-pop *{box-sizing:border-box}
.onyt-pop-box{position:relative;width:min(1120px,calc(100vw - 140px),calc((100vh - 170px) * 16 / 9))}
.onyt-pop.is-short .onyt-pop-box{width:min(420px,calc(100vw - 40px),calc((100vh - 170px) * 9 / 16))}
.onyt-pop-frame{position:relative;aspect-ratio:16/9;background:#000}
.onyt-pop.is-short .onyt-pop-frame{aspect-ratio:9/16}
.onyt-pop-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.onyt-pop-cap{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:16px;color:#fff}
.onyt-pop-t{margin:0;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
.onyt-pop-m{display:block;margin-top:4px;font-size:12px;opacity:.55;font-weight:400}
.onyt-pop-n{flex:none;font-size:12px;opacity:.55;font-variant-numeric:tabular-nums;padding-top:3px}
.onyt-pop-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;margin:0;background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s;border-radius:0}
.onyt-pop-btn:hover{background:#fff;color:#000;border-color:#fff}
.onyt-pop-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.onyt-pop-x{top:20px;right:20px;position:fixed}
.onyt-pop-prev{left:24px;top:50%;transform:translateY(-50%);position:fixed}
.onyt-pop-next{right:24px;top:50%;transform:translateY(-50%);position:fixed}
.onyt-pop-btn[hidden]{display:none}
html.onyt-lock,html.onyt-lock body{overflow:hidden!important}

/* 태블릿 */
@media (max-width:1024px){
	.onyt-mag{grid-template-columns:repeat(3,minmax(0,1fr))}
	.onyt-card.is-feature{grid-column:span 3;grid-row:auto;min-height:0}
	.onyt-card.is-feature .onyt-thumb{position:relative;aspect-ratio:16/9;height:auto}
	.onyt-sc{grid-template-columns:minmax(0,1fr)}
	.onyt-plist{border-left:0;border-top:1px solid var(--onyt-line);min-height:0}
	.onyt-plist-in{position:static;max-height:380px}
	.onyt-cine-stage{grid-template-columns:minmax(0,1fr)}
	.onyt-cine-media{order:-1}
	.onyt-cine .onyt-track{--onyt-cols:3}
	.onyt.c4,.onyt.c5,.onyt.c6{--onyt-cols:3}
}

/* 모바일 */
@media (max-width:767px){
	.onyt{--onyt-gap:12px}
	.onyt.is-dark{padding:36px 16px}
	.onyt-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}
	.onyt-head-r{width:100%;justify-content:space-between}
	.onyt-h{font-size:20px}
	.onyt-hs{font-size:13px}
	.onyt-grid{grid-template-columns:repeat(var(--onyt-mcols,2),minmax(0,1fr));gap:22px var(--onyt-gap)}
	.onyt-tx{padding-top:9px}
	.onyt-t{font-size:13px;line-height:1.42}
	.onyt-m{font-size:11px;margin-top:4px}
	.onyt-play{width:32px;height:32px}
	.onyt-play svg{width:12px;height:12px}
	.onyt-card:hover .onyt-play{width:32px;height:32px}
	.onyt-stage-btn .onyt-play,.onyt-card.is-feature .onyt-play,.onyt-stage-btn:hover .onyt-play{width:54px;height:54px}
	.onyt-card.is-feature:hover .onyt-play{width:44px;height:44px}
	.onyt-card.is-feature .onyt-play{width:44px;height:44px;top:14px;right:14px}
	.onyt-mag{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px var(--onyt-gap)}
	.onyt-card.is-feature{grid-column:span 2}
	.onyt-card.is-feature .onyt-tx{padding:16px 16px 18px}
	.onyt-card.is-feature .onyt-t{font-size:15.5px}
	.onyt-card--row{grid-template-columns:130px minmax(0,1fr);gap:14px;padding:14px 0}
	.onyt-card--row .onyt-t{font-size:13.5px}
	.onyt-card--row .onyt-d{display:none}
	.onyt-card--row .onyt-m{margin-top:6px}
	.onyt-track{grid-auto-columns:72%}
	.onyt--shorts .onyt-track{grid-auto-columns:44%}
	.onyt--shorts .onyt-t{font-size:12.5px}
	.onyt-stage-info{padding:16px 16px 20px}
	.onyt-stage-d{font-size:13px}
	.onyt-pi{grid-template-columns:96px minmax(0,1fr);padding:10px 12px}
	.onyt-pi-n{display:none}
	.onyt-pi .onyt-t{font-size:12.5px}
	.onyt-cine-in{padding:28px 16px 36px}
	.onyt-cine .onyt-stage-t{font-size:20px}
	.onyt-cine .onyt-stage-d{font-size:13px}
	.onyt-cine-btns{margin-top:20px}
	.onyt-cine .onyt-btn{height:42px;padding:0 16px;font-size:13px;flex:1}
	.onyt-cine .onyt-track{grid-auto-columns:46%}
	.onyt-cine .onyt-card .onyt-t{font-size:12px}
	.onyt-btn-line{min-width:0;width:100%}
	.onyt-more{margin-top:28px}
	.onyt-ch-tx b{max-width:120px}
	.onyt-pop-box{width:calc(100vw - 24px)}
	.onyt-pop.is-short .onyt-pop-box{width:min(calc(100vw - 24px),calc((100vh - 150px) * 9 / 16))}
	.onyt-pop-prev,.onyt-pop-next{top:auto;bottom:18px;transform:none;width:46px;height:46px}
	.onyt-pop-prev{left:12px}
	.onyt-pop-next{right:12px}
	.onyt-pop-x{top:12px;right:12px;width:44px;height:44px}
	.onyt-pop-t{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
	.onyt *,.onyt-pop{transition:none!important}
	.onyt-track{scroll-behavior:auto}
}