.tvx-clips .tvx-clip .tvs-clip-bg{filter:blur(28px) brightness(.55);transform:scale(1.15)}
.tvx-clips span.tvs-clip-bg{position:absolute;inset:0;background:#111}
.tvx-clips video.tvx-cv{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;z-index:1;cursor:pointer}
.tvx-clips .tvx-clip .tvs-rail,.tvx-clips .tvx-clip .tvs-clip-info{z-index:3}
.tvx-cv-snd{position:absolute;z-index:4;left:12px;top:64px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.tvx-cv-snd .w{display:none}.tvx-cv-snd.on .w{display:inline}.tvx-cv-snd.on .x{display:none}
.tvx-cv-play{position:absolute;z-index:2;left:50%;top:50%;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .2s}
.tvx-clip.is-paused .tvx-cv-play{opacity:1}
.tvx-cv-bar{position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25);pointer-events:none}
.tvx-cv-bar i{display:block;height:100%;width:0;background:#fff}
.tvx-up.shake{animation:tvxSh .4s}@keyframes tvxSh{25%{transform:translateX(calc(-50% - 6px))}75%{transform:translateX(calc(-50% + 6px))}}
.tvx-cv-del{position:absolute;z-index:4;left:56px;top:64px;height:38px;padding:0 14px;border-radius:999px;border:0;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.tvx-clipbar{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.tvx-clipbar-t{color:#fff;font-weight:800;font-size:1rem;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.tvx-clip-add{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;border:0;background:linear-gradient(115deg,#FF6376,#E83869);color:#fff;font:inherit;font-weight:800;font-size:.9rem;cursor:pointer;box-shadow:0 6px 16px rgba(232,56,105,.35)}
.tvx-cnav{display:none}
/* คอม: หน้าคลิป 4 ช่อง โทนสว่าง — เมนู | คลิป | รายละเอียด+ความเห็น | คลิปอื่น+มาแรง */
@media (min-width:761px){
body.tvs-page-clips footer,body.tvs-page-clips .tv-footer{display:none!important}
html body main.tvx-clips{background:#F4F5F2!important;--tvx-top:105px;height:calc(100vh - var(--tvx-top));overflow:hidden}
html body main.tvx-clips .tvs-layout-clips{max-width:1400px!important;margin-left:auto!important;margin-right:auto!important;height:100%;align-items:stretch;grid-template-rows:minmax(0,100%)!important;grid-template-columns:220px minmax(0,1fr) 260px!important;gap:24px!important}
html body main.tvx-clips .tvs-layout-clips.tvx-4{grid-template-columns:210px minmax(0,1fr) 320px 230px!important}
html body main.tvx-clips .tvs-side,html body main.tvx-clips .tvx-cd{display:block!important;padding:20px 0 20px!important;height:100%;overflow:auto;scrollbar-width:none}
html body main.tvx-clips .tvs-side::-webkit-scrollbar,html body main.tvx-clips .tvx-cd::-webkit-scrollbar{display:none}
html body main.tvx-clips .tvs-side-in{position:static!important;padding-top:0!important}
html body main.tvx-clips .tvx-lm{position:static!important;top:auto!important}
html body main.tvx-clips .tvx-clipbar{display:none!important}
/* ช่องคลิป */
html body main.tvx-clips .tvs-clip-col{position:relative;height:100%;max-height:none}
html body main.tvx-clips .tvs-clips{height:100%!important;max-height:none!important;width:100%!important;max-width:none!important;margin:0!important;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;padding:0!important;background:transparent!important}
html body main.tvx-clips .tvs-clips::-webkit-scrollbar{display:none}
html body main.tvx-clips .tvs-clips>.tvs-clip{--h:calc(100vh - var(--tvx-top) - 40px);height:var(--h)!important;min-height:0!important;width:min(calc(var(--h) * .5625),calc(100% - 140px))!important;max-width:none!important;margin:20px auto!important;border-radius:20px!important;overflow:visible!important;background:#0E1114!important;scroll-snap-align:center;scroll-snap-stop:always;transform:translateX(-34px);box-shadow:0 24px 50px -26px rgba(16,32,43,.55)!important}
html body main.tvx-clips .tvs-clips>.tvx-clip-empty{transform:none;background:#fff!important;color:#16202B;border:1px solid #E6E9EC}
html body main.tvx-clips .tvx-clip .tvs-clip-bg{display:none!important}
html body main.tvx-clips .tvx-clip video.tvx-cv{border-radius:20px;background:#0E1114;inset:0;width:100%;height:100%}
html body main.tvx-clips .tvx-clip .tvs-clip-card{display:none!important}
html body main.tvx-clips .tvx-clip .tvs-clip-info{left:0!important;right:0!important;bottom:0!important;width:auto!important;padding:60px 16px 22px!important;background:linear-gradient(transparent,rgba(0,0,0,.6))!important;border-radius:0 0 20px 20px}
html body main.tvx-clips .tvx-clip .tvs-place-line,html body main.tvx-clips .tvx-clip .tvs-place-line a,html body main.tvx-clips .tvx-clip .tvs-clip-who .tvs-name{color:#fff!important}
html body main.tvx-clips .tvx-clip .tvs-cap{display:none!important}
html body main.tvx-clips .tvx-clip .tvx-cv-bar{left:16px!important;right:16px!important;bottom:9px!important;border-radius:3px;overflow:hidden}
html body main.tvx-clips .tvx-cv-snd,html body main.tvx-clips .tvx-cv-del{top:14px!important}
html body main.tvx-clips .tvx-cv-snd{left:14px!important}
html body main.tvx-clips .tvx-cv-del{left:60px!important}
html body main.tvx-clips .tvx-clip .tvs-rail{top:auto!important;bottom:0!important;right:-74px!important;left:auto!important;width:58px!important;gap:12px!important;display:flex;flex-direction:column;align-items:center}
html body main.tvx-clips .tvx-clip .tvs-rail-btn{color:#16202B!important;display:flex;flex-direction:column;align-items:center;gap:4px;background:none!important;padding:0!important;filter:none!important;text-shadow:none!important}
html body main.tvx-clips .tvx-clip .tvs-rail-btn svg{width:46px!important;height:46px!important;padding:12px;box-sizing:border-box;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #E3E7EA,0 6px 14px -8px rgba(16,32,43,.3);transition:background .15s,transform .15s;filter:none!important}
html body main.tvx-clips .tvx-clip .tvs-rail-btn:hover svg{background:#F1F3F5;transform:scale(1.05)}
html body main.tvx-clips .tvx-clip .tvs-rail-btn[aria-pressed="true"] svg{color:#E8445A;fill:#E8445A}
html body main.tvx-clips .tvx-clip .tvs-rail-btn span{font-size:.74rem;font-weight:700;color:#4A5560!important;text-shadow:none!important}
html body main.tvx-clips .tvx-clip .tvs-rail-av{margin-bottom:4px}
html body main.tvx-clips .tvx-clip .tvs-rail-av .tvs-av{width:46px!important;height:46px!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #E3E7EA!important}
.tvx-cnav{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:6}
.tvx-cnav button{width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#16202B;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px #E3E7EA,0 6px 14px -8px rgba(16,32,43,.3);transition:background .15s,opacity .15s}
.tvx-cnav button:hover{background:#F1F3F5}
.tvx-cnav button:disabled{opacity:.35;cursor:default}
/* ช่องรายละเอียด + ความเห็น */
.tvx-cd{display:flex!important;flex-direction:column;gap:14px}
.tvx-cd-card{background:#fff;border:1px solid #E6E9EC;border-radius:18px;padding:16px}
.tvx-cd-who{display:flex;align-items:center;gap:10px}
.tvx-cd-who a,.tvx-cd-who>span{display:block;flex:0 0 auto;text-decoration:none}
.tvx-cd-who .tvs-av{width:44px!important;height:44px!important}
.tvx-cd-who b{display:block;font-size:1rem;color:#16202B;line-height:1.3}
.tvx-cd-who small{display:block;font-size:.8rem;color:#6B7680}
.tvx-cd-cap{margin:12px 0 0;color:#2B3640;line-height:1.6;font-size:.95rem;white-space:pre-line}
.tvx-cd-place{display:flex;gap:12px;align-items:center;margin-top:14px;padding:10px;border-radius:14px;background:#F4F6F7;text-decoration:none!important;transition:background .15s}
.tvx-cd-place:hover{background:#ECEFF1}
.tvx-cd-place .im{width:56px;height:56px;border-radius:10px;background:#DDE2E6 center/cover;flex:0 0 auto}
.tvx-cd-place small{display:block;font-size:.74rem;color:#6B7680}
.tvx-cd-place b{display:block;font-size:1rem;color:#16202B;line-height:1.3}
.tvx-cd-place em{display:block;font-style:normal;font-size:.82rem;color:#6B7680}
.tvx-cd-go{display:flex;align-items:center;justify-content:center;margin-top:10px;height:42px;border-radius:12px;background:#E8445A;color:#fff!important;font-weight:800;font-size:.92rem;text-decoration:none!important;transition:filter .15s}
.tvx-cd-go:hover{filter:brightness(1.06)}
.tvx-cd-cm{display:flex;flex-direction:column;flex:1 1 auto;min-height:260px}
.tvx-cd-cm h3{margin:0 0 10px;font-size:.95rem;font-weight:800;color:#16202B;display:flex;align-items:center;gap:8px}
.tvx-cd-cm h3 span{font-size:.75rem;background:#F1F3F5;color:#4A5560;border-radius:999px;padding:2px 8px}
.tvx-cd-cm .tvs-cmts:not([hidden]){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:0!important;padding:0!important;border:0!important}
.tvx-cd-cm .tvs-cmt-list{flex:1 1 auto;overflow:auto;margin:0 0 10px!important;padding:0!important}
.tvx-cd-cm .tvs-cmt-form{margin-top:auto}
/* ช่องคลิปอื่น */
.tvx-cg{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;background:#fff;border:1px solid #E6E9EC;border-radius:18px;padding:14px}
.tvx-cg .tvx-cp-add{background:#F7F8F9}
html body main.tvx-clips .tvx-clip .tvs-clip-info{display:none!important}
.tvx-cd-shot{margin:10px 0 0;font-size:.84rem;color:#4A5560}
.tvx-cd-st{margin-top:10px;padding:10px 12px;border-radius:12px;background:#F4F6F7;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.tvx-cd-st b{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#16202B}
.tvx-cd-st b i{width:9px;height:9px;border-radius:50%;background:#9AA3AB}
.tvx-cd-st.go{background:#E8F5EC}.tvx-cd-st.go b i{background:#22A55B}
.tvx-cd-st.ca{background:#FFF5E0}.tvx-cd-st.ca b i{background:#E8A21A}
.tvx-cd-st.no{background:#FDECEE}.tvx-cd-st.no b i{background:#D9384E}
.tvx-cd-st span{font-size:.82rem;color:#4A5560}
.tvx-cd-st small{flex-basis:100%;font-size:.78rem;color:#6B7680;line-height:1.45}
.tvx-cd-mon{margin-top:12px}
.tvx-cd-k{margin:0 0 6px;font-size:.78rem;font-weight:800;color:#6B7680}
.tvx-cd-mrow{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.tvx-cd-mrow span{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:default}
.tvx-cd-mrow i{display:block;width:100%;height:22px;border-radius:5px;background:#EEF0F2}
.tvx-cd-mrow .b i{background:#3DBA74}
.tvx-cd-mrow .now i{box-shadow:0 0 0 2px #16202B}
.tvx-cd-mrow .shot i::after{content:"";position:absolute;left:50%;top:8px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#E8445A;box-shadow:0 0 0 2px #fff}
.tvx-cd-mrow em{font-style:normal;font-size:.62rem;color:#6B7680;line-height:1}
.tvx-cd-mrow .now em{color:#16202B;font-weight:800}
.tvx-cd-mrow u{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#9AA3AB}
.tvx-cd-mrow u.c3{background:#D9384E}.tvx-cd-mrow u.c2{background:#E8A21A}.tvx-cd-mrow u.c1{background:#22A55B}
.tvx-cd-leg{display:flex;gap:12px;margin:8px 0 0;font-size:.72rem;color:#6B7680}
.tvx-cd-leg span{display:flex;align-items:center;gap:5px}
.tvx-cd-leg i{width:10px;height:10px;border-radius:3px;background:#EEF0F2}
.tvx-cd-leg .lb{background:#3DBA74}.tvx-cd-leg .ln{box-shadow:0 0 0 2px #16202B;background:#fff}.tvx-cd-leg .ls{border-radius:50%;background:#E8445A}

.tvx-cd-cm .tvs-cmt-form button{background:#E8445A!important;border-color:#E8445A!important;color:#fff!important}
.tvx-cd-cm .tvs-cmt-form textarea:focus{outline:2px solid rgba(232,68,90,.35)!important;border-color:#E8445A!important}
.tvx-cp-k{font-size:.78rem;font-weight:800;color:#6B7680;margin:0}
.tvx-cp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:3px}
.tvx-cp-grid button{position:relative;aspect-ratio:9/16;border:0;border-radius:12px;background:#DDE2E6 center/cover;cursor:pointer;padding:0;overflow:hidden;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s}
.tvx-cp-grid button:hover{transform:translateY(-2px)}
.tvx-cp-grid button.on{outline-color:#E8445A}
.tvx-cp-grid button span{position:absolute;left:0;right:0;bottom:0;padding:18px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:.72rem;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvx-cp-add{display:flex;align-items:center;justify-content:center;height:40px;border-radius:12px;border:1px dashed #C6CDD3;background:#fff;color:#4A5560;font:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.tvx-cp-add:hover{border-color:#E8445A;color:#E8445A}
html body main.tvx-clips .tvs-side-r .tvs-box{background:#fff!important;border:1px solid #E6E9EC!important;box-shadow:none!important;color:#16202B!important}
html body main.tvx-clips .tvs-side-r .tvs-box :is(h2,h3,b,strong,a:not(.tvs-btn)){color:#16202B!important}
html body main.tvx-clips .tvs-side-r .tvs-box :is(small,p,.tvs-muted){color:#6B7680!important}
html body main.tvx-clips .tvs-side-r .tvs-box li{border-color:#EEF0F2!important}
/* v2: จัดคลิป+ปุ่มให้เป็นกลุ่มเดียว, ช่องรายละเอียดสูงเต็มจอ ความเห็นเลื่อนในกล่อง */
html body main.tvx-clips .tvs-clip-col{--cw:min(calc((100vh - var(--tvx-top) - 40px) * .5625),calc(100% - 140px))}
html body main.tvx-clips .tvx-cnav{right:auto!important;top:20px!important;transform:none!important;left:calc(50% - 34px + var(--cw) / 2 + 22px)!important;gap:8px!important}
html body main.tvx-clips .tvx-cnav button{width:46px!important;height:46px!important}
html body main.tvx-clips .tvx-cd{display:flex!important;flex-direction:column;gap:12px}
html body main.tvx-clips .tvx-cd>.tvx-cd-card{flex:0 0 auto}
html body main.tvx-clips .tvx-cd>.tvx-cd-cm{flex:1 1 auto!important;min-height:240px}
html body main.tvx-clips .tvx-cd-card{border-radius:18px;padding:16px 16px 14px}
html body main.tvx-clips .tvx-cd-place{margin-top:12px}
html body main.tvx-clips .tvx-cd-place .im{width:52px;height:52px}
html body main.tvx-clips .tvx-cd-st,html body main.tvx-clips .tvx-cd-mon{margin-top:10px}
html body main.tvx-clips .tvx-cd-go{height:40px;margin-top:12px}
html body main.tvx-clips .tvx-cd-cm .tvs-cmt-form{display:flex;align-items:flex-end;gap:8px;padding-top:10px;border-top:1px solid #EEF0F2}
html body main.tvx-clips .tvx-cd-cm .tvs-cmt-form textarea{flex:1;min-height:42px;max-height:120px;border-radius:12px!important}
html body main.tvx-clips .tvx-cd-cm .tvs-cmt-form button{flex:0 0 auto;height:42px!important;border-radius:12px!important;padding:0 16px!important}
html body main.tvx-clips .tvx-cg{padding:14px 12px}
html body main.tvx-clips .tvx-cp-grid{gap:8px;padding:2px}
html body main.tvx-clips .tvx-cp-grid button.on{outline-width:3px;outline-offset:1px}
html body main.tvx-clips .tvx-cd-cm .tvs-cmt-form{position:sticky;bottom:-14px;z-index:2;margin:0 -16px -14px!important;padding:10px 16px 14px!important;background:#fff;border-radius:0 0 18px 18px}
html body main.tvx-clips .tvx-cd-cm .tvs-cmt-list{overflow:visible!important}
html body main.tvx-clips .tvx-cd{padding-bottom:20px!important}
}
@media (min-width:761px) and (max-width:1279px){
html body main.tvx-clips .tvs-layout-clips.tvx-4{grid-template-columns:200px minmax(0,1fr) 320px!important}
html body main.tvx-clips .tvx-4 .tvs-side-r{display:none!important}
}
@media (min-width:761px) and (max-width:1023px){
html body main.tvx-clips .tvs-layout-clips.tvx-4{grid-template-columns:minmax(0,1fr) 300px!important}
html body main.tvx-clips .tvx-4 .tvs-side-l{display:none!important}
}
@media (max-width:760px){
.tvx-clips .tvs-clips{height:calc(100dvh - 62px - env(safe-area-inset-bottom))!important;max-height:none!important}
.tvx-clips .tvs-clips>.tvs-clip{height:calc(100dvh - 62px - env(safe-area-inset-bottom))!important;min-height:0!important;border-radius:0!important}
.tvx-clips video.tvx-cv.fill{object-fit:cover}
.tvx-clips .tvx-clip .tvs-clip-card{display:none!important}
.tvx-clips .tvx-clip .tvs-rail{top:auto!important;bottom:92px!important}
.tvx-clips .tvx-clip .tvs-clip-info{bottom:12px!important;padding-right:72px!important;background:linear-gradient(transparent,rgba(0,0,0,.45));padding-top:40px}
.tvx-clips .tvs-bnav{background:#000!important;border-top-color:#1c1c1c!important;box-shadow:none!important}
.tvx-clips .tvs-bnav a{color:#9AA3AB!important}
.tvx-clips .tvs-bnav a.is-on{color:#fff!important}
.tvx-clips .tvs-bnav a.is-on svg{background:#222!important}
.tvx-clips .tvx-clip-add{display:none!important}
}
.tvx-clip .tvs-place-line{gap:6px}.tvx-clip .tvs-place-line .tvs-place{width:auto!important;flex:0 1 auto!important;min-width:0;padding-right:0!important}.tvx-clip .tvs-place-line .tvs-place-sep{margin:0!important}
.tvx-clip .tvs-rail-av a{display:block;border-radius:50%}.tvx-clip .tvs-rail-av .tvs-av-anon{cursor:default}
.tvx-clip-empty .ic{font-size:2.6rem;margin:0 0 6px!important}.tvx-clip-empty b{color:#fff!important;font-size:1.15rem}
.tvx-cu{border:0;padding:0;margin:auto;width:min(420px,100vw);height:min(860px,calc(100dvh - 32px));max-height:none;max-width:none;border-radius:22px;overflow:hidden;background:#000;color:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.tvx-cu::backdrop{background:rgba(10,14,20,.7)}
.tvx-cu[open]{display:block}
.tvx-st{display:none;position:absolute;inset:0;flex-direction:column}
.tvx-cu[data-st="wait"] .tvx-st-wait,.tvx-cu[data-st="prev"] .tvx-st-prev,.tvx-cu[data-st="post"] .tvx-st-post,.tvx-cu[data-st="place"] .tvx-st-place{display:flex}
.tvx-st-wait{align-items:center;justify-content:center;text-align:center;gap:12px;padding:30px;background:#111}
.tvx-st-wait b{font-size:1.05rem}.tvx-st-wait small{color:#A9B1B9;font-size:.85rem;line-height:1.5;max-width:300px}
.tvx-st-wait .sp{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#FF4D6A;animation:tvxSp .8s linear infinite}
@keyframes tvxSp{to{transform:rotate(360deg)}}
.tvx-wait-x{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px}
.tvx-ib{width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:17px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.tvx-st-prev{background:#000}
.tvx-pv{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.tvx-pv-top{position:absolute;left:0;right:0;top:0;padding:calc(12px + env(safe-area-inset-top)) 12px 30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(rgba(0,0,0,.45),transparent);z-index:2}
.tvx-ghost{height:38px;padding:0 16px;border-radius:999px;border:0;background:rgba(0,0,0,.45);color:#fff;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;backdrop-filter:blur(8px)}
.tvx-pv-snd{position:absolute;right:12px;top:calc(64px + env(safe-area-inset-top));z-index:2}
.tvx-pv-bot{position:absolute;left:0;right:0;bottom:0;padding:40px 14px calc(16px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px;background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:2}
.tvx-pv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:#D5DADF}
.tvx-shr{font-weight:700}.tvx-shr.ok{color:#5BE39A}.tvx-shr.bad{color:#FF8F9E}
.tvx-next{height:48px;min-width:120px;padding:0 26px;border-radius:999px;border:0;background:#FF2D55;color:#fff;font:inherit;font-weight:800;font-size:1rem;cursor:pointer}
.tvx-next:disabled{opacity:.45}
.tvx-st-post,.tvx-st-place{background:#fff;color:#16202B}
.tvx-hd{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;border-bottom:1px solid #EEF0F2}
.tvx-hd b{text-align:center;font-size:1.02rem}
.tvx-back{width:40px;height:40px;border:0;background:none;font-size:26px;line-height:1;color:#16202B;cursor:pointer;border-radius:50%}
.tvx-back[data-tvx-cu-x]{font-size:17px}
.tvx-pbody{flex:1;min-height:0;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.tvx-capbox{display:flex;gap:12px;align-items:flex-start;padding-bottom:12px;border-bottom:1px solid #EEF0F2}
.tvx-capbox textarea{flex:1;min-height:120px;border:0;outline:0;resize:none;font:inherit;font-size:1rem;color:#16202B;background:none;padding:4px 0}
.tvx-cover{width:84px;aspect-ratio:9/16;border-radius:10px;border:0;background:#111 center/cover;position:relative;flex:0 0 auto;cursor:pointer;overflow:hidden}
.tvx-cover span{position:absolute;left:0;right:0;bottom:0;padding:4px 0;background:rgba(0,0,0,.55);color:#fff;font-size:.72rem;font-weight:700}
.tvx-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;padding:10px 2px;font:inherit;cursor:pointer;color:#16202B;border-bottom:1px solid #EEF0F2}
.tvx-row .ic{width:36px;height:36px;border-radius:50%;background:#F3F4F6;display:grid;place-items:center;flex:0 0 auto}
.tvx-row .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.tvx-row .tx b{font-size:.98rem}.tvx-row .tx small{color:#8A949E;font-size:.78rem}
.tvx-row .ar{font-size:24px;color:#B4BAC1}
.tvx-row.on .ic{background:#FFE8EC}.tvx-row.on .tx b{color:#E8445A}
.tvx-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 0;padding:2px 0}
.tvx-chips::-webkit-scrollbar{display:none}
.tvx-chips button{flex:0 0 auto;border:1px solid #E1E4E8;background:#F7F8F9;border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem;font-weight:600;color:#16202B;cursor:pointer;white-space:nowrap}
.tvx-chips button.on{background:#FFE8EC;border-color:#FF8DA0;color:#C9374B}
.tvx-cu-err{margin:0!important;color:#C9374B;font-weight:700;font-size:.88rem}
.tvx-note{margin:0!important;font-size:.8rem;color:#6B7681}
.tvx-note .tvx-shr.ok{color:#17733F}.tvx-note .tvx-shr.bad{color:#C9374B}
.tvx-pfoot{padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #EEF0F2}
.tvx-post{width:100%;height:50px;border-radius:12px;border:0;background:#FF2D55;color:#fff;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer}
.tvx-post:disabled{background:#E5E7EA;color:#8A949E;cursor:default}
.tvx-hint{margin:8px 0 0!important;text-align:center;font-size:.75rem;color:#8A949E}
.tvx-sbox{padding:12px 16px 6px}
.tvx-sbox input{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:12px 14px;font:inherit;font-size:1rem;background:#F1F3F5;color:#16202B}
.tvx-loc{margin:6px 16px 0;border:0;background:#EEF4FF;color:#1D4ED8;border-radius:12px;padding:11px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;text-align:left}
.tvx-where{margin:10px 18px 2px!important;font-size:.78rem;color:#8A949E;font-weight:700}
.tvx-plist{flex:1;min-height:0;overflow:auto;padding:0 8px calc(12px + env(safe-area-inset-bottom))}
.tvx-pl{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;padding:10px 8px;font:inherit;cursor:pointer;color:#16202B;border-radius:12px}
.tvx-pl:hover{background:#F6F7F8}
.tvx-pl .im{width:44px;height:44px;border-radius:10px;background:#E9ECEF center/cover;flex:0 0 auto}
.tvx-pl .t{flex:1;min-width:0;display:flex;flex-direction:column}
.tvx-pl .t b{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tvx-pl .t small{color:#8A949E;font-size:.78rem}
.tvx-pl.on .t b{color:#E8445A}.tvx-pl.on::after{content:"✓";color:#E8445A;font-weight:800;font-size:1.1rem}
.tvx-up{position:fixed;z-index:9999;left:12px;top:calc(76px + env(safe-area-inset-top));display:flex;align-items:center;gap:10px;background:rgba(16,32,43,.92);color:#fff;border-radius:14px;padding:6px 12px 6px 6px;box-shadow:0 10px 26px -8px rgba(0,0,0,.55);max-width:calc(100vw - 24px)}
.tvx-up[hidden]{display:none}
.tvx-up .th{position:relative;width:44px;height:58px;border-radius:9px;background:#333 center/cover;flex:0 0 auto;display:grid;place-items:center;overflow:hidden}
.tvx-up .th svg{position:absolute;width:38px;height:38px;left:3px;top:10px}
.tvx-up .th svg .p{transition:stroke-dashoffset .3s}
.tvx-up .th b{position:relative;font-size:.68rem;font-weight:800;color:#fff!important}
.tvx-up .tx b{font-size:.86rem;font-weight:700;color:#fff!important;white-space:nowrap}
.tvx-up.ok .th svg .p{stroke:#34C77B}
.tvx-up-retry{border:0;border-radius:999px;background:#fff;color:#16202B;font:inherit;font-weight:800;font-size:.8rem;padding:7px 12px;cursor:pointer}
.tvx-up.shake{animation:tvxSh .4s}@keyframes tvxSh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.tvx-clip-up .tvx-up-ov{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.55);color:#fff;font-weight:800;padding:10px 16px;border-radius:999px;font-size:.9rem;pointer-events:none;backdrop-filter:blur(6px)}
@media (max-width:560px){.tvx-cu{width:100vw;height:100dvh;border-radius:0;margin:0}}