.ytcs-slider{position:relative;width:var(--ytcs-width,100%);margin:16px auto;border:1px solid #e5e7eb;border-radius:var(--ytcs-radius,12px);background:var(--ytcs-bg,#fff);box-shadow:var(--ytcs-shadow,none);padding:10px}
.ytcs-viewport{overflow:hidden;border-radius:var(--ytcs-radius,12px)}
.ytcs-track{display:flex;transition:transform .35s ease;will-change:transform}
.ytcs-slide{flex:0 0 auto;padding:14px;box-sizing:border-box}
.ytcs-bubble{height:100%;background:var(--ytcs-bubble,#f8fafc);border:1px solid rgba(148,163,184,.35);border-radius:calc(var(--ytcs-radius,12px) - 2px);padding:16px}
.ytcs-text{font-size:16px;line-height:1.6;color:var(--ytcs-text,#0f172a);white-space:pre-wrap}
.ytcs-meta{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ytcs-meta,#475569)}
.ytcs-meta-top{margin-top:0;margin-bottom:12px}
.ytcs-avatar{border-radius:999px;object-fit:cover;flex:0 0 auto;border:1px solid rgba(148,163,184,.35)}
.ytcs-author{font-weight:600;color:var(--ytcs-text,#0f172a)}
.ytcs-like{margin-left:auto;color:#b91c1c;font-weight:600}
.ytcs-link{color:#2563eb;text-decoration:none}
.ytcs-link:hover{text-decoration:underline}

.ytcs-nav-btn{position:absolute;top:50%;transform:translateY(-50%);border:0;background:var(--ytcs-nav-bg,rgba(15,23,42,.08));color:var(--ytcs-nav-text,#0f172a);width:38px;height:38px;border-radius:999px;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;backdrop-filter:saturate(120%) blur(6px)}
.ytcs-nav-btn:hover{filter:brightness(0.96)}
.ytcs-nav-prev{left:14px}
.ytcs-nav-next{right:14px}

.ytcs-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px;pointer-events:auto}
.ytcs-dots button.ytcs-dot-btn{width:8px;height:8px;border-radius:999px;background:rgba(148,163,184,.9);border:0;cursor:pointer;padding:0;line-height:0}
.ytcs-dots button.ytcs-dot-btn.is-active{background:rgba(15,23,42,.85)}