.znx-tv{container:znx/inline-size;--znx-primary:#11318a;--znx-dark:#0a1f5c;--znx-accent:#ffc000;--znx-ink:#131a2c;--znx-mute:#5b6478;--znx-soft:#eef1f8;--znx-card:#fff;--znx-line:#e3e7f1;margin:24px 0;color:var(--znx-ink)}html.zn-dark .znx-tv{--znx-ink:#e6e9f2;--znx-mute:#a9b1c6;--znx-soft:#1d2640;--znx-card:#141b2d;--znx-line:#26304b}.znx-block{background:var(--znx-card);border:1px solid var(--znx-line);border-radius:16px;padding:16px}.znx-block__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.znx-block__title{margin:0;font-size:1.3rem;line-height:1.4;color:var(--znx-primary)}html.zn-dark .znx-block__title{color:#fff}.znx-tabs{display:flex;gap:4px;max-width:100%;padding:4px;overflow-x:auto;border-radius:999px;background:var(--znx-soft);scrollbar-width:none}.znx-tabs::-webkit-scrollbar{display:none}.znx-tab{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:#fff0;color:var(--znx-ink);font:inherit;font-size:.95rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}.znx-tab:hover{background:color-mix(in srgb,var(--znx-primary) 10%,transparent)}.znx-tab[aria-selected="true"]{background:var(--znx-primary);color:#fff}.znx-tab__n{min-width:22px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:.75rem;line-height:20px;text-align:center}.znx-tab:focus-visible,.znx-thumb:focus-visible,.znx-facade:focus-visible,.znx-btn:focus-visible,.znx-now__ext:focus-visible{outline:3px solid var(--znx-accent);outline-offset:2px}.znx-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,34%);gap:16px;align-items:stretch}.znx-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000}.znx-stage__bg{position:absolute;inset:0;overflow:hidden}.znx-stage__bg img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(24px) brightness(.45);transform:scale(1.2)}.znx-stage[data-ratio="landscape"] .znx-stage__bg{display:none}.znx-stage__frame{position:absolute;inset:0}.znx-stage[data-ratio="portrait"] .znx-stage__frame{right:auto;left:50%;width:auto;height:100%;aspect-ratio:9/16;transform:translateX(-50%)}.znx-stage__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.znx-facade{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}.znx-facade img{display:block;width:100%;height:100%;object-fit:contain}.znx-facade__ph,.znx-thumb__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--znx-dark),var(--znx-primary))}.znx-play{position:absolute;top:50%;left:50%;width:72px;height:72px;border-radius:50%;background:rgb(17 49 138 / .92);box-shadow:0 6px 20px rgb(0 0 0 / .35);transform:translate(-50%,-50%);transition:background .15s,transform .15s}.znx-play::after{content:"";position:absolute;top:50%;left:54%;border-style:solid;border-width:14px 0 14px 23px;border-color:#fff0 #fff0 #fff0 #fff;transform:translate(-50%,-50%)}.znx-facade:hover .znx-play,.znx-facade:focus-visible .znx-play{background:var(--znx-accent);transform:translate(-50%,-50%) scale(1.06)}.znx-facade:hover .znx-play::after,.znx-facade:focus-visible .znx-play::after{border-left-color:#131a2c}.znx-now{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:12px}.znx-now__meta{display:grid;gap:6px;min-width:0}.znx-now__title{margin:0;font-size:1.08rem;line-height:1.6}.znx-now__ext{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:2px solid var(--znx-primary);border-radius:999px;color:var(--znx-primary);font-weight:700;font-size:.88rem;text-decoration:none;white-space:nowrap}html.zn-dark .znx-now__ext{border-color:#fff;color:#fff}.znx-chip{justify-self:start;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:700;line-height:20px;white-space:nowrap}.znx-chip--yt,.znx-chip--short{background:#d4202a}.znx-chip--fb,.znx-chip--reel{background:#1877f2}.znx-chip--short::before,.znx-chip--reel::before{content:"";width:6px;height:10px;margin-inline-end:5px;border:1.5px solid currentColor;border-radius:2px}.znx-list-wrap{position:relative;min-height:260px}.znx-list{position:absolute;inset:0;display:grid;align-content:start;gap:6px;margin:0;padding:0 0 0 4px;overflow-y:auto;list-style:none;scrollbar-width:thin}.znx-list>li[hidden]{display:none}.znx-thumb{display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center;width:100%;padding:6px;border:2px solid #fff0;border-radius:10px;background:#fff0;color:inherit;font:inherit;text-align:start;cursor:pointer}.znx-thumb:hover{background:var(--znx-soft)}.znx-thumb[aria-pressed="true"]{border-color:var(--znx-primary);background:var(--znx-soft)}.znx-thumb__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#000}.znx-thumb__media img{position:relative;display:block;width:100%;height:100%;object-fit:contain}.znx-thumb__media img.znx-thumb__blur{position:absolute;inset:0;object-fit:cover;filter:blur(10px) brightness(.5);transform:scale(1.2)}.znx-thumb__play{position:absolute;bottom:6px;left:6px;width:24px;height:24px;border-radius:50%;background:rgb(0 0 0 / .65)}.znx-thumb__play::after{content:"";position:absolute;top:50%;left:55%;border-style:solid;border-width:5px 0 5px 8px;border-color:#fff0 #fff0 #fff0 #fff;transform:translate(-50%,-50%)}.znx-thumb__body{display:grid;gap:5px;min-width:0}.znx-thumb__title{display:-webkit-box;overflow:hidden;font-size:.9rem;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.znx-msg{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:rgb(10 31 92 / .94);color:#fff;text-align:center}.znx-msg p{margin:0;line-height:1.7}.znx-msg__title{font-size:1.1rem;font-weight:700}.znx-msg__text{max-width:460px;font-size:.92rem;opacity:.92}.znx-msg__row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.znx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:2px solid var(--znx-accent);border-radius:999px;background:var(--znx-accent);color:#131a2c;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.znx-btn--ghost{border-color:#fff;background:#fff0;color:#fff}.znx-empty{padding:14px;border:1px dashed #aab;border-radius:8px}@media (max-width:781px){.znx-block{padding:12px;border-radius:14px}.znx-block__head{margin-bottom:12px}.znx-tabs{width:100%}.znx-tab{flex:1 0 auto;justify-content:center;min-height:38px;padding:0 10px;font-size:.88rem}.znx-player{grid-template-columns:1fr;gap:12px}.znx-stage[data-ratio="portrait"]{aspect-ratio:9/16;width:min(100%,calc(70vh * 9 / 16));margin-inline:auto}.znx-stage[data-ratio="portrait"] .znx-stage__frame{left:0;width:100%;transform:none}.znx-now{flex-direction:column;gap:10px}.znx-list-wrap{position:static;min-height:0}.znx-list{position:static;grid-auto-flow:column;grid-auto-columns:46%;padding:0 0 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.znx-list>li{scroll-snap-align:start}.znx-thumb{grid-template-columns:1fr;align-items:start;padding:4px}}@container znx (max-width:760px){.znx-block{padding:12px;border-radius:14px}.znx-block__head{margin-bottom:12px}.znx-tabs{width:100%}.znx-tab{flex:1 0 auto;justify-content:center;min-height:38px;padding:0 10px;font-size:.88rem}.znx-player{grid-template-columns:1fr;gap:12px}.znx-stage[data-ratio="portrait"]{aspect-ratio:9/16;width:min(100%,calc(70vh * 9 / 16));margin-inline:auto}.znx-stage[data-ratio="portrait"] .znx-stage__frame{left:0;width:100%;transform:none}.znx-now{flex-direction:column;gap:10px}.znx-list-wrap{position:static;min-height:0}.znx-list{position:static;grid-auto-flow:column;grid-auto-columns:46%;padding:0 0 6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.znx-list>li{scroll-snap-align:start}.znx-thumb{grid-template-columns:1fr;align-items:start;padding:4px}}@media (max-width:480px){.znx-tab__n{display:none}.znx-tab{padding:0 8px;font-size:.84rem}}@media (max-width:360px){.znx-tabs{gap:2px;padding:3px}.znx-tab{padding:0 6px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.znx-play,.znx-tab{transition:none}}