.yoan-ytv-wrap{width:100%;display:grid;gap:28px;justify-items:center;color:#f6f1e8}
.yoan-ytv-tv{width:100%;max-width:980px;position:relative;padding:18px 18px 0;background:linear-gradient(145deg,#2a2f39,#07080b 70%);border-radius:34px 34px 18px 18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 45px 130px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,255,255,.04)}
.yoan-ytv-frame-glow{position:absolute;inset:0;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 30%,rgba(201,161,93,.08));pointer-events:none}
.yoan-ytv-screen{position:relative;overflow:hidden;background:#050608;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 60px rgba(0,0,0,.8)}
.yoan-ytv-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.08)}
.yoan-ytv-channel strong{display:block;color:#c9a15d;font-size:18px}.yoan-ytv-channel span{display:block;color:#aeb0b6;font-size:13px;margin-top:2px}
.yoan-ytv-live{display:inline-flex;padding:8px 13px;border-radius:999px;background:#c9a15d;color:#111;font-weight:900;font-size:12px;text-transform:uppercase}
.yoan-ytv-player{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(circle at center,#151821,#000)}
.yoan-ytv-player iframe{width:100%;height:100%;border:0;display:block}
.yoan-ytv-empty{height:100%;display:grid;place-items:center;color:#aeb0b6}
.yoan-ytv-stand{width:110px;height:40px;background:linear-gradient(180deg,#1d222c,#07080b);margin:0 auto;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}
.yoan-ytv-base{width:320px;height:18px;background:linear-gradient(180deg,#2c3340,#090a0d);border-radius:999px;margin:0 auto 0;box-shadow:0 15px 35px rgba(0,0,0,.45)}
.yoan-ytv-remote{position:absolute;right:28px;bottom:-22px;width:56px;height:116px;border-radius:28px;background:linear-gradient(180deg,#191d24,#050608);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.45);display:grid;place-items:center;padding:18px 0}
.yoan-ytv-remote span{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.16);display:block}
.yoan-ytv-carousel{width:min(980px,100%);display:flex;gap:16px;overflow-x:auto;padding:8px 2px 18px;scroll-snap-type:x proximity}
.yoan-ytv-carousel::-webkit-scrollbar{height:8px}.yoan-ytv-carousel::-webkit-scrollbar-thumb{background:rgba(201,161,93,.45);border-radius:999px}
.yoan-ytv-card{flex:0 0 245px;text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:10px;color:#f6f1e8;cursor:pointer;scroll-snap-align:start;transition:.25s ease}
.yoan-ytv-card:hover,.yoan-ytv-card.is-active{transform:translateY(-4px);border-color:rgba(201,161,93,.7)}
.yoan-ytv-thumb{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111;margin-bottom:10px}
.yoan-ytv-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}.yoan-ytv-card:hover img{transform:scale(1.06)}
.yoan-ytv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#c9a15d;color:#111;font-weight:900}
.yoan-ytv-card strong{font-size:14px;line-height:1.35;display:block}
@media(max-width:767px){.yoan-ytv-tv{border-radius:24px;padding:10px 10px 0}.yoan-ytv-topbar{padding:14px}.yoan-ytv-remote{display:none}.yoan-ytv-base{width:220px}.yoan-ytv-card{flex-basis:220px}}