:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#111418;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:radial-gradient(circle at 18% 10%,#ff6b5b2e,#0000 30%),linear-gradient(135deg,#14171c 0%,#0d0f13 45%,#16201f 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.desktop-site-footer{display:none}.profile-legal-footer{display:block}.phone-frame{background:#07090d;border:1px solid #ffffff1f;border-radius:28px;width:min(100%,420px);height:min(860px,100vh - 48px);min-height:680px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000080}.status-row{z-index:5;background:linear-gradient(#000000b8,#0000);justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex;position:absolute;top:0;left:0;right:0}.status-row strong{letter-spacing:0;font-size:18px}.vip-chip{color:#f8fafc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117a8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.status-actions{align-items:center;gap:8px;display:inline-flex}.logout-button{color:#f8fafc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117a8;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:32px;height:32px;display:inline-grid}.sign-in-button{width:auto;min-width:68px;padding:0 10px;font-size:12px;font-weight:900}.reel-view,.library-view,.ranking-view,.history-view,.rewards-view,.profile-view{height:100%}.reel-view{position:relative}.poster-bg,.poster-shade{position:absolute;inset:0}.poster-bg{object-fit:cover;width:100%;height:100%}.poster-shade{background:linear-gradient(#0000002e 18%,#00000038 42%,#000000eb 100%),linear-gradient(90deg,#00000061,#0000 58%)}.player-layer{z-index:7;color:#f8fafc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d111757,#0d1117db),#04070cb8;border:1px solid #ffffff29;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;min-height:260px;display:grid;position:absolute;inset:74px 14px 272px;overflow:hidden;box-shadow:0 20px 70px #0000006b}.player-topbar,.player-controls{align-items:center;gap:10px;padding:12px;display:flex}.player-topbar{justify-content:space-between}.player-topbar-actions{align-items:center;gap:8px;display:flex}.player-topbar span{color:#d5d9df;text-transform:uppercase;font-size:12px;font-weight:900}.player-topbar button,.player-controls button{color:#f8fafc;border:0}.player-topbar button{background:#ffffff1f;border-radius:999px;place-items:center;width:32px;height:32px;display:inline-grid}.player-stage{text-align:center;align-content:center;place-items:center;gap:10px;padding:10px 18px;display:grid}.video-stage{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch;gap:12px;min-height:0;padding-bottom:14px;overflow:hidden}.player-media{background:#000;border-radius:10px;align-self:stretch;place-items:center;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.player-video{object-fit:contain;border-radius:inherit;background:#000;width:100%;height:100%;max-height:100%;display:block}:-webkit-any(.player-video:fullscreen,.player-video:-webkit-full-screen){object-fit:contain;background:#000;border-radius:0;width:100vw;height:100vh;max-height:none}:is(.player-video:fullscreen,.player-video:fullscreen){object-fit:contain;background:#000;border-radius:0;width:100vw;height:100vh;max-height:none}.video-controls{background:#04070cd1;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 9px;display:grid}.video-controls button{color:#fff;background:#ffffff21;border:0;border-radius:999px;place-items:center;width:30px;height:30px;padding:0;display:inline-grid}.video-controls button:hover{background:#13c6a35c}.video-time{color:#dbe3ef;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:800}.video-progress-input{accent-color:#13c6a3;cursor:pointer;width:100%;min-width:0;height:5px;margin:0}.video-progress-input:disabled{cursor:default;opacity:.45}.video-stage strong{z-index:1;width:100%;min-height:28px;padding-top:2px;line-height:1.3;position:relative}.player-stage strong{color:#fff;font-size:20px;line-height:1.2}.player-stage span{color:#cbd5e1;font-size:13px;font-weight:800}.player-controls{background:#0000002e;border-top:1px solid #ffffff1a}.player-controls button{background:#13c6a3;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:96px;min-height:38px;font-size:13px;font-weight:900;display:inline-flex}.player-progress{background:#ffffff2e;border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.player-progress span{border-radius:inherit;background:linear-gradient(90deg,#13c6a3,#ff725f);height:100%;transition:width .24s;display:block}.reel-actions{z-index:5;gap:12px;display:grid;position:absolute;bottom:clamp(336px,47vh,460px);right:14px}.reel-actions button{color:#f8fafc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d111794;border:0;border-radius:18px;place-items:center;gap:3px;width:48px;min-height:56px;font-size:11px;display:grid}.reel-actions button.liked{color:#ff725f}.reel-content{z-index:4;padding:0 18px 18px;position:absolute;bottom:74px;left:0;right:0}.episode-meta{color:#cbd5e1;text-transform:uppercase;gap:8px;font-size:12px;font-weight:800;display:flex}.reel-content h1,.library-view h2,.ranking-view h2,.rewards-view h2,.profile-view h2{color:#fff;letter-spacing:0;margin:8px 0;font-size:25px;line-height:1.08}.reel-content p{color:#d5d9df;max-width:310px;margin:0 0 14px;font-size:14px;line-height:1.45}.unlock-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f14c7;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.unlock-panel strong,.panel-label{display:block}.panel-label{color:#9aa4b2;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.unlock-panel strong{color:#f8fafc;font-size:15px}.unlock-panel small{color:#cbd5e1;margin-top:4px;font-size:12px;font-weight:700;line-height:1.25;display:block}.unlock-button,.play-button,.vip-button{color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:126px;min-height:44px;font-size:14px;font-weight:900;display:inline-flex}.unlock-button{background:linear-gradient(135deg,#ff725f,#e53d57)}.play-button{background:#13c6a3}.vip-button{background:linear-gradient(135deg,#ff725f,#e53d57)}.entitlement-actions{gap:7px;min-width:132px;display:grid}.subscribe-button,.subscribed-badge{color:#ffe08a;white-space:nowrap;background:#59400cb8;border:1px solid #ffd66666;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.subscribe-button{cursor:pointer}.unlock-button:disabled,.play-button:disabled,.vip-button:disabled,.subscribe-button:disabled,.daily-card:disabled{opacity:.62}.vip-note{color:#cbd5e1;margin:10px 0 0;font-size:12px;font-weight:700;line-height:1.45}.continue-card{color:#f8fafc;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:10px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.episode-dock{gap:8px;margin-top:12px;display:grid}.episode-dock-head,.episode-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.episode-dock-head>span{color:#cbd5e1;text-transform:uppercase;font-size:12px;font-weight:900}.episode-dock-head button,.episode-sheet-head button{color:#f8fafc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1117b8;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:12px;font-weight:900;display:inline-flex}.episode-dock-head button{padding:0 10px}.episode-sheet-head button{width:34px;padding:0}.episode-rail{scrollbar-width:none;gap:8px;margin-top:0;padding-bottom:2px;display:flex;overflow-x:auto}.episode-rail::-webkit-scrollbar{display:none}.episode-chip{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff21;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:36px;font-size:13px;font-weight:800;display:inline-flex}.episode-chip.active{color:#fff;background:#ff725f2e;border-color:#ff725f}.trailer-chip{min-width:78px}.episode-sheet-backdrop{z-index:12;background:linear-gradient(#0000 24%,#00000085 100%);align-items:flex-end;padding:18px;display:flex;position:absolute;inset:0 0 74px}.episode-sheet{color:#f8fafc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0d12f0;border:1px solid #ffffff29;border-radius:20px 20px 16px 16px;grid-template-rows:auto minmax(0,1fr);width:100%;min-height:260px;max-height:min(56vh,470px);display:grid;overflow:hidden;box-shadow:0 -18px 70px #00000080}.episode-sheet-head{border-bottom:1px solid #ffffff1a;padding:14px 14px 11px}.episode-sheet-head strong,.episode-sheet-head small{display:block}.episode-sheet-head strong{color:#fff;font-size:16px;line-height:1.1}.episode-sheet-head small{color:#9aa4b2;margin-top:3px;font-size:12px;font-weight:800}.episode-sheet-grid{overscroll-behavior:contain;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding:14px;display:grid;overflow-y:auto}.episode-sheet-grid .episode-chip{width:100%;min-width:0}.episode-sheet-grid .trailer-chip{grid-column:span 2}.library-view,.ranking-view,.history-view,.rewards-view,.profile-view{background:linear-gradient(#141920,#090b0f 68%),#090b0f;padding:76px 18px 92px;overflow-y:auto}.drama-list,.package-list{gap:12px;display:grid}.history-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-heading button{color:#f8fafc;align-items:center;gap:7px;font-size:13px;font-weight:900;display:inline-flex}.history-heading{margin-bottom:12px}.history-heading button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;min-height:34px;padding:0 10px}.history-heading button:disabled{opacity:.45}.ranking-heading{margin-bottom:18px}.ranking-heading>span,.profile-heading>span{color:#ff8a78;letter-spacing:0;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.ranking-heading h2{margin:8px 0 6px}.ranking-heading p,.profile-card small{color:#a7b0bf;margin:0;font-size:13px;line-height:1.45}.profile-heading{margin-bottom:18px}.profile-stack{gap:12px;max-width:980px;display:grid}.profile-card{color:#f8fafc;background:#151a21;border:1px solid #ffffff1a;border-radius:18px;align-self:start;gap:7px;min-height:92px;padding:16px;display:grid}.profile-card>span:not(.profile-avatar){color:#a7b0bf;text-transform:uppercase;font-size:11px;font-weight:900}.profile-card strong{color:#fff;font-size:20px;line-height:1.1}.profile-subscription-head{border-bottom:1px solid #ffffff17;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 20px;padding-bottom:14px;display:grid}.profile-subscription-head span,.profile-identity-status span{color:#a7b0bf;text-transform:uppercase;font-size:11px;font-weight:900}.profile-subscription-head span{grid-column:1/-1}.profile-subscription-head small{text-align:right;justify-self:end;padding-bottom:1px}.profile-subscription-body{gap:0;display:grid}.profile-subscription-plans{border-bottom:1px solid #ffffff17;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-subscription-plan{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;display:grid}.profile-subscription-plan:first-child{padding-right:24px}.profile-subscription-plan+.profile-subscription-plan{border-left:1px solid #ffffff17;padding-left:24px}.profile-subscription-plan>div{gap:5px;display:grid}.profile-subscription-plan span,.profile-subscription-plan small{color:#cbd5e1;font-size:12px;font-weight:800}.profile-subscription-plan strong{text-align:right;justify-self:end;font-size:22px}.profile-subscription-plan small{color:#98a3b3;font-weight:700}.profile-subscription-disclosure{color:#cbd5e1;border-bottom:1px solid #ffffff17;gap:12px;padding:16px 0 18px;font-size:12px;font-weight:700;line-height:1.5;display:grid}.profile-subscription-disclosure strong{color:#fff;font-size:14px}.profile-subscription-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.profile-subscription-facts span{padding-left:14px;position:relative}.profile-subscription-facts span:before{content:"";background:#ff7266;border-radius:50%;width:4px;height:4px;position:absolute;top:.6em;left:0}.profile-subscription-footer{justify-content:space-between;align-items:center;gap:18px;padding-top:14px;display:flex}.profile-subscription-links{flex-wrap:wrap;gap:7px 16px;display:flex}.profile-subscription-links a{color:#ffb2a8;font-size:12px;font-weight:800;text-decoration:none}.profile-subscription-actions{flex:none;align-items:center;gap:10px;display:flex}.profile-subscription-button{color:#fff;background:linear-gradient(135deg,#ff6b5f,#ee3f60);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-width:230px;min-height:46px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px #ee3f603d}.profile-subscription-button:disabled{cursor:wait;opacity:.72}.profile-subscription-cancel{color:#f8fafc;background:#ffffff0f;border:1px solid #ffffff29;border-radius:13px;min-width:168px;min-height:44px;font-size:12px;font-weight:900}.profile-subscription-cancel:disabled{cursor:wait;opacity:.65}.profile-subscription-note{color:#cbd5e1;background:#ffffff0b;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.45}.profile-billing-card{grid-template-columns:minmax(0,1fr);align-items:center}.profile-billing-card>div{gap:6px;display:grid}.profile-billing-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.profile-billing-button{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:13px;font-weight:900;display:inline-flex}.profile-billing-button.primary{background:linear-gradient(135deg,#ff6b5f,#ee3f60);border:0;box-shadow:0 12px 26px #ee3f6033}.profile-identity{grid-template-columns:52px minmax(0,1fr);align-items:center}.profile-identity-copy{gap:4px;min-width:0;display:grid}.profile-identity-copy strong,.profile-identity-copy small{display:block}.profile-identity-copy small{color:#a7b0bf;font-size:13px;line-height:1.25}.profile-identity-status{grid-column:2;gap:3px;padding-top:4px;display:grid}.profile-identity-status span{color:#77e2ad}.profile-identity-status span.is-disabled{color:#ff8a78}.profile-identity-status small{color:#a7b0bf;margin:0;font-size:12px}.profile-avatar{color:#fff;background:linear-gradient(135deg,#13c6a3,#ff725f);border-radius:16px;place-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:grid}.ranking-list{gap:10px;display:grid}.ranking-card{color:#f8fafc;text-align:left;background:#151a21;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:42px 72px minmax(0,1fr) 20px;align-items:center;gap:11px;width:100%;min-height:100px;padding:10px;display:grid}.ranking-position{color:#cbd5e1;background:#242b35;border-radius:12px;align-content:center;place-items:center;width:42px;height:54px;display:grid}.ranking-position small,.ranking-position strong{line-height:1;display:block}.ranking-position small{margin-bottom:5px;font-size:9px;font-weight:900}.ranking-position strong{font-size:17px}.ranking-card.top-1 .ranking-position{color:#fff;background:#ff725f}.ranking-card.top-2 .ranking-position{color:#28313c;background:#d7dde5}.ranking-card.top-3 .ranking-position{color:#3e2d0c;background:#f1c76b}.ranking-card img{object-fit:cover;border-radius:12px;width:72px;height:80px}.ranking-copy{min-width:0}.ranking-copy>strong,.ranking-copy>small{display:block}.ranking-copy>strong{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.ranking-copy>small,.ranking-stats,.empty-state{color:#a7b0bf;margin-top:5px;font-size:12px}.ranking-copy>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-stats{color:#ff8a78;align-items:center;gap:5px;font-weight:800;display:inline-flex}.payment-result-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100%;padding:34px 22px;display:flex}.payment-result-icon{color:#ff6b5a;background:#ff69581f;border-radius:24px;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex}.payment-result-succeeded .payment-result-icon{color:#45c49a;background:#45c49a24}.payment-result-confirming .payment-result-icon{color:#f1c76b;background:#f1c76b24}.payment-result-view h1{margin:0;font-size:30px;line-height:1.1}.payment-result-view p{color:#c9d4e5;max-width:360px;margin:0;font-size:15px;line-height:1.55}.payment-result-actions{gap:10px;width:min(100%,320px);margin-top:8px;display:grid}.drama-card{color:#f8fafc;text-align:left;background:#151a21;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:72px 1fr 20px;align-items:center;gap:12px;width:100%;min-height:98px;padding:10px;display:grid}.drama-card img{object-fit:cover;border-radius:12px;width:72px;height:78px}.drama-card strong,.drama-card small{display:block}.drama-card strong{font-size:15px;line-height:1.25}.drama-card small{color:#a7b0bf;margin-top:7px;font-size:12px;line-height:1.35}.daily-card,.package-card{color:#f8fafc;border:1px solid #ffffff1f;width:100%}.wallet-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.wallet-summary article{background:#151a21;border:1px solid #ffffff1a;border-radius:18px;min-height:76px;padding:14px}.wallet-summary span,.wallet-summary strong{display:block}.wallet-summary span{color:#a7b0bf;text-transform:uppercase;font-size:11px;font-weight:800}.wallet-summary strong{color:#f8fafc;margin-top:10px;font-size:20px;line-height:1}.daily-card{background:linear-gradient(135deg,#13c6a347,#ff725f33);border-radius:20px;justify-content:space-between;align-items:center;min-height:78px;margin-bottom:14px;padding:18px;display:flex}.daily-card span,.package-card span{align-items:center;gap:8px;font-weight:800;display:inline-flex}.daily-card strong{font-size:20px}.package-card{text-align:left;background:#151a21;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;min-height:72px;padding:14px;display:grid}.package-card strong{color:#13c6a3}.package-card small{color:#a7b0bf;grid-column:1/-1}.bottom-nav{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080cf0;border-top:1px solid #ffffff17;grid-template-columns:repeat(5,minmax(0,1fr));min-height:74px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#8590a0;background:0 0;border:0;align-content:center;place-items:center;gap:4px;font-size:11px;font-weight:800;display:grid}.bottom-nav button.active{color:#ff725f}.toast{z-index:16;color:#111827;text-align:center;pointer-events:none;background:#ffffffeb;border:1px solid #ffffff24;border-radius:14px;place-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:800;animation:.18s ease-out toast-slide-in;display:grid;position:absolute;bottom:86px;left:18px;right:18px;box-shadow:0 16px 40px #00000047}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-overlay{z-index:14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;place-items:stretch stretch;padding:18px;display:grid;position:absolute;inset:0}.subscription-overlay{z-index:15;padding:18px 18px calc(92px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000007a;place-items:end stretch;display:grid;position:absolute;inset:0}.subscription-dialog{color:#f8fafc;background:#0d1117f5;border:1px solid #ffffff26;border-radius:22px;gap:14px;padding:20px;display:grid;position:relative;box-shadow:0 22px 70px #00000075}.subscription-dialog-payment{overscroll-behavior:contain;scrollbar-gutter:stable;gap:13px;max-height:calc(100dvh - 48px);overflow-y:auto}.subscription-close{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;position:absolute;top:14px;right:14px}.subscription-icon{color:#ff8a78;background:#ff725f2e;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.subscription-dialog h2{color:#fff;margin:5px 0 8px;font-size:25px;line-height:1.08}.subscription-dialog p{color:#cbd5e1;max-width:310px;margin:0;font-size:14px;line-height:1.45}.subscription-price{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:13px}.subscription-price strong,.subscription-price small{display:block}.subscription-plan-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.subscription-plan-option{color:#f8fafc;text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:14px;gap:5px;min-width:0;padding:14px;display:grid}.subscription-plan-option.selected{background:linear-gradient(135deg,#ff725f2e,#ee3f601a);border-color:#ff725fc7;box-shadow:inset 0 0 0 1px #ff725f29}.subscription-plan-option span,.subscription-plan-option small{color:#cbd5e1;font-size:12px;font-weight:800}.subscription-plan-option strong{color:#fff;font-size:18px}.subscription-plan-option small{color:#98a3b3;line-height:1.35}.subscription-price strong{color:#fff;font-size:18px}.subscription-price small{color:#cbd5e1;margin-top:4px;font-size:13px;font-weight:800}.subscription-checkout-summary{background:linear-gradient(135deg,#ff725f24,#ee3f6014);border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:13px;display:grid}.subscription-checkout-summary span,.subscription-checkout-summary small{color:#cbd5e1;font-size:12px;font-weight:800}.subscription-checkout-summary strong{color:#fff;text-align:right;font-size:16px}.subscription-checkout-summary small{grid-column:1/-1}.subscription-checkout-details{background:#ffffff09;border:1px solid #ffffff1a;border-radius:14px;gap:0;margin:0;display:grid;overflow:hidden}.subscription-checkout-details div{grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr);gap:12px;padding:10px 12px;display:grid}.subscription-checkout-details div+div{border-top:1px solid #ffffff14}.subscription-checkout-details dt,.subscription-checkout-details dd{margin:0;font-size:12px;line-height:1.4}.subscription-checkout-details dt{color:#a7b0bf;font-weight:800}.subscription-checkout-details dd{color:#f8fafc;font-weight:800}.subscription-consent{color:#cbd5e1;text-transform:none;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:12px;font-size:13px;font-weight:900;line-height:1.5;display:grid}.subscription-consent input{accent-color:#ff725f;width:18px;height:18px;margin:1px 0 0}.subscription-consent a{color:#ffb2a8;text-underline-offset:3px;font-weight:900;text-decoration:underline;text-decoration-thickness:1px}.subscription-consent a:hover{color:#ffd0ca}.billing-overlay{z-index:17}.billing-dialog{overscroll-behavior:contain;width:min(460px,100%);max-height:calc(100vh - 120px);overflow-y:auto}.billing-form-dialog{width:min(520px,100%)}.billing-profile-list,.billing-select-list{gap:9px;display:grid}.billing-profile-list{overscroll-behavior:contain;max-height:min(48vh,360px);padding-right:2px;overflow-y:auto}.billing-empty{color:#a7b0bf;border:1px dashed #ffffff29;border-radius:13px;max-width:none;padding:12px}.billing-profile-item,.billing-select-item{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:14px;gap:5px;padding:12px;display:grid}.billing-profile-item strong,.billing-select-item strong{color:#fff;font-size:14px}.billing-profile-item small,.billing-select-item small{color:#a7b0bf;font-size:12px;line-height:1.35}.billing-profile-actions,.billing-form-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.billing-delete-confirm{background:#ff725f1a;border:1px solid #ff725f47;border-radius:12px;gap:8px;margin-top:6px;padding:10px;display:grid}.billing-delete-confirm span{color:#fff;font-size:12px;font-weight:900}.billing-delete-confirm div{flex-wrap:wrap;gap:8px;display:flex}.billing-dialog-actions{gap:8px;display:grid}.billing-profile-actions button,.billing-delete-confirm button,.billing-form-actions button,.billing-dialog-actions button,.billing-select-actions button{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:11px;min-height:36px;padding:0 12px;font-size:12px;font-weight:900}.billing-delete-confirm button:last-child{background:#ff725f2e;border-color:#ff725f8c}.billing-form-actions button[type=submit],.billing-dialog-actions button,.billing-select-actions button:last-child{background:linear-gradient(135deg,#ff6b5f,#ee3f60);border:0}.billing-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:4px;display:grid}.billing-form label{gap:5px;display:grid}.billing-form label span{color:#a7b0bf;text-transform:uppercase;font-size:11px;font-weight:900}.billing-form input{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:11px;outline:0;width:100%;min-width:0;height:40px;padding:0 11px}.billing-address-field,.billing-form-actions{grid-column:1/-1}.billing-select-item{cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start}.billing-select-item.active{background:#ff725f1f;border-color:#ff8a7880}.billing-select-item input{accent-color:#ff725f;width:18px;height:18px;margin:2px 0 0}.billing-select-item span{gap:4px;min-width:0;display:grid}.billing-select-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.payment-method-list{gap:9px;display:grid}.payment-method-button{color:#f8fafc;text-align:left;background:#fff1;border:1px solid #ffffff1c;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 12px;transition:transform .16s,border-color .16s,background .16s;display:grid}.payment-method-button:hover:not(:disabled){background:#ffffff1a;border-color:#ff8a787a;transform:translateY(-1px)}.payment-method-button:disabled{cursor:wait;opacity:.48}.payment-method-icon{color:#ff8a78;background:#ffffff1a;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.payment-method-copy{min-width:0}.payment-method-copy strong,.payment-method-copy small{display:block}.payment-method-copy strong{color:#fff;font-size:14px;line-height:1.2}.payment-method-copy small{color:#aeb8c8;margin-top:4px;font-size:12px;line-height:1.25}.payment-method-tag{color:#e5e7eb;white-space:nowrap;background:#ffffff1a;border-radius:999px;justify-self:end;padding:5px 8px;font-size:11px;font-weight:900}.wallet-checkout-dialog{color:#f8fafc;background:#11161d;border:1px solid #ffffff24;border-radius:20px;gap:18px;width:min(460px,100vw - 28px);padding:26px;display:grid;position:relative;box-shadow:0 28px 80px #00000075}.wallet-checkout-dialog h2,.wallet-checkout-dialog p{margin:0}.wallet-checkout-dialog h2{margin-top:5px;font-size:25px;line-height:1.15}.wallet-checkout-dialog p{color:#aeb8c8;margin-top:7px;line-height:1.5}.wallet-checkout-summary{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;display:flex}.wallet-checkout-summary span{color:#cbd5e1;font-weight:800}.wallet-checkout-summary strong{color:#fff;white-space:nowrap;font-size:18px}.oceanpayment-wallet-element{opacity:0;visibility:hidden;pointer-events:none;align-items:center;width:100%;height:0;min-height:0;display:grid;overflow:hidden}.oceanpayment-wallet-element.ready{opacity:1;visibility:visible;pointer-events:auto;height:48px;min-height:48px}.oceanpayment-wallet-element>*{width:100%!important;max-width:100%!important}.oceanpayment-wallet-element iframe{background:0 0!important;border:0!important;height:48px!important;min-height:48px!important}.wallet-checkout-dialog .wallet-security-note{color:#8f9bac;text-align:center;margin:-4px 0 0;font-size:12px}@media (width<=480px){.wallet-checkout-dialog{gap:15px;width:calc(100vw - 20px);padding:22px 18px 18px}.wallet-checkout-dialog h2{font-size:22px}.wallet-checkout-summary{flex-direction:column;align-items:flex-start;gap:5px}}.subscription-back{color:#cbd5e1;background:0 0;border:0;justify-self:center;padding:4px 0;font-size:13px;font-weight:900}.subscription-back:disabled{cursor:wait;opacity:.55}.login-frame{background:linear-gradient(#07090d85,#07090df0),url(/images/after-midnight-contract.png) 50%/cover;border-radius:24px;position:relative;overflow:hidden}.login-view{align-content:center;gap:18px;min-height:100%;padding:28px;display:grid;position:relative}.login-close{color:#fff;background:#0d11179e;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid;position:absolute;top:18px;right:18px}.login-brand{color:#fff;letter-spacing:0;font-size:21px}.login-view h1{color:#fff;max-width:290px;margin:0;font-size:32px;line-height:1.05}.login-view p{color:#cbd5e1;max-width:310px;margin:10px 0 0;font-size:14px;line-height:1.5}.login-view .login-account-notice{color:#f8fafc;margin:-2px 0 0;font-size:12px;line-height:1.45}.login-view .login-legal-notice{color:#cbd5e1;margin:-7px 0 0;font-size:12px;line-height:1.45}.login-legal-notice a{color:#ffb2a8;font-weight:900;text-decoration:none}.login-view .login-form-error{color:#fecdd3;margin:-4px 0 0;font-size:12px;font-weight:800;line-height:1.4}.login-view label{color:#cbd5e1;text-transform:uppercase;gap:7px;font-size:12px;font-weight:900;display:grid}.login-view input{color:#fff;background:#0d1117b8;border:1px solid #ffffff24;border-radius:14px;outline:0;width:100%;height:48px;padding:0 14px;font-size:16px;font-weight:800}.login-button{color:#fff;background:linear-gradient(135deg,#ff725f,#e53d57);border:0;border-radius:15px;justify-content:center;align-items:center;height:50px;font-size:15px;font-weight:900;display:inline-flex}.login-button:disabled{opacity:.65}.guest-button{color:#cbd5e1;background:0 0;border:0;min-height:42px;font-size:13px;font-weight:900}.legal-view{color:#f8fafc;background:linear-gradient(#151922,#090b0f 72%),#090b0f;grid-template-rows:auto minmax(0,1fr);height:100%;display:grid}.legal-topbar{background:#090b0fe6;border-bottom:1px solid #ffffff17;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.legal-topbar button{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.legal-topbar span{font-size:14px;font-weight:900}.legal-layout{min-height:0;padding:14px;overflow-y:auto}.legal-menu{gap:8px;margin-bottom:14px;display:grid}.legal-menu a{color:#dbe4f0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-size:12px;font-weight:900;text-decoration:none;display:grid}.legal-menu a.active{color:#fff;background:#ff725f29;border-color:#ff725f94}.legal-document{gap:16px;padding-bottom:18px;display:grid}.legal-eyebrow{color:#ff9b8f;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.legal-document h1{color:#fff;margin:-8px 0 0;font-size:30px;line-height:1.06}.legal-summary,.legal-section p,.company-block span,.company-block a{color:#cbd5e1;font-size:13px;line-height:1.55}.legal-summary{margin:-6px 0 4px}.legal-section{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:16px;gap:8px;padding:14px;display:grid}.legal-section h2{color:#fff;margin:0;font-size:17px;line-height:1.15}.legal-section p{margin:0}.legal-action-link{color:#ff9a8c;background:#ff725f1a;border:1px solid #ff725f61;border-radius:8px;align-items:center;gap:7px;width:fit-content;min-height:42px;margin-top:12px;padding:0 14px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.legal-embed-shell{background:#fff;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 18px 40px #00000038}.legal-embed-frame{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.legal-footer{background:#07090db8;border:1px solid #ffffff1a;border-radius:16px;gap:14px;margin-top:6px;padding:16px;display:grid}.legal-footer-links{flex-wrap:wrap;gap:8px;display:flex}.legal-footer-links a{color:#f8fafc;background:#ffffff14;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:900;text-decoration:none}.card-brand-strip{flex-wrap:wrap;gap:7px;display:flex}.card-brand-strip span{background:#fff;border-radius:7px;justify-content:center;align-items:center;width:58px;height:36px;padding:5px;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a24}.card-brand-strip img{object-fit:contain;width:100%;height:100%;display:block}.company-block{gap:6px;display:grid}.company-block span,.company-block a{color:#cbd5e1;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;min-height:20px;line-height:20px;text-decoration:none;display:inline-flex}.company-block svg{flex:0 0 14px;align-self:center;width:14px;height:14px}@media (width<=899px){.profile-subscription-head{grid-template-columns:minmax(0,1fr)}.profile-subscription-head small{text-align:left;justify-self:start}.profile-subscription-plan strong{font-size:18px}.profile-subscription-facts,.profile-subscription-plans{grid-template-columns:minmax(0,1fr)}.profile-subscription-plan+.profile-subscription-plan{border-top:1px solid #ffffff17;border-left:0;padding-left:0}.profile-subscription-plan:first-child{padding-right:0}.profile-subscription-footer,.profile-subscription-actions{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.profile-subscription-footer{gap:14px}.profile-subscription-actions{gap:8px}.profile-subscription-button,.profile-subscription-cancel{width:100%;min-width:0}.profile-subscription-button{order:-1}}@media (width<=520px){.subscription-plan-options{grid-template-columns:minmax(0,1fr)}.subscription-checkout-details div{grid-template-columns:minmax(0,1fr);gap:3px}.app-shell{padding:0}.phone-frame{border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh}.player-layer{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:0;box-shadow:none;overscroll-behavior:none;background:#000;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);inset:0}.player-layer.player-swipe-up{animation:.32s cubic-bezier(.22,1,.36,1) player-page-in-from-bottom}.player-layer.player-swipe-down{animation:.32s cubic-bezier(.22,1,.36,1) player-page-in-from-top}.player-topbar{padding:calc(12px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(#000000eb,#0000008f)}.video-stage{padding:0 0 env(safe-area-inset-bottom);touch-action:pan-x;gap:8px}.player-media{border-radius:0}.video-stage strong{background:#000;width:100%;padding:4px 16px 10px;font-size:14px}.video-controls{gap:7px;width:calc(100% - 24px);min-height:42px;padding:5px 8px}.video-time{font-size:11px}@media (prefers-reduced-motion:reduce){.player-layer.player-swipe-up,.player-layer.player-swipe-down{animation:none}}.profile-card{border-radius:16px;min-height:88px;padding:15px}.profile-subscription-button{border-radius:14px;min-height:46px;margin-top:6px;font-size:14px}.profile-billing-actions{grid-template-columns:minmax(0,1fr)}.profile-billing-button{min-height:44px}.subscription-overlay{padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));place-items:center}.subscription-dialog{overscroll-behavior:contain;border-radius:20px;gap:12px;width:min(100%,440px);max-height:calc(100dvh - 48px);padding:18px;overflow-y:auto}.billing-form,.billing-select-actions{grid-template-columns:minmax(0,1fr)}.billing-dialog{width:min(100%,430px);max-height:calc(100dvh - 40px)}.billing-profile-list{max-height:min(42dvh,300px)}.billing-form-actions{grid-template-columns:minmax(0,1fr);display:grid}.subscription-dialog h2{margin-top:4px;font-size:24px}.subscription-dialog p{max-width:none;font-size:14px}.subscription-close{width:36px;height:36px;top:12px;right:12px}.subscription-icon{border-radius:13px;width:42px;height:42px}.payment-method-button{border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:10px}.payment-method-icon{border-radius:12px;width:40px;height:40px}.payment-method-copy strong{font-size:14px}.payment-method-copy small{font-size:12px}.payment-method-tag{padding:4px 7px;font-size:10px}}@media (width<=360px){.payment-method-button{grid-template-columns:38px minmax(0,1fr)}.payment-method-tag{grid-column:2;justify-self:start;margin-top:-2px}}@media (width>=900px){.app-shell{grid-template-rows:auto auto;align-content:start;place-items:stretch center;gap:18px;padding:32px 32px 28px}.phone-frame{border-radius:24px;width:min(1180px,100vw - 64px);height:min(760px,100vh - 178px);min-height:620px}.profile-legal-footer{display:none}.desktop-site-footer{width:min(1180px,100vw - 64px);display:block}.desktop-site-footer .legal-footer{background:#07090d52;border-width:1px 0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"links logos""company company";align-items:center;margin:0;padding:18px 20px}.desktop-site-footer .legal-footer-links{grid-area:links}.desktop-site-footer .card-brand-strip{grid-area:logos;justify-content:flex-end}.desktop-site-footer .company-block{flex-wrap:wrap;grid-area:company;gap:8px 16px;padding-top:4px;display:flex}.status-row{padding:20px 28px 14px;left:88px}.bottom-nav{background:#06080cf5;border-top:0;border-right:1px solid #ffffff17;grid-template-rows:repeat(5,84px);grid-template-columns:none;align-content:start;width:88px;min-height:100%;padding-top:86px;top:0;bottom:0;right:auto}.bottom-nav button{gap:7px;min-height:84px;padding:8px 6px;font-size:12px}.bottom-nav button:hover,.logout-button:hover,.reel-actions button:hover,.drama-card:hover,.ranking-card:hover,.package-card:hover,.daily-card:hover,.continue-card:hover,.episode-dock-head button:hover,.episode-sheet-head button:hover,.episode-chip:hover{border-color:#ff725f57}.reel-view,.library-view,.ranking-view,.history-view,.rewards-view,.profile-view{width:calc(100% - 88px);margin-left:88px}.legal-topbar{padding-left:112px}.legal-layout{grid-template-columns:260px minmax(0,1fr);gap:20px;padding:22px 26px 26px 112px;display:grid}.legal-menu{align-self:start;margin-bottom:0;position:sticky;top:0}.legal-document{max-width:760px}.poster-bg,.poster-shade{left:0;right:380px}.poster-bg{width:auto}.poster-shade{background:linear-gradient(#00000014 10%,#00000052 56%,#000000db 100%),linear-gradient(90deg,#00000075,#0000 62%),linear-gradient(270deg,#07090db3,#0000 24%)}.player-layer{border-radius:18px;min-height:0;inset:92px 408px 132px 28px}.player-video{max-height:48vh}.reel-actions{grid-template-columns:repeat(2,54px);bottom:34px;right:404px}.reel-content{background:linear-gradient(#141920fa,#090b0ffa),#090b0f;border-left:1px solid #ffffff17;flex-direction:column;gap:14px;width:380px;padding:92px 24px 24px;display:flex;inset:0 0 0 auto;overflow-y:auto}.reel-content.episodes-expanded{overflow:hidden}.reel-content.episodes-expanded .episode-meta,.reel-content.episodes-expanded>h1,.reel-content.episodes-expanded>p,.reel-content.episodes-expanded>.unlock-panel,.reel-content.episodes-expanded>.vip-note,.reel-content.episodes-expanded>.continue-card{display:none}.reel-content h1{margin:-2px 0 2px;font-size:28px;line-height:1.12}.reel-content p{max-width:none;margin-bottom:0;font-size:14px}.unlock-panel{flex-direction:column;align-items:stretch;gap:10px}.entitlement-actions{grid-template-columns:minmax(0,1fr);min-width:0}.continue-card{flex:none}.episode-dock{flex:none;min-height:0;margin-top:16px;position:relative}.episode-rail{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));align-content:start;gap:8px;max-height:212px;margin-top:10px;padding-bottom:0;display:grid;overflow:hidden}.reel-content:not(.episodes-expanded) .episode-rail{position:relative}.reel-content:not(.episodes-expanded) .episode-dock.is-expandable .episode-rail:after{content:"";pointer-events:none;background:linear-gradient(#090b0f00,#090b0fd1 64%,#090b0ffa);height:44px;position:absolute;bottom:-6px;left:0;right:0}.reel-content.episodes-expanded .episode-dock{grid-template-rows:auto minmax(0,1fr);height:100%;margin-top:0;display:grid}.reel-content.episodes-expanded .episode-dock-head{border-bottom:1px solid #ffffff1a;padding-bottom:14px}.reel-content.episodes-expanded .episode-dock-head>span{color:#fff;text-transform:none;font-size:18px}.reel-content.episodes-expanded .episode-rail{overscroll-behavior:contain;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;min-height:0;max-height:none;padding:14px 2px 2px 0;overflow-y:auto}.episode-chip{width:100%;min-width:0}.episode-sheet-backdrop,.episode-sheet{display:none}.library-view,.ranking-view,.history-view,.rewards-view,.profile-view{padding:92px 32px 32px}.drama-list,.ranking-list,.package-list{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-content:start}.profile-stack{grid-template-columns:minmax(0,1fr);align-items:start}.profile-heading{grid-column:1/-1}.profile-identity{grid-template-columns:52px minmax(0,1fr) max-content;min-height:96px}.profile-identity-status{text-align:right;grid-column:3;justify-items:end}.profile-subscription-card{gap:12px}.profile-subscription-body{grid-template-columns:minmax(0,1fr)}.subscription-overlay{place-items:center;padding:32px 32px 32px 120px}.subscription-dialog{width:min(420px,100%)}.subscription-dialog.subscription-dialog-payment{width:min(760px,100%);max-height:min(760px,100dvh - 80px)}.subscription-dialog-payment .payment-method-list{grid-template-columns:repeat(2,minmax(0,1fr))}.drama-card,.ranking-card{border-radius:16px;min-height:116px}.ranking-card{grid-template-columns:46px 78px minmax(0,1fr) 20px}.ranking-position{width:46px}.ranking-card img,.drama-card img{width:78px;height:92px}.wallet-summary{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:560px}.daily-card{max-width:560px}.package-card{min-height:86px}.toast{width:min(460px,100% - 152px);bottom:28px;left:120px;right:auto}.auth-overlay{padding-left:106px}.login-frame{justify-self:center;width:min(440px,100%)}}@keyframes player-page-in-from-bottom{0%{opacity:.35;transform:translateY(7%)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes player-page-in-from-top{0%{opacity:.35;transform:translateY(-7%)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=1200px){.phone-frame,.desktop-site-footer{width:min(1280px,100vw - 80px)}.poster-bg,.poster-shade{right:420px}.player-layer{right:448px}.reel-actions{right:444px}.reel-content{width:420px;padding-left:28px;padding-right:28px}.episode-sheet{width:420px}}