/* Styles + arrows + mobile rules */
:root { --cytp-bg:#0b1c3a; --cytp-card:#fff; --cytp-muted:#e2e8f0; --cytp-text:#0f172a; --cytp-text-muted:#475569; --cytp-accent:#0ea5e9; }
.cytp-wrap{color:var(--cytp-text);}
.cytp-strip-outer{position:relative;}
.cytp-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:16px;overflow-x:auto;padding:12px;background:var(--cytp-bg);border-radius:14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.cytp-item{scroll-snap-align:start;border:none;background:transparent;text-align:left;cursor:pointer;color:#fff;padding:6px;border-radius:12px;outline:none;display:flex;flex-direction:column;gap:8px;min-width:180px;}
.cytp-item.is-active{background:rgba(255,255,255,.08);}
.cytp-thumb{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#0f172a;}
.cytp-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.cytp-play-icon{position:absolute;inset:auto 10px 10px auto;width:22px;height:22px;background:#fff;mask:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23000\" d=\"M8 5v14l11-7z\"/></svg>') center/70% no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23000\" d=\"M8 5v14l11-7z\"/></svg>') center/70% no-repeat;border-radius:999px;opacity:.9}
.cytp-title{color:#e2e8f0;font-size:14px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;}
.cytp-player{margin-top:16px;border-radius:16px;overflow:hidden;background:var(--cytp-card);box-shadow:0 6px 18px rgba(2,8,20,.08);}
.cytp-iframe{width:100%;aspect-ratio:16/9;border:0;display:block;}
/* arrows */
.cytp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.25);backdrop-filter:saturate(125%) blur(2px);cursor:pointer;z-index:2;}
.cytp-arrow:after{content:'';position:absolute;inset:0;margin:auto;width:12px;height:12px;background:#fff;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat;opacity:.9}
.cytp-prev{left:6px}
.cytp-prev:after{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23000\" d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\" 0 0 24 24\"><path fill=\"%23000\" d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\"/></svg>');}
.cytp-next{right:6px}
.cytp-next:after{mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23000\" d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\"/></svg>');-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"%23000\" d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\"/></svg>');}
/* hide arrows on mobile; swipe stays */
@media (max-width: 767px){ .cytp-arrow{display:none!important;} .cytp-strip{grid-auto-columns:78%;gap:12px;padding:10px;} }
/* <=2 items: center and remove scrollbars/snap */
.cytp-strip.cytp-noscroll{overflow:visible;scroll-snap-type:none;}
.cytp-strip.cytp-center{justify-content:center;display:flex;}