:root{--cw-primary:#c83a4b;--cw-primary-strong:#a82d3d;--cw-teal:#3eb7a8;--cw-bg:#111214;--cw-surface:#191a1d;--cw-surface-2:#202125;--cw-line:#303136;--cw-text:#f7f7f8;--cw-muted:#9a9ca1;--cw-gold:#d8a35a}*{box-sizing:border-box}html{color-scheme:dark;font-family:Inter,SF Pro Text,Noto Sans Thai,Noto Sans,Arial,sans-serif}body,html{min-width:320px;background:var(--cw-bg);letter-spacing:0}body{min-height:100vh;margin:0;color:var(--cw-text)}body,button,input,select{font:inherit;letter-spacing:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f0808e;outline-offset:2px}a{color:inherit;text-decoration:none}.customer-shell{min-height:100vh;background:var(--cw-bg)}.site-header{position:fixed;z-index:100;top:0;right:0;left:0;display:grid;height:64px;grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);align-items:center;padding:0 max(24px,calc(50vw - 640px));border-bottom:1px solid hsla(0,0%,100%,.05);background:#0d0e10db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:9px}.brand img{width:29px;height:29px}.brand strong{color:#fff;font-size:13px;font-weight:850}.desktop-nav{gap:30px}.desktop-nav,.desktop-nav a{display:flex;height:100%;align-items:center}.desktop-nav a{position:relative;color:#a4a6ab;font-size:12px;font-weight:650}.desktop-nav a.active,.desktop-nav a:hover{color:#fff}.desktop-nav a.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--cw-primary);content:""}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.balance-control,.icon-control,.profile-control{display:inline-flex;height:36px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#b5b6ba;cursor:pointer}.icon-control,.profile-control{width:36px;padding:0}.balance-control:hover,.icon-control:hover,.profile-control:hover{border-color:#36373c;background:#1c1d20;color:#fff}.balance-control{gap:6px;padding:0 9px;color:var(--cw-gold);font-size:11px;font-weight:750}.language-control{position:relative}.language-button{width:auto;gap:4px;padding:0 7px;font-size:9px;font-weight:800}.language-menu{position:absolute;top:42px;right:0;width:138px;overflow:hidden;padding:5px;border:1px solid #38393e;border-radius:7px;background:#1b1c1f;box-shadow:0 16px 38px #0000005c}.language-menu button{width:100%;min-height:34px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#b5b6ba;font-size:11px;text-align:left;cursor:pointer}.language-menu button.active,.language-menu button:hover{background:#27282d;color:#fff}.language-menu button.active{color:#f0808e}.customer-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:750;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.customer-button:active{transform:translateY(1px)}.customer-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.customer-button--primary{border-color:var(--cw-primary);background:var(--cw-primary);color:#fff}.customer-button--primary:hover{border-color:var(--cw-primary-strong);background:var(--cw-primary-strong)}.customer-button--glass{border-color:#ffffff1f;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.customer-button--glass:hover{background:#ffffff29}.customer-button--light{border-color:#fff;background:#fff;color:#17181a}.mobile-nav{display:none}.customer-overlay{position:fixed;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0}.wallet-sheet{width:min(500px,calc(100% - 32px));overflow:hidden;border:1px solid #36373c;border-radius:8px;background:#191a1d;box-shadow:0 24px 70px #00000073}.wallet-sheet>header{display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #303136}.wallet-sheet header>div>span{color:#8e9095;font-size:10px}.wallet-sheet header strong{display:flex;align-items:center;gap:7px;margin-top:6px;color:var(--cw-gold);font-size:24px}.wallet-body{padding:20px}.wallet-status{display:flex;min-height:116px;align-items:center;justify-content:center;gap:8px;color:#9a9ca1;font-size:11px}.wallet-status--error{align-items:flex-start;flex-direction:column;padding:16px;border:1px solid #704048;border-radius:6px;background:#291a1e;color:#f3a2ac}.wallet-status button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 10px;border:1px solid #704048;border-radius:5px;background:transparent;color:inherit;cursor:pointer}.wallet-summary-list{margin:0}.wallet-summary-list>div{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #292a2e}.wallet-summary-list>div:last-child{border-bottom:0}.wallet-summary-list dt{color:#8e9095;font-size:11px}.wallet-summary-list dd{max-width:60%;margin:0;overflow-wrap:anywhere;color:#ececef;font-size:12px;font-weight:700;text-align:right}.wallet-body h2{margin:0 0 14px;font-size:17px}.coin-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.coin-packages button{display:flex;min-height:118px;align-items:center;justify-content:center;flex-direction:column;padding:10px;border:1px solid #37383d;border-radius:7px;background:#202125;color:#fff;cursor:pointer}.coin-packages button:hover{border-color:var(--cw-primary)}.coin-packages button>span{display:flex;align-items:center;gap:5px;color:var(--cw-gold);font-size:13px;font-weight:800}.coin-packages small{min-height:15px;margin-top:6px;color:#f0808e;font-size:9px}.coin-packages strong{margin-top:13px;font-size:13px}.wallet-note{margin:15px 0 0;color:#77797f;font-size:10px;line-height:1.5}.drama-poster{display:block;min-width:0}.poster-image{position:relative;overflow:hidden;aspect-ratio:2/3;border-radius:6px;background:#242529}.poster-image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .22s ease,filter .22s ease}.drama-poster:hover .poster-image>img{filter:brightness(.76);transform:scale(1.025)}.poster-play{position:absolute;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#ffffffeb;color:var(--cw-primary);opacity:0;inset:50% auto auto 50%;transform:translate(-50%,-42%);transition:opacity .18s ease,transform .18s ease}.drama-poster:hover .poster-play{opacity:1;transform:translate(-50%,-50%)}.rank{position:absolute;bottom:4px;left:7px;color:#fff;font-size:34px;font-weight:900;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.7)}.drama-poster h3{overflow:hidden;margin:9px 0 0;color:#ececef;font-size:12px;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.drama-poster>p{margin:4px 0 0;color:#77797f;font-size:9px}.watch-progress{height:3px;margin-top:8px;overflow:hidden;border-radius:2px;background:#34353a}.watch-progress span{display:block;height:100%;border-radius:inherit;background:var(--cw-primary)}.sub-page{min-height:100vh;padding:110px max(24px,calc(50vw - 590px));background:#111214}.sub-page-header{margin-bottom:30px}.sub-page-header.compact{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sub-page-header h1{margin:0 0 24px;color:#fff;font-size:32px}.sub-page-header.compact h1{margin-bottom:0}.customer-search{display:flex;width:min(680px,100%);height:48px;align-items:center;gap:10px;padding:0 13px;border:1px solid #37383d;border-radius:7px;background:#191a1d;color:#77797f}.customer-search:focus-within{border-color:#8a434d;box-shadow:0 0 0 3px #c83a4b1a}.customer-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:13px}.customer-search button{display:grid;width:34px;height:34px;place-items:center;border:0;background:transparent;color:#8e9095;cursor:pointer}.customer-tabs,.genre-tabs{display:flex;gap:8px;margin-top:18px;overflow-x:auto;scrollbar-width:none}.customer-tabs button,.genre-tabs button{min-height:34px;padding:0 13px;border:1px solid #34353a;border-radius:17px;background:#191a1d;color:#9a9ca1;font-size:11px;white-space:nowrap;cursor:pointer}.customer-tabs button.active,.genre-tabs button.active{border-color:#7a3d46;background:#281c1f;color:#f4a4ad}.customer-tabs{margin:0;padding:3px;border:1px solid #34353a;border-radius:6px;background:#191a1d}.customer-tabs button{min-height:30px;border:0;border-radius:4px;background:transparent}.customer-tabs button.active{background:#2a2b30}.browse-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 14px}.customer-empty{min-height:260px;color:#77797f;text-align:center}.customer-empty-state{display:grid;min-height:300px;place-items:center;align-content:center;gap:10px;color:#77797f;font-size:12px;text-align:center}.customer-empty-state strong{color:#e5e5e7;font-size:15px}.state-spinner{animation:customer-spin .8s linear infinite}@keyframes customer-spin{to{transform:rotate(1turn)}}.profile-page{max-width:none}.profile-identity{display:flex;align-items:center;gap:16px;margin-bottom:28px}.profile-avatar{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:#c83a4b;color:#fff;font-size:17px;font-weight:800}.profile-identity h1{margin:0;font-size:28px}.profile-identity p{margin:6px 0 0;color:#8e9095;font-size:11px}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.profile-metrics>div{display:grid;min-height:130px;grid-template-columns:28px minmax(0,1fr);align-content:center;gap:8px;padding:20px;border:1px solid #34353a;border-radius:8px;background:#191a1d;color:#f0808e}.profile-metrics span,.profile-metrics strong{display:block}.profile-metrics span{color:#8e9095;font-size:10px}.profile-metrics strong{grid-column:2;color:#fff;font-size:18px}.profile-section{overflow:hidden;border:1px solid #34353a;border-radius:8px;background:#191a1d}.profile-section h2{margin:0;padding:16px 18px;border-bottom:1px solid #303136;font-size:13px}.profile-section a,.profile-section button{display:grid;width:100%;min-height:54px;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:0 18px;border:0;border-bottom:1px solid #292a2e;background:transparent;color:#d5d6d9;font-size:12px;text-align:left;cursor:pointer}.profile-section a:last-child,.profile-section button:last-child{border-bottom:0}.profile-section a:hover,.profile-section button:hover{background:#202125}.profile-section button{color:#f0808e}.customer-toast{position:fixed;z-index:600;right:24px;bottom:24px;display:flex;min-height:46px;align-items:center;gap:8px;padding:0 15px;border:1px solid #3a806a;border-radius:7px;background:#17382e;color:#8ee0c3;box-shadow:0 14px 40px #00000059;font-size:11px;font-weight:700}.fade-enter-active,.fade-leave-active{transition:opacity .16s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media(max-width:980px){.browse-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:700px){.site-header{height:56px;grid-template-columns:1fr auto;padding:0 14px}.brand img{width:27px;height:27px}.brand strong{font-size:12px}.desktop-nav,.profile-control{display:none}.header-actions{gap:1px}.header-actions>.icon-control:first-child{display:none}.balance-control{padding:0 6px}.language-button{padding:0 5px}.mobile-nav{position:fixed;z-index:120;right:0;bottom:0;left:0;display:grid;height:calc(64px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #2d2e32;background:#141518f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-nav a{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#74767b;font-size:9px}.mobile-nav a.active{color:#f0808e}.customer-overlay{align-items:flex-end;padding:0}.wallet-sheet{width:100%;max-height:82svh;border-right:0;border-bottom:0;border-left:0;border-radius:12px 12px 0 0}.coin-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.coin-packages button{min-height:108px}.coin-packages button>span{font-size:11px}.sub-page{padding:88px 16px 96px}.sub-page-header h1{font-size:26px}.sub-page-header.compact{align-items:flex-start;flex-direction:column}.browse-grid{grid-template-columns:repeat(3,1fr);gap:20px 10px}.profile-metrics{grid-template-columns:1fr}.customer-toast{right:16px;bottom:78px;left:16px;justify-content:center}}@media(max-width:440px){.browse-grid{grid-template-columns:repeat(2,1fr)}.coin-packages{gap:6px}.coin-packages button{padding:7px}}.privacy-band[data-v-169dd48a]{position:fixed;z-index:450;right:20px;bottom:20px;left:20px;display:grid;width:min(820px,calc(100% - 40px));min-height:112px;grid-template-columns:42px minmax(0,1fr) auto 28px;align-items:center;gap:14px;margin:0 auto;padding:18px;border:1px solid #3a3b40;border-radius:8px;background:#191a1dfa;box-shadow:0 18px 54px #0000007a;color:var(--cw-text)}.privacy-symbol[data-v-169dd48a]{display:grid;width:42px;height:42px;place-items:center;border:1px solid #316d65;border-radius:50%;background:#17332f;color:#69cabc}.privacy-copy[data-v-169dd48a]{min-width:0}.privacy-copy h2[data-v-169dd48a]{margin:0;font-size:14px;line-height:1.35}.privacy-copy>p[data-v-169dd48a]{max-width:500px;margin:6px 0 0;color:var(--cw-muted);font-size:11px;line-height:1.55}.privacy-feedback[data-v-169dd48a]{display:flex;align-items:center;gap:5px;font-weight:700}.privacy-feedback--error[data-v-169dd48a]{color:#f3a2ac!important}.privacy-feedback--saved[data-v-169dd48a]{color:#7ed7c7!important}.privacy-actions[data-v-169dd48a]{display:flex;min-width:196px;align-items:center;justify-content:flex-end;gap:8px}.privacy-action[data-v-169dd48a]{display:inline-flex;min-width:94px;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #414247;border-radius:6px;color:#e5e5e7;font-size:11px;font-weight:750;cursor:pointer}.privacy-action[data-v-169dd48a]:disabled,.privacy-close[data-v-169dd48a]:disabled{cursor:not-allowed;opacity:.62}.privacy-action--decline[data-v-169dd48a],.privacy-action--retry[data-v-169dd48a]{background:#202125}.privacy-action--decline[data-v-169dd48a]:hover,.privacy-action--retry[data-v-169dd48a]:hover{border-color:#5a5b61;background:#27282c}.privacy-action--accept[data-v-169dd48a]{border-color:var(--cw-primary);background:var(--cw-primary);color:#fff}.privacy-action--accept[data-v-169dd48a]:hover{border-color:var(--cw-primary-strong);background:var(--cw-primary-strong)}.privacy-action--retry[data-v-169dd48a]{min-width:116px}.privacy-close[data-v-169dd48a]{display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#81838a;cursor:pointer}.privacy-close[data-v-169dd48a]:hover{background:#27282c;color:#fff}.privacy-rise-enter-active[data-v-169dd48a],.privacy-rise-leave-active[data-v-169dd48a]{transition:opacity .18s ease,transform .18s ease}.privacy-rise-enter-from[data-v-169dd48a],.privacy-rise-leave-to[data-v-169dd48a]{opacity:0;transform:translateY(10px)}@media(max-width:700px){.privacy-band[data-v-169dd48a]{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;width:calc(100% - 24px);min-height:0;grid-template-columns:34px minmax(0,1fr) 28px;align-items:start;gap:10px;padding:15px}.privacy-symbol[data-v-169dd48a]{width:34px;height:34px}.privacy-copy h2[data-v-169dd48a]{font-size:13px}.privacy-copy>p[data-v-169dd48a]{font-size:10px}.privacy-actions[data-v-169dd48a]{width:100%;min-width:0;grid-column:1/-1;grid-row:2}.privacy-action[data-v-169dd48a]{min-width:0;flex:1}.privacy-close[data-v-169dd48a]{grid-column:3;grid-row:1;justify-self:end}}@media(prefers-reduced-motion:reduce){.privacy-rise-enter-active[data-v-169dd48a],.privacy-rise-leave-active[data-v-169dd48a]{transition:none}}