.providers{grid-template-columns:repeat(3,1fr)}.plan-heading{align-items:flex-end}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.platform-plan{background:linear-gradient(145deg,#24212d,#15151c);border:1px solid #fff2;border-radius:16px;overflow:hidden;padding:24px}.platform-title{display:flex;align-items:center;gap:12px}.platform-title small{font-size:10px;color:#aaa}.platform-title h3{font:700 27px Outfit;margin:2px 0}.platform-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--accent);font:700 19px Outfit}.membership-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:25px 0 16px}.membership-posters button{padding:0;background:none;text-align:left;min-width:0}.membership-posters img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;display:block}.membership-posters span{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px;color:#c1bdc9}.platform-plan>p{color:#a5a1ae;font-size:12px}.platform-bottom{border-top:1px solid #fff1;padding-top:20px}.platform-bottom .primary{width:100%;margin-top:16px;font-size:13px}.platform-bottom .price{font-size:38px}.saving{display:block;color:var(--gold);font-size:10px;margin-top:12px}.all-platform{grid-column:1/-1;border:1px solid #806a46;border-radius:16px;background:radial-gradient(ellipse at right,#4a3829,#1d1921 70%);padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.all-platform h3{font-size:25px;margin:10px 0}.all-platform p{color:#b5abb5;font-size:13px}.all-platform .secondary{margin-top:12px;color:var(--gold)}.membership-checkout{display:grid;grid-template-columns:43% 57%;min-height:580px}.checkout-story{padding:38px 28px;background:radial-gradient(ellipse at top,#4c2838,#19141e 65%)}.checkout-story h2{font-size:28px;line-height:1.45;margin:16px 0}.checkout-story h3{font-size:17px;line-height:1.6;margin:12px 0}.checkout-story p,.checkout-options>p{font-size:12px;line-height:1.8;color:#b6aab9}.story-cover{width:85px;height:113px;object-fit:cover;border-radius:8px;display:block;margin-bottom:18px}.checkout-story .membership-posters{margin-top:25px}.checkout-options{padding:38px 32px}.checkout-options h2{font:700 30px Outfit,'Noto Sans Thai';margin:15px 0 8px}.duration-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.duration{display:flex;flex-direction:column;text-align:left;gap:6px;border:1px solid #fff2;border-radius:9px;background:#22212b;padding:15px;position:relative}.duration.active{border:2px solid var(--red);padding:14px;background:#ff345b14}.duration>span{font-size:13px}.duration strong{font:600 26px Outfit}.duration small{font-size:10px;color:#aaa}.duration em{font-style:normal;font-size:9px;color:var(--gold);display:block}.confirm-membership{width:100%;font-size:13px}.demo-disclaimer{display:block;text-align:center;font-size:10px;color:#999;margin-top:12px}.upgrade-link,.back-free{width:100%;background:none;padding:15px 0;color:var(--gold);font-size:11px}.back-free{border-top:1px solid #fff1;color:#aaa}.expiry-note{font-size:10px!important}.free-reminder{border-top:1px solid #fff1;padding-top:15px}.billing button{padding:11px 13px}.plans{padding-top:20px}dialog{width:min(960px,94vw)}@media(max-width:1000px){.plan-heading{display:block}.plan-heading .billing{margin-top:20px;width:max-content}.platform-plan{padding:18px}.plan-grid{gap:12px}}@media(max-width:760px){.plan-grid{grid-template-columns:1fr}.platform-plan{padding:22px}.membership-posters{gap:12px}.platform-title h3{font-size:27px}.platform-bottom{display:flex;align-items:center;gap:15px}.platform-bottom .primary{width:auto;flex:1;margin:0;padding:12px}.platform-bottom .price{font-size:33px}.all-platform{display:block;padding:24px}.all-platform h3{font-size:22px}.all-platform .price{margin-top:20px}.all-platform .secondary{width:100%}.membership-checkout{display:block}.checkout-story{padding:28px 23px 16px}.checkout-story .membership-posters{display:none}.checkout-story h2{font-size:24px;margin:8px 0}.checkout-story h3{font-size:16px}.story-cover{float:left;margin:0 15px 10px 0;width:65px;height:88px}.checkout-story .free-reminder{clear:both;margin-bottom:0}.checkout-options{padding:23px}.checkout-options h2{font-size:27px}.duration-options{margin-top:18px}.billing{max-width:100%;width:100%!important}.billing button{flex:1;padding:10px 8px;font-size:12px}.billing span{display:none}.checkout-story .pill{font-size:9px}.plan-heading h2{font-size:25px}}
.live-status{display:flex;flex-wrap:wrap;gap:8px;padding:16px;margin-bottom:20px;background:#1a1822;border-radius:9px;font-size:11px}.live-status>span{width:100%;color:#ddd}.live-status button{background:#2c2935;border-radius:5px;padding:8px;text-align:left}.live-watch video{width:100%;height:100%;object-fit:contain;background:#000}.playback-error{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.playback-note{position:absolute;bottom:55px;left:15px;right:15px;font-size:11px;background:#000a;padding:10px;text-align:center;pointer-events:none}.live-watch .episodes{max-height:260px;overflow:auto}.live-help{font-size:10px!important}.live-watch .vertical-player{align-self:start}.live-watch .watch-info{min-width:0}@media(max-width:760px){.live-watch .vertical-player{aspect-ratio:9/16;width:min(100%,300px);margin:auto}.live-watch .episodes{max-height:180px}}
.platform-title .platform-mark{width:48px;height:48px;flex:0 0 48px;object-fit:contain;background:transparent;border-radius:12px}.brand{display:flex;align-items:center;justify-content:center;gap:12px}.brand-logo{width:32px;height:32px;object-fit:contain;border-radius:8px;position:relative}@media(max-width:760px){.brand{flex-basis:154px;gap:8px}.brand-logo{width:28px;height:28px}}