:root{--ink:#0f172a;--muted:#64748b;--primary:#2563eb;--line:#e2e8f0;--surface:#fff}*{letter-spacing:0}body{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{z-index:10}.hero{min-height:430px;background:radial-gradient(circle at 75% 35%,#dbeafe 0,#eff6ff 24%,#f8fafc 55%,#fff 100%)}.hero-copy{padding:55px 0}.eyebrow{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:700}.drama-row{display:flex;gap:18px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.drama-card{display:block;flex:0 0 165px;color:var(--ink);text-decoration:none}.cover,.detail-cover{aspect-ratio:2/3;background:#dbeafe linear-gradient(135deg,#0f172a,#2563eb);background-size:cover;background-position:center;border-radius:8px;position:relative;box-shadow:0 6px 18px #0f172a12}.cover .badge{position:absolute;top:8px;right:8px;font-size:.65rem}.detail-cover{min-height:430px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:.78rem;color:var(--muted)}.episode-list{border-top:1px solid var(--line)}.episode-item{display:flex;gap:14px;align-items:center;padding:15px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.episode-item:hover{background:#f8fafc}.episode-number{font-size:1.1rem;font-weight:700;color:var(--primary);width:32px}.video-frame{aspect-ratio:16/9;background:#020617;border-radius:8px;overflow:hidden;position:relative}.video-frame video{width:100%;height:100%;display:block}.video-lock{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#020617e8;color:white;padding:24px}.lock-icon{font-size:2rem}.sidebar-panel,.stat-card,.product-card,.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.mini-episode{border-bottom:1px solid var(--line)}.mini-episode a{display:flex;gap:10px;padding:10px 0;color:var(--ink);text-decoration:none}.mini-episode.active{font-weight:700;color:var(--primary)}.search-bar{position:relative;max-width:720px}.search-bar span{position:absolute;right:16px;top:10px;font-size:1.5rem;color:var(--muted)}.empty-state{grid-column:1/-1;border:1px dashed var(--line);padding:40px;text-align:center;color:var(--muted)}.auth-panel{max-width:440px}.stat-card{height:100%;display:flex;flex-direction:column;gap:6px}.stat-card small{color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.stat-card strong{font-size:1.8rem}.stat-card a,.link-button{font-size:.82rem;color:var(--primary);text-decoration:none;background:none;border:0;padding:0;text-align:left}.product-card{height:100%}.admin-bg{background:#f1f5f9}.admin-login{margin:12vh auto}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--ink);color:white;display:flex;flex-direction:column;padding:24px}.admin-sidebar .brand{font-size:1.3rem;font-weight:700;color:white;text-decoration:none}.admin-sidebar .brand span{color:#60a5fa}.admin-role{font-size:.7rem;color:#94a3b8;margin:10px 0 30px}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:6px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{color:white;background:#1e293b}.admin-main{margin-left:240px;padding:36px;min-height:100vh}.modal-backdrop-custom{position:fixed;inset:0;background:#0f172a88;display:grid;place-content:center;z-index:20}.modal-card{background:white;border-radius:8px;padding:24px;width:min(92vw,460px)}@media(max-width:767px){.hero{min-height:390px}.hero-copy{padding:30px 0}.detail-cover{min-height:320px}.admin-sidebar{position:static;width:auto;min-height:auto;gap:10px}.admin-main{margin-left:0;padding:20px}.admin-sidebar nav{display:flex;overflow:auto}.admin-sidebar .btn{margin-top:0!important}.drama-card{flex-basis:140px}}
.home-banner{min-height:250px;border-radius:8px;padding:34px;display:flex;align-items:end;text-decoration:none;background-size:cover;background-position:center;box-shadow:0 12px 28px #0f172a20}.category-pills{display:flex;gap:8px;overflow:auto}
.recommend-cover{width:42px;height:58px;flex:0 0 42px;border-radius:4px;background-size:cover;background-position:center}
.account-tabs{display:flex;gap:8px;overflow:auto}
.status-select{width:130px}
.rank-number{position:absolute;z-index:4;left:8px;bottom:8px;padding:0;border:0;border-radius:0;background:transparent;font-size:2rem;font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 8px #000}
body.reel-home-page{overflow-x:hidden}
.reel-global-tag-badge{position:absolute;top:8px;left:8px;z-index:3;max-width:calc(100% - 16px);overflow:hidden;padding:4px 7px;border-radius:3px;background:#e54848;color:#fff;font-size:.62rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.reel-category-cover .reel-global-tag-badge{top:10px;left:10px}.reel-series-poster-wrap{position:relative;width:max-content}.reel-series-poster-wrap .reel-global-tag-badge{top:12px;left:12px}.recommend-cover{position:relative}.reel-history-item{position:relative}.reel-history-item .reel-history-badge{top:6px;right:auto;left:6px}
.mobile-app{min-height:100vh;padding-bottom:4.5rem;background:#050505;color:#fff}.mobile-app.bg-light{background:#050505!important;color:#fff}.mobile-site-header{position:sticky;top:0;z-index:20;background:#050505;border-bottom:0.0625rem solid #262626}.mobile-navbar{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;max-width:40rem;margin:0 auto;padding:0 1rem}.mobile-header-actions{display:flex;align-items:center;gap:1.125rem}.mobile-app .reel-icon-link,.mobile-app .reel-avatar-link{color:#fff}.mobile-app .reel-icon-link svg{width:1.375rem;height:1.375rem}.mobile-app .reel-avatar-link svg{width:1.6875rem;height:1.6875rem}.mobile-app .reel-home .reel-hero,.mobile-app .reel-home .reel-hero-layout{min-height:31.25rem}.mobile-app .reel-home .reel-hero{background-position:58% center}.mobile-app .reel-home .reel-hero-layout{align-items:flex-end;padding:3.5rem 1rem 7rem}.mobile-app .reel-home .reel-hero-copy{width:min(100%,21.875rem);padding:0}.mobile-app .reel-home .reel-hero-copy h1{font-size:1.8rem}.mobile-app .reel-home .reel-banner-nav{right:1rem;bottom:1.5rem;left:1rem;max-width:none}.mobile-app .reel-home .reel-shelves{padding:1.375rem 1rem 0.75rem}.mobile-app .reel-home .reel-shelf{margin-bottom:1.875rem}.mobile-app .reel-home .reel-shelf-heading h2{font-size:1.18rem}.mobile-app .reel-home .reel-drama-card{flex-basis:7.625rem}.mobile-app .reel-home .reel-cover{border-radius:0.3125rem}.mobile-app main>.container{max-width:40rem}.mobile-app .text-secondary{color:#a3a3a3!important}.mobile-app .eyebrow{color:#f26a6a}.mobile-app .btn-primary{border-color:#e54848;background:#e54848}.mobile-app .btn-outline-secondary{border-color:#525252;color:#fff}.mobile-app .btn-outline-secondary:hover{border-color:#737373;background:#262626;color:#fff}.mobile-app .detail-cover,.mobile-app .cover{box-shadow:0 0.3125rem 0.875rem #0009}.mobile-app .episode-list,.mobile-app .mini-episode,.mobile-app .border-bottom{border-color:#292929!important}.mobile-app .episode-item,.mobile-app .mini-episode a{color:#fff}.mobile-app .episode-item:hover{background:#171717}.mobile-app .sidebar-panel,.mobile-app .stat-card,.mobile-app .product-card,.mobile-app .auth-panel{border-color:#292929;background:#171717;color:#fff}.mobile-app .form-control,.mobile-app .form-select{border-color:#404040;background:#fff;color:#171717}.mobile-app .empty-state{border-color:#525252;color:#a3a3a3}.mobile-app .table{--bs-table-color:#fff;--bs-table-bg:#171717;--bs-table-border-color:#292929}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);min-height:4rem;padding:0.4375rem max(1rem,env(safe-area-inset-right)) calc(0.4375rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#111;border-top:0.0625rem solid #292929}.mobile-bottom-nav a{display:grid;place-items:center;gap:0.1875rem;min-width:0;color:#9b9b9b;font-size:.68rem;font-weight:650;text-decoration:none}.mobile-bottom-nav a.active{color:#f04b4b}.mobile-bottom-nav svg{width:1.3125rem;height:1.3125rem;stroke-width:2}.mobile-bottom-nav span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}@media(min-width:641px){.mobile-site-header,.mobile-bottom-nav{max-width:40rem;margin-left:auto;margin-right:auto}.mobile-bottom-nav{right:auto;left:50%;width:40rem;transform:translateX(-50%);border-right:0.0625rem solid #292929;border-left:0.0625rem solid #292929}}@media(max-width:390px){.mobile-app .reel-home .reel-hero-copy h1{font-size:1.58rem}.mobile-app .reel-home .reel-drama-card{flex-basis:7.25rem}}
.admin-sidebar{overflow-y:auto}.admin-nav{padding-bottom:20px}.admin-nav-group{color:#64748b;font-size:.68rem;font-weight:700;margin:20px 12px 6px;text-transform:uppercase}.admin-nav-group:first-child{margin-top:0}.admin-sidebar nav a{display:flex;align-items:center;gap:9px}.nav-dot{width:6px;height:6px;border-radius:50%;background:#475569;flex:0 0 6px}.admin-sidebar nav a.active .nav-dot{background:#60a5fa}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.admin-filters{position:sticky;top:0;z-index:2}.admin-data-table{min-width:760px}.admin-data-table th{font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap}.admin-data-table td{max-width:250px;vertical-align:middle}.admin-data-table td:not(:last-child){overflow:hidden;text-overflow:ellipsis}.admin-editor-card{width:min(92vw,620px);max-height:88vh;overflow:auto}.admin-detail{max-width:1280px}.detail-block .table{min-width:640px}.detail-block{overflow:auto}.admin-section a{color:var(--primary)}@media(max-width:767px){.admin-toolbar{display:block}.admin-toolbar .text-end{text-align:left!important;margin-top:10px}.admin-filters{position:static}.admin-main{padding:16px}.admin-nav-group{display:none}.admin-sidebar nav{display:flex;gap:4px;padding-bottom:4px}.admin-sidebar nav a{white-space:nowrap;padding:7px 9px}.admin-sidebar nav a .nav-dot{display:none}.admin-sidebar{overflow:visible}.admin-detail{padding:18px!important}.admin-data-table{min-width:680px}}
[v-cloak]{display:none}.reel-home-loading{display:grid;min-height:calc(100dvh - 60px);place-items:center;grid-auto-flow:column;gap:8px;background:#050505}.reel-home-loading span{width:8px;height:8px;border-radius:50%;background:#e54848;animation:reel-home-loading 1s ease-in-out infinite}.reel-home-loading span:nth-child(2){animation-delay:.14s}.reel-home-loading span:nth-child(3){animation-delay:.28s}@keyframes reel-home-loading{50%{opacity:.35;transform:translateY(5px)}}.reel-home-page{background:#000;color:#fff}.reel-home-page .site-header{border:0}.reel-site-header{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(#000b,transparent)}.reel-navbar{min-height:78px;padding:18px 0}.reel-brand{display:flex;align-items:center;gap:8px;color:#fff!important;font-size:1.25rem;font-weight:800;text-decoration:none}.reel-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#e23b3b;color:#fff;font-size:1rem;font-weight:900}.reel-nav-links{gap:12px;margin-left:32px}.reel-nav-links .nav-link{color:#fff!important;font-size:.94rem;font-weight:700;opacity:.92}.reel-nav-links .nav-link.active{color:#ed4141!important}.reel-header-actions{gap:17px;color:#fff}.reel-icon-link,.reel-avatar-link,.reel-language-link{color:#fff;text-decoration:none;display:flex;align-items:center;gap:6px}.reel-icon-link svg{width:23px;height:23px;stroke-width:2}.reel-avatar-link{opacity:.72}.reel-avatar-link svg{width:31px;height:31px;stroke-width:1.6}.reel-language-link{font-size:.91rem;font-weight:700}.reel-language-link svg{width:22px;height:22px}.reel-top-up{border-radius:999px;background:#e54848;color:#fff;font-size:.9rem;font-weight:800;line-height:40px;padding:0 24px;text-decoration:none}.reel-hero{position:relative;min-height:580px;background-color:#050505;background-position:center;background-size:cover}.reel-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#000d 28%,#0004 53%,#0000 78%),linear-gradient(0deg,#000 0%,transparent 28%)}.reel-hero-layout{position:relative;min-height:580px;display:flex;align-items:center;padding:116px 0 82px}.reel-hero-copy{width:min(445px,44vw);padding-top:32px}.reel-hero-copy h1{margin:0 0 14px;color:#fff;font-size:2.05rem;font-weight:800;line-height:1.14}.reel-audience{display:inline-flex;border-radius:999px;background:#ffffff24;color:#fff;padding:5px 12px;font-size:.76rem;font-weight:700}.reel-hero-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:13px 0 22px;color:#e7e7e7;font-size:.94rem;line-height:1.5}.reel-play{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:216px;height:56px;border-radius:999px;background:#fff;color:#111;font-size:1rem;font-weight:800;text-decoration:none}.reel-play svg{width:19px;height:19px;fill:currentColor;stroke-width:1}.reel-banner-nav{position:absolute;right:0;bottom:66px;display:flex;align-items:center;gap:11px;max-width:48%}.reel-banner-thumb{width:74px;height:99px;flex:0 0 74px;border:0;border-radius:6px;background-color:#222;background-position:center;background-size:cover;opacity:.76;transition:transform .18s ease,opacity .18s ease;box-shadow:0 4px 14px #0008}.reel-banner-thumb:hover,.reel-banner-thumb.active{opacity:1;transform:translateY(-4px);outline:2px solid #fff;outline-offset:2px}.reel-banner-next{display:grid;place-items:center;width:34px;height:48px;border:0;border-radius:5px;background:#4b4b4bcc;color:#fff}.reel-banner-next svg{width:24px;height:24px}.reel-shelves{padding-top:6px;padding-bottom:40px}.reel-shelf{margin:0 0 42px}.reel-shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reel-shelf-heading h2{margin:0;color:#fff;font-size:1.45rem;font-weight:800}.reel-shelf-heading a{color:#c8c8c8;font-size:.82rem;font-weight:600;text-decoration:none}.reel-drama-row{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 13px;scrollbar-width:none}.reel-drama-row::-webkit-scrollbar{display:none}.reel-drama-card{display:block;flex:0 0 150px;min-width:0;color:#fff;text-decoration:none}.reel-cover{position:relative;aspect-ratio:3/4;background-position:center;background-size:cover;border-radius:6px;overflow:hidden;box-shadow:0 4px 13px #0008;transition:transform .18s ease}.reel-drama-card:hover .reel-cover{transform:translateY(-4px)}.reel-cover::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#0008)}.reel-episode-count{position:absolute;z-index:1;right:7px;bottom:7px;font-size:.67rem;font-weight:700}.reel-drama-card h3{overflow:hidden;margin:10px 0 4px;color:#fff;font-size:.85rem;font-weight:750;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.reel-drama-card p{overflow:hidden;margin:0;color:#a8a8a8;font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.reel-loading,.reel-empty{min-height:160px;display:grid;place-items:center;color:#aaa}.reel-home-footer{border-top:1px solid #292929;padding:24px 0;background:#000;color:#aaa}.reel-home-footer a{color:#aaa;text-decoration:none}.reel-home-footer a:hover{color:#fff}.reel-home-page .navbar-toggler{border-color:#777;background:#fff}@media(max-width:991px){.reel-site-header{position:relative;background:#050505}.reel-navbar{padding:12px}.reel-nav-links{margin:14px 0 0}.reel-header-actions{margin:16px 0;gap:14px}.reel-hero,.reel-hero-layout{min-height:540px}.reel-hero-layout{padding-left:24px;padding-right:24px}.reel-banner-nav{right:24px}}@media(max-width:640px){.reel-navbar{min-height:60px}.reel-brand{font-size:1.1rem}.reel-brand-mark{width:28px;height:28px}.reel-hero,.reel-hero-layout{min-height:575px}.reel-hero{background-position:60% center}.reel-hero-shade{background:linear-gradient(90deg,#000e 0%,#000a 59%,#0002 100%),linear-gradient(0deg,#000 0%,transparent 28%)}.reel-hero-layout{align-items:flex-end;padding:92px 24px 156px}.reel-home-loading{min-height:calc(100dvh - 60px)}.reel-hero-copy{width:100%;padding:0}.reel-hero-copy h1{font-size:1.75rem}.reel-hero-copy p{max-width:340px;font-size:.86rem}.reel-play{height:50px;min-width:172px}.reel-banner-nav{right:24px;bottom:36px;left:24px;max-width:none;overflow:hidden}.reel-banner-thumb{width:58px;height:78px;flex-basis:58px}.reel-banner-next{position:absolute;right:0}.reel-shelves{padding:22px 16px 24px}.reel-shelf{margin-bottom:32px}.reel-shelf-heading h2{font-size:1.25rem}.reel-drama-row{gap:11px}.reel-drama-card{flex-basis:128px}.reel-header-actions{flex-wrap:wrap}.reel-language-link{font-size:.82rem}.reel-top-up{line-height:34px;padding:0 16px}.reel-home-footer{padding:20px 16px}}
.reel-inner-page{background:#050505;color:#fff}
.reel-inner-page .reel-site-header{position:sticky;top:0;background:#050505;border-bottom:1px solid #262626}.reel-inner-page .reel-navbar{min-height:70px;padding:12px 0}.reel-inner-page .navbar-brand,.reel-inner-page .navbar-brand .text-dark,.reel-inner-page .nav-link{color:#fff!important}.reel-inner-page .nav-link:hover{color:#f05a5a!important}.reel-inner-page .navbar-toggler{border-color:#555;background:#fff}.reel-inner-page .reel-inner-navbar .btn-outline-secondary{border-color:#555;color:#fff}.reel-inner-page .reel-inner-navbar .btn-primary{background:#e54848;border-color:#e54848}.reel-inner-page main{min-height:calc(100vh - 140px)}.reel-inner-page footer{border-color:#292929!important;background:#050505!important;color:#8f8f8f}.reel-inner-page footer a{color:#aaa}.reel-inner-page .text-secondary{color:#a3a3a3!important}.reel-inner-page .text-dark{color:#fff!important}.reel-inner-page .btn-outline-secondary{border-color:#525252;color:#fff}.reel-inner-page .btn-outline-secondary:hover{background:#262626;color:#fff}.reel-inner-page .form-control,.reel-inner-page .form-select{border-color:#404040;background:#171717;color:#fff}.reel-inner-page .form-control::placeholder{color:#8f8f8f}.reel-inner-page .form-select option{background:#171717;color:#fff}.reel-breadcrumb{display:flex;gap:8px;align-items:center;padding:26px 0;color:#8f8f8f;font-size:.84rem}.reel-breadcrumb a{color:#f06a6a;text-decoration:none}.reel-kicker{display:inline-block;margin:0 0 12px;color:#f06a6a;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.reel-detail{padding-bottom:72px}.reel-detail-hero{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:44px;align-items:center;padding:12px 0 58px}.reel-detail-hero .detail-cover{min-height:420px;background-color:#171717}.reel-detail-copy h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.1}.reel-detail-description{max-width:700px;color:#c2c2c2;line-height:1.65}.reel-stat-row{display:flex;gap:20px;margin:24px 0;color:#a8a8a8;font-size:.9rem}.reel-actions,.reel-watch-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reel-primary-action,.reel-secondary-action,.reel-preview-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-weight:750;text-decoration:none;cursor:pointer}.reel-primary-action{background:#e54848;color:#fff}.reel-primary-action:hover{background:#f05b5b;color:#fff}.reel-primary-action.is-disabled{pointer-events:none;opacity:.45}.reel-secondary-action{background:#171717;border-color:#4a4a4a;color:#fff}.reel-secondary-action:hover{background:#282828}.reel-secondary-action:disabled{opacity:.5;cursor:not-allowed}.reel-preview-action{background:transparent;color:#fff;border-color:#777}.reel-action-message{color:#7ee2a8;font-size:.82rem}.reel-detail-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:52px;border-top:1px solid #292929;padding-top:42px}.reel-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.reel-section-heading h1,.reel-section-heading h2{margin:0;font-weight:800}.reel-section-heading h1{font-size:2.2rem}.reel-section-heading h2{font-size:1.5rem}.reel-section-heading h2 span{color:#8f8f8f;font-weight:500}.reel-section-heading a{color:#d3d3d3;text-decoration:none;font-size:.82rem}.reel-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reel-episode-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:92px;padding:15px 42px 13px 16px;background:#121212;border:1px solid #292929;border-radius:6px;color:#fff;text-decoration:none}.reel-episode-card:hover,.reel-episode-card:focus{border-color:#e54848;background:#1b1b1b;color:#fff}.reel-episode-card small{color:#9c9c9c;font-size:.72rem;text-transform:uppercase}.reel-episode-number{color:#f06a6a;font-size:.72rem;font-weight:800}.reel-lock{font-size:.75rem}.reel-episode-card .reel-lock{position:absolute;right:14px;top:16px}.reel-story-aside{padding:22px;background:#121212;border:1px solid #292929;border-radius:6px}.reel-story-aside h2,.reel-comments h2,.reel-faq h2{margin:0 0 14px;font-size:1.25rem}.reel-story-aside p,.reel-faq p{color:#b7b7b7;line-height:1.65}.reel-comments,.reel-related,.reel-faq{border-top:1px solid #292929;margin-top:48px;padding-top:38px}.reel-comment-form{display:flex;gap:10px;margin-bottom:16px}.reel-comment-form input{min-width:0;flex:1;padding:12px 14px;border:1px solid #404040;border-radius:6px;background:#171717;color:#fff}.reel-comment{padding:15px 0;border-bottom:1px solid #292929}.reel-comment .small span{color:#8f8f8f}.reel-comment p{margin:8px 0;color:#ddd}.reel-comment .link-button{color:#f06a6a}.reel-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.reel-related-card{display:flex;flex-direction:column;gap:8px;min-width:0;color:#fff;text-decoration:none}.reel-related-card span{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.reel-related-card .recommend-cover{width:100%;height:auto;aspect-ratio:3/4;border-radius:6px}.reel-faq details{border-bottom:1px solid #292929;padding:14px 0}.reel-faq summary{cursor:pointer;font-weight:700}.reel-faq p{margin:12px 0 0}
.reel-watch{padding-bottom:72px}.reel-watch-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:28px}.reel-player-frame{border:1px solid #292929}.reel-watch-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:20px}.reel-watch-heading h1{margin:0;font-size:1.65rem}.reel-watch-heading p{margin:8px 0 0;color:#a8a8a8}.reel-watch-meta{margin-top:34px}.reel-watch-meta h2{font-size:1.15rem}.reel-watch-meta p{max-width:760px;color:#b7b7b7;line-height:1.65}.reel-watch-sidebar{height:max-content;background:#121212;border:1px solid #292929;border-radius:6px;padding:18px}.reel-sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reel-sidebar-heading h2{margin:0;font-size:1.1rem}.reel-sidebar-heading span{color:#8f8f8f}.reel-watch-episode-list{max-height:620px;overflow:auto}.reel-watch-episode-list a{display:flex;align-items:center;gap:9px;padding:11px 8px;border-bottom:1px solid #292929;color:#ddd;text-decoration:none;font-size:.84rem}.reel-watch-episode-list a:hover,.reel-watch-episode-list a.active{background:#242424;color:#fff}.reel-watch-episode-list a.active{border-left:3px solid #e54848;padding-left:5px}.reel-watch-episode-list a strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-watch-episode-list a span:first-child{color:#f06a6a;font-size:.72rem;font-weight:800}.reel-watch-related{margin-top:48px}.reel-discover{padding-bottom:72px}.reel-discover h1{font-size:2.2rem}.reel-result-count{color:#a3a3a3}.reel-search-bar{max-width:760px;margin:26px 0 14px}.reel-search-bar input{width:100%;padding:14px 52px 14px 16px;border:1px solid #404040;border-radius:6px;background:#171717;color:#fff}.reel-filter-row{display:flex;gap:10px;margin-bottom:30px}.reel-filter-row select{min-width:150px;padding:10px 34px 10px 12px;border:1px solid #404040;border-radius:6px;background:#171717;color:#fff}.reel-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.reel-catalog-card{min-width:0;color:#fff;text-decoration:none}.reel-catalog-card small{color:#9c9c9c}.reel-filter-button{padding:8px 16px;border:1px solid #4a4a4a;border-radius:999px;background:#171717;color:#ccc}.reel-filter-button.active{background:#e54848;border-color:#e54848;color:#fff}.reel-auth-shell{background:#121212;border-color:#292929;color:#fff}.reel-inner-page .list-group-item,.reel-inner-page .table{background:#121212;color:#fff;border-color:#292929}.reel-inner-page .list-group-item-action:hover{background:#242424;color:#fff}.reel-inner-page .table th,.reel-inner-page .table td{border-color:#292929}.reel-account .account-tabs .btn-dark{background:#e54848;border-color:#e54848}.reel-account .product-card{background:#121212;border-color:#292929}.reel-account .stat-card{background:#121212;border-color:#292929}.reel-account .support-form{max-width:700px}
@media(max-width:900px){.reel-detail-hero{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:26px}.reel-detail-columns,.reel-watch-layout{grid-template-columns:1fr}.reel-watch-sidebar{order:-1}.reel-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){.reel-inner-page .reel-navbar{padding:10px 12px}.reel-inner-page .reel-inner-navbar .navbar-nav,.reel-inner-page .reel-inner-navbar .d-flex{gap:6px!important}.reel-inner-page .reel-inner-navbar .nav-link{font-size:.78rem;padding:.35rem}.reel-breadcrumb{padding:18px 0}.reel-detail,.reel-watch,.reel-discover{padding-right:16px;padding-left:16px}.reel-detail-hero{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-bottom:36px}.reel-detail-hero .detail-cover{min-height:0;width:100%;aspect-ratio:3/4}.reel-detail-copy h1{font-size:2rem}.reel-episode-grid{grid-template-columns:1fr}.reel-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.reel-watch-heading{display:block}.reel-watch-actions{margin-top:14px}.reel-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.reel-discover h1{font-size:1.8rem}.reel-section-heading h1{font-size:1.8rem}.reel-comment-form{align-items:stretch}.reel-comment-form .reel-secondary-action{padding:0 14px}.reel-inner-page .reel-inner-navbar .navbar-collapse{background:#050505}.reel-inner-page .reel-inner-navbar .navbar-nav{flex-direction:row;overflow:auto}.reel-inner-page .reel-inner-navbar .d-flex{flex-wrap:wrap}.reel-inner-page.mobile-app .reel-inner-navbar{display:none}}
@media(max-width:900px){.reel-watch-sidebar{order:initial}}
.reel-inner-page .auth-panel{background:#121212;border-color:#292929;color:#fff}.reel-inner-page .auth-panel .btn-dark{background:#e54848;border-color:#e54848}
/* Category pages follow the compact dark shelf layout used by ReelShort. */
.reel-category-page{padding-top:10px;padding-bottom:72px}.reel-category-page .reel-breadcrumb{padding:26px 0 22px}.reel-category-page .reel-breadcrumb a{color:#8f8f8f}.reel-category-page .reel-breadcrumb a:hover{color:#f06a6a}.reel-category-tabs{display:flex;align-items:flex-end;gap:34px;min-height:52px;border-bottom:1px solid #252525;overflow-x:auto;scrollbar-width:none}.reel-category-tabs::-webkit-scrollbar{display:none}.reel-category-tab{position:relative;display:flex;align-items:center;min-height:52px;padding:0 0 15px;color:#aaa;font-size:1rem;text-decoration:none;white-space:nowrap}.reel-category-tab:hover{color:#fff}.reel-category-tab.active{color:#f05252;font-weight:750}.reel-category-tab.active:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:#f05252;content:""}.reel-category-tags{display:flex;gap:10px;align-items:center;padding:14px 0 22px;overflow-x:auto;scrollbar-width:none}.reel-category-tags::-webkit-scrollbar{display:none}.reel-category-tag{flex:0 0 auto;padding:8px 17px;border:0;border-radius:999px;background:#1d1d1d;color:#b9b9b9;font-size:.82rem;white-space:nowrap;cursor:pointer}.reel-category-tag:hover,.reel-category-tag:focus-visible{background:#303030;color:#fff;outline:0}.reel-category-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:5px 0 20px}.reel-category-heading h1{margin:0;font-size:1.35rem;font-weight:800}.reel-category-heading .reel-kicker{display:none}.reel-category-list{display:grid;gap:16px}.reel-category-card{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:250px;overflow:hidden;border-radius:12px;background:#171717;color:#fff;box-shadow:0 8px 24px #0004}.reel-category-cover{position:relative;display:block;min-height:250px;background-color:#252525;background-position:center;background-size:cover;text-decoration:none}.reel-category-cover:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#171717);content:""}.reel-category-badge{position:absolute;top:10px;left:10px;z-index:1;padding:4px 9px;border-radius:999px;background:#ed4c50;color:#fff;font-size:.72rem;font-weight:800}.reel-category-copy{display:flex;min-width:0;flex-direction:column;padding:23px 26px 18px}.reel-category-copy h2{margin:0;font-size:1.06rem;line-height:1.3}.reel-category-copy h2 a{color:#f1f1f1;text-decoration:none}.reel-category-copy h2 a:hover{color:#f06a6a}.reel-category-description{display:-webkit-box;overflow:hidden;max-width:850px;margin:12px 0 0;color:#aaa;font-size:.82rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.reel-category-stats{display:flex;gap:16px;margin-top:auto;color:#8d8d8d;font-size:.75rem}.reel-category-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.reel-category-play{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;height:38px;padding:0 15px;border-radius:999px;background:#252525;color:#ddd;font-size:.78rem;font-weight:750;text-decoration:none}.reel-category-play:hover{background:#3a3a3a;color:#fff}.reel-category-play svg{width:15px;height:15px;fill:currentColor}.reel-category-meta{padding:5px 9px;border-radius:999px;background:#242424;color:#8f8f8f;font-size:.7rem}.reel-category-more{display:flex;justify-content:center;margin-top:26px}.reel-category-page .reel-empty{grid-column:1/-1;min-height:180px;padding:40px;border:1px dashed #424242;border-radius:10px;color:#999;text-align:center}.reel-category-page .reel-result-count{padding-bottom:3px}
@media(max-width:640px){.reel-category-page{padding-top:0;padding-right:16px;padding-left:16px}.reel-category-page .reel-breadcrumb{padding:18px 0 16px;font-size:.76rem}.reel-category-tabs{gap:24px}.reel-category-tab{font-size:.88rem}.reel-category-tags{margin-right:-16px;padding:12px 16px 18px}.reel-category-heading{margin-top:4px}.reel-category-heading h1{font-size:1.25rem}.reel-category-card{grid-template-columns:106px minmax(0,1fr);min-height:172px;border-radius:8px}.reel-category-cover{min-height:172px}.reel-category-copy{padding:15px 14px 12px}.reel-category-copy h2{font-size:.88rem}.reel-category-description{margin-top:8px;font-size:.72rem;line-height:1.45;-webkit-line-clamp:3}.reel-category-stats{gap:10px;font-size:.68rem}.reel-category-actions{gap:6px;margin-top:9px}.reel-category-play{min-width:0;height:32px;padding:0 11px;font-size:.7rem}.reel-category-play svg{width:13px;height:13px}.reel-category-meta{display:none}.reel-category-badge{top:7px;left:7px;padding:3px 7px;font-size:.62rem}}
.reel-category-tags{flex-wrap:wrap;overflow:visible}.reel-category-tag{display:inline-flex;gap:7px;align-items:center}.reel-category-tag.active{background:#e54848;color:#fff}.reel-category-tag-count{color:inherit;font-size:.72em;opacity:.75}@media(max-width:640px){.reel-category-tags{margin-right:0;padding-right:0;padding-left:0}}
.reel-heading-actions{display:flex;gap:16px;align-items:center}
.reel-search-bar{z-index:4}.search-suggestions{position:absolute;left:0;right:0;top:100%;background:#171717;border:1px solid #404040;border-top:0;border-radius:0 0 6px 6px;overflow:hidden}.search-suggestions button{display:block;width:100%;padding:10px 14px;border:0;background:transparent;color:#fff;text-align:left}.search-suggestions button:hover,.search-suggestions button.active{background:#282828;color:#f06a6a}.hot-search-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 24px}.hot-search-label{color:#8f8f8f;font-size:.78rem;text-transform:uppercase}.hot-search-row button{border:1px solid #404040;border-radius:999px;background:#171717;color:#ddd;padding:6px 12px;font-size:.78rem}.hot-search-row button:hover{border-color:#e54848;color:#fff}
.reel-comment-actions{display:flex;gap:16px}.reel-comment{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px}.reel-comment-avatar,.reel-reply-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#69413c;color:#ffd9d4;font-size:.76rem;font-weight:800}.reel-comment-avatar{width:38px;height:38px}.reel-reply-avatar{flex:0 0 26px;width:26px;height:26px;font-size:.62rem}.reel-comment-avatar img,.reel-reply-avatar img{width:100%;height:100%;object-fit:cover}.reel-comment-content{min-width:0}.reel-comment-like{display:inline-flex;align-items:center;gap:4px}.reel-comment-like svg{width:14px;height:14px}.reel-comment-like.active{color:#ff5b5b!important}.reel-comment-like.active svg{fill:currentColor}.reel-replies{margin:12px 0 0 20px;padding-left:14px;border-left:2px solid #292929}.reel-reply{display:flex;gap:8px;padding:7px 0;color:#cfcfcf;font-size:.86rem}.reel-reply strong{color:#fff}.reel-reply p{margin:4px 0}.reel-reply .reel-comment-like{padding:0;border:0;background:transparent;color:#f06a6a;font-size:.8rem}.reel-comments .reel-section-heading select{min-height:34px;padding:4px 10px;border:1px solid #404040;border-radius:6px;background:#171717;color:#fff}
.reel-comment-load-more{margin-top:10px;padding:0;border:0;background:transparent;color:#f06a6a;font-size:.8rem}.reel-comment-load-more:disabled{opacity:.5;cursor:not-allowed}
.account-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}.account-detail-grid .sidebar-panel{min-height:180px}@media(max-width:767px){.account-detail-grid{grid-template-columns:1fr}}
.reel-shelf-track{position:relative}.reel-drama-row{scroll-behavior:smooth}.reel-shelf-arrow{position:absolute;top:38%;z-index:2;display:grid;place-items:center;width:36px;height:52px;border:1px solid #555;border-radius:6px;background:#171717dd;color:#fff}.reel-shelf-arrow:hover{background:#303030}.reel-shelf-arrow svg{width:22px;height:22px}.reel-shelf-arrow-prev{left:-18px}.reel-shelf-arrow-next{right:-18px}@media(max-width:640px){.reel-shelf-arrow-prev{left:-8px}.reel-shelf-arrow-next{right:-8px}}

/* Desktop public pages use the available viewport while retaining an adaptive reading gutter. */
@media(min-width:641px){body.reel-home-page .container,body.reel-inner-page .container{width:100%;max-width:none;padding-right:clamp(24px,5.5vw,112px);padding-left:clamp(24px,5.5vw,112px)}.reel-topup-wrap{width:100%;max-width:none}}
.reel-nav-dropdown,.reel-language-dropdown{position:relative}.reel-nav-dropdown .reel-category-toggle,.reel-language-toggle{border:0;background:transparent;color:#fff}.reel-nav-dropdown .reel-category-toggle{padding:.5rem 0;font:inherit}.reel-language-toggle{display:flex;align-items:center;gap:6px;padding:0;font:inherit}.reel-nav-dropdown:hover>.dropdown-menu,.reel-nav-dropdown:focus-within>.dropdown-menu,.reel-language-dropdown:hover>.dropdown-menu,.reel-language-dropdown:focus-within>.dropdown-menu{display:block;margin-top:0}.reel-dropdown-menu{min-width:176px;padding:6px;background:#171717;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 12px 28px #0008}.reel-dropdown-menu .dropdown-item{padding:9px 12px;color:#ddd;font-size:.84rem;font-weight:650}.reel-dropdown-menu .dropdown-item:hover,.reel-dropdown-menu .dropdown-item:focus,.reel-dropdown-menu .dropdown-item.active{background:#303030;color:#fff}.reel-dropdown-menu .dropdown-divider{border-color:#383838}.mobile-header-actions .reel-language-toggle{color:#fff}

/* Full-screen account and store surfaces follow the ReelShort desktop rhythm. */
html,body{min-height:100%}.admin-bg{background:#f1f5f9!important;color:var(--ink)}.admin-bg #admin-app{color:var(--ink)}.reel-home-page,.reel-inner-page{background:#050505}.reel-inner-page{min-height:100vh}.reel-inner-page main{min-height:calc(100vh - 70px)}
.reel-navbar{padding-right:24px!important;padding-left:24px!important}.reel-inner-page .reel-site-header{background:#050505}.reel-inner-page .reel-brand{color:#fff!important}.reel-inner-page .reel-nav-links .nav-link{color:#fff!important}.reel-inner-page .reel-header-actions{color:#fff}.reel-inner-page .reel-header-actions .reel-icon-link,.reel-inner-page .reel-header-actions .reel-avatar-link,.reel-inner-page .reel-header-actions .reel-language-link{color:#fff}.reel-inner-page .reel-top-up{background:#e54848;color:#fff}

.reel-auth-main{display:grid;place-items:center;min-height:calc(100vh - 70px);padding:34px 24px 48px;background:#050505}.reel-auth-card{display:grid;grid-template-columns:minmax(260px,42%) minmax(360px,520px);width:min(880px,100%);min-height:520px;overflow:hidden;background:#151515;border:1px solid #292929;border-radius:10px;box-shadow:0 22px 70px #000b}.reel-auth-art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:520px;padding:34px;background:#1d1114 url("https://v-img.crazymaplestudios.com/v-images/book_cover_batch/204200150000005685/36129862-e015-4070-a2be-9d41bd3ece5d.jpg?v=1.0") center/cover}.reel-auth-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#080808 0%,#080808d9 22%,#08080821 70%)}.reel-auth-art-brand,.reel-auth-art p{position:relative;z-index:1}.reel-auth-art-brand{display:flex;align-items:center;gap:10px;font-size:1.7rem}.reel-auth-art p{margin:14px 0 0;color:#f5f5f5;font-size:1.05rem;line-height:1.35}.reel-auth-close{position:absolute;top:20px;right:22px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a4a4a;border-radius:50%;color:#ddd;text-decoration:none}.reel-auth-close svg{width:18px}.reel-auth-form{position:relative;display:flex;flex-direction:column;padding:34px 40px 28px}.reel-kicker{margin:0 0 12px;color:#f06a6a;font-size:.68rem;font-weight:800;letter-spacing:.14em}.reel-auth-form h1{margin:0;color:#fff;font-size:1.65rem;font-weight:800}.reel-auth-subtitle{margin:10px 0 18px;color:#a7a7a7;font-size:.9rem;line-height:1.45}.reel-social-grid{display:grid;gap:7px}.reel-social-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:39px;border:1px solid #383838;border-radius:4px;background:#292929;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer}.reel-social-button:hover{background:#353535;border-color:#555}.reel-social-icon{display:grid;place-items:center;width:20px;height:20px;font-weight:900;font-size:1rem}.reel-social-icon.google{color:#6ea8ff}.reel-social-icon.facebook{border-radius:50%;background:#fff;color:#292929;font-family:Arial}.reel-social-icon.apple{color:#fff}.reel-social-icon.tiktok{color:#8cf3ff}.reel-auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#8f8f8f;font-size:.8rem}.reel-auth-divider:before,.reel-auth-divider:after{content:"";height:1px;flex:1;background:#3a3a3a}.reel-form-stack{display:grid;gap:10px}.reel-form-stack label{display:grid;gap:6px;color:#cfcfcf;font-size:.76rem;font-weight:650}.reel-form-stack input{width:100%;height:42px;padding:0 13px;border:1px solid #3d3d3d;border-radius:4px;background:#1b1b1b;color:#fff;font:inherit;font-weight:400;outline:0}.reel-form-stack input:focus{border-color:#e54848;box-shadow:0 0 0 2px #e5484838}.reel-form-stack input::placeholder{color:#777}.reel-form-stack input::placeholder{color:#777}.reel-auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin-top:2px;border:0;border-radius:4px;background:#e54848;color:#fff;font-size:.92rem;font-weight:800;cursor:pointer}.reel-auth-submit:hover{background:#f15a5a}.reel-auth-submit:disabled{opacity:.55;cursor:not-allowed}.reel-auth-submit svg{width:17px}.reel-auth-text-button{border:0;background:transparent;color:#f18a8a;font-size:.75rem;cursor:pointer}.reel-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.reel-code-button{height:42px;padding:0 13px;border:1px solid #555;border-radius:4px;background:#252525;color:#fff;font-size:.76rem;font-weight:700;cursor:pointer}.reel-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;color:#aaa!important;font-size:.72rem!important;font-weight:400!important;line-height:1.45}.reel-check input{width:15px;height:15px;flex:0 0 15px;margin-top:1px}.reel-check a,.reel-auth-switch a,.reel-auth-legal a{color:#f18a8a}.reel-auth-error{margin:10px 0 0;color:#ff9696;font-size:.75rem}.reel-auth-switch{margin:13px 0 0;color:#aaa;text-align:center;font-size:.77rem}.reel-auth-legal{margin:9px 0 0;color:#777;text-align:center;font-size:.65rem;line-height:1.4}

.reel-topup-main{min-height:calc(100vh - 70px);padding:10px 24px 72px;background:#050505;color:#fff}.reel-topup-wrap{width:min(1080px,100%);margin:0 auto}.reel-topup-main .reel-breadcrumb{padding:27px 0 24px;color:#858585}.reel-topup-main .reel-breadcrumb a{color:#969696}.reel-topup-main .reel-breadcrumb strong{color:#fff}.reel-balance-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:0 24px;border:1px solid #262626;border-radius:8px 8px 0 0;background:#151515}.reel-balance-items{display:flex;align-items:center;gap:16px;color:#c7c7c7;font-size:.9rem}.reel-balance-items strong{color:#fff}.reel-balance-items i{width:1px;height:18px;background:#454545}.reel-coin-dot{color:#f6d891;margin-right:5px;font-size:.84rem}.reel-balance-bar a{display:flex;align-items:center;gap:4px;color:#a8a8a8;text-decoration:none;font-size:.85rem}.reel-balance-bar a:hover{color:#fff}.reel-balance-bar a svg{width:16px}.reel-topup-section{padding:26px 24px 30px;border:1px solid #262626;border-top:0;background:#151515}.reel-topup-heading h1,.reel-topup-heading h2{margin:0;color:#fff;font-size:1.2rem;font-weight:800}.reel-topup-heading h1 span{font-weight:800}.reel-topup-heading p{margin:6px 0 17px;color:#8e8e8e;font-size:.78rem}.reel-vip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reel-vip-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:132px;padding:18px 16px 0;border:1px solid #e8ce9c;border-radius:4px;background:#f1d5a5;color:#281d15;text-align:left;overflow:hidden;cursor:pointer}.reel-vip-card:hover{filter:brightness(1.06)}.reel-vip-card.featured{background:#f4d9aa}.reel-offer-badge{position:absolute;top:0;right:0;padding:3px 8px;background:#e54848;color:#fff;font-size:.64rem;font-weight:800}.reel-vip-name{font-size:.92rem;font-weight:700}.reel-vip-card strong{margin:3px 0;color:#1f1711;font-size:1.55rem;line-height:1}.reel-vip-card small{color:#604b38;font-size:.7rem}.reel-vip-benefits{display:flex;align-items:center;gap:20px;width:calc(100% + 32px);margin:16px -16px 0;padding:10px 16px;background:#e9ca97;color:#463627;font-size:.68rem;font-weight:700}.reel-vip-benefits span{display:flex;align-items:center;gap:5px}.reel-vip-benefits svg{width:15px;height:15px}.reel-coin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.reel-coin-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:160px;padding:18px 14px 14px;border:1px solid #343434;border-radius:4px;background:#2a2a2a;color:#fff;text-align:left;cursor:pointer}.reel-coin-card:hover{border-color:#e54848;background:#303030}.reel-coin-card strong{display:flex;align-items:center;gap:6px;font-size:1.3rem}.reel-coin-card>span:not(.reel-offer-badge){color:#b0b0b0;font-size:.7rem;line-height:1.5}.reel-coin-card em{margin-top:auto;color:#fff;font-size:1rem;font-style:normal;font-weight:800}.reel-coin-large{color:#f6d891;font-size:1.05rem}.reel-payment-section,.reel-subscription-details{padding:30px 24px;border:1px solid #262626;border-top:0;background:#151515}.reel-payment-section h2,.reel-subscription-details h2{margin:0 0 17px;color:#fff;font-size:1rem}.reel-payment-methods{display:flex;flex-wrap:wrap;gap:10px}.reel-payment-methods span{display:flex;align-items:center;gap:7px;min-width:125px;padding:11px 14px;border:1px solid #333;border-radius:4px;background:#202020;color:#ddd;font-size:.78rem}.reel-payment-methods svg{width:18px;color:#f0f0f0}.reel-subscription-details{padding-bottom:34px;border-radius:0 0 8px 8px}.reel-subscription-details ol{margin:0;padding-left:20px;color:#929292;font-size:.76rem;line-height:1.8}.reel-offer-skeleton{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reel-offer-skeleton span{height:132px;border-radius:4px;background:linear-gradient(90deg,#242424 0,#333 50%,#242424 100%);background-size:200% 100%;animation:reel-skeleton 1.2s infinite}.reel-coin-skeleton{grid-template-columns:repeat(5,minmax(0,1fr))}.reel-coin-skeleton span{height:160px}@keyframes reel-skeleton{to{background-position:-200% 0}}
@media(max-width:760px){.reel-auth-main{padding:24px 16px 48px}.reel-auth-card{display:block;min-height:0}.reel-auth-art{display:none}.reel-auth-form{padding:42px 24px 28px}.reel-topup-main{padding:0 12px 56px}.reel-topup-main .reel-breadcrumb{padding:20px 4px 17px}.reel-balance-bar{padding:0 14px}.reel-topup-section,.reel-payment-section,.reel-subscription-details{padding-right:14px;padding-left:14px}.reel-vip-grid{grid-template-columns:1fr}.reel-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-coin-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-payment-methods span{flex:1 1 120px}.reel-inner-page footer{margin-top:0!important}}
.mobile-topup-root{display:none}
@media(max-width:760px){
  body.mobile-topup-open{overflow:hidden}
  body.mobile-language-sheet-open{overflow:hidden}
  .mobile-language-sheet-backdrop[hidden]{display:none!important}
  .mobile-app .mobile-language-sheet-backdrop{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end;background:#000a;backdrop-filter:blur(0.125rem);-webkit-backdrop-filter:blur(0.125rem)}
  .mobile-app .mobile-language-sheet{width:100%;padding:0.5rem 1rem calc(env(safe-area-inset-bottom) + 1.125rem);border:0;border-radius:1rem 1rem 0 0;background:#17171a;color:#fff;box-shadow:0 -1.125rem 2.625rem #0008;animation:mobile-language-sheet-in .2s ease-out}
  .mobile-app .mobile-language-sheet-handle{width:2.25rem;height:0.25rem;margin:0 auto 0.625rem;border-radius:62.4375rem;background:#666}
  .mobile-app .mobile-language-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.5rem}
  .mobile-app .mobile-language-sheet>header h2{margin:0;color:#fff;font-size:1.05rem;font-weight:800}
  .mobile-app .mobile-language-sheet>header button{display:grid;place-items:center;flex:0 0 2.125rem;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:#2d2d2d;color:#fff}
  .mobile-app .mobile-language-sheet>header svg{width:1.125rem;height:1.125rem}
  .mobile-app .mobile-language-sheet-options{display:grid}
  .mobile-app .mobile-language-sheet-options a{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;min-height:3.25rem;border-bottom:0.0625rem solid #303033;color:#ddd;font-size:.9rem;font-weight:700;text-decoration:none}
  .mobile-app .mobile-language-sheet-options a:last-child{border-bottom:0}
  .mobile-app .mobile-language-sheet-options a.active{color:#ff817b}
  .mobile-app .mobile-language-sheet-options a svg{width:1.125rem;height:1.125rem}
  .mobile-app .mobile-topup-root{position:relative;z-index:200;display:block}
  .mobile-app .mobile-topup-backdrop{position:fixed;z-index:70;inset:0;display:flex;align-items:flex-end;background:#000a;backdrop-filter:blur(0.125rem);-webkit-backdrop-filter:blur(0.125rem)}
  .mobile-app .mobile-topup-sheet{width:100%;max-height:min(86dvh,47.5rem);padding:0.5rem 1rem calc(env(safe-area-inset-bottom) + 1.125rem);overflow-y:auto;border:0;border-radius:1rem 1rem 0 0;background:#17171a;color:#fff;box-shadow:0 -1.125rem 2.625rem #0008;animation:mobile-topup-sheet-in .2s ease-out}
  .mobile-app .mobile-topup-handle{width:2.25rem;height:0.25rem;margin:0 auto 0.625rem;border-radius:62.4375rem;background:#666}
  .mobile-app .mobile-topup-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem}
  .mobile-app .mobile-topup-sheet>header h2{margin:0;color:#fff;font-size:1.05rem;font-weight:800}
  .mobile-app .mobile-topup-sheet>header button{display:grid;place-items:center;flex:0 0 2.125rem;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:#2d2d2d;color:#fff}
  .mobile-app .mobile-topup-sheet>header svg{width:1.125rem;height:1.125rem}
  .mobile-app .mobile-topup-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.3125rem;padding:0.25rem;border-radius:0.4375rem;background:#29292c}
  .mobile-app .mobile-topup-tabs button{height:2.25rem;padding:0;border:0;border-radius:0.3125rem;background:transparent;color:#aaa;font-size:.84rem;font-weight:750}
  .mobile-app .mobile-topup-tabs button.active{background:#ff4d47;color:#fff}
  .mobile-app .mobile-topup-offers>p{margin:0.875rem 0 0.5rem;color:#aaa;font-size:.75rem}
  .mobile-app .mobile-topup-vip-option{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;/*min-height:13.5rem;*/margin-top:0.5rem;padding:0;border:0;border-radius:0.4375rem;background:linear-gradient(115deg,#ffecd3,#f3bf76);color:#281d15;overflow:hidden;text-align:left}
  /* .mobile-app .mobile-topup-vip-option.is-compact{min-height:11.25rem} */
  .mobile-app .mobile-topup-vip-option:before{position:absolute;top:1rem;right:2rem;width:10.9375rem;height:10.9375rem;border:1.375rem solid #fff4df42;border-top-color:transparent;border-bottom-color:transparent;transform:skewX(-28deg);content:""}
  .mobile-app .mobile-topup-vip-copy{position:relative;z-index:1;display:grid;grid-template-rows:auto auto 1fr;gap:0;/*min-height:9.4375rem;*/padding:1.375rem 2rem 0}
  /* .mobile-app .mobile-topup-vip-option.is-compact .mobile-topup-vip-copy{min-height:7.25rem} */
  .mobile-app .mobile-topup-vip-copy>strong{font-size:1.25rem;font-weight:500;line-height:1.2}
  .mobile-app .mobile-topup-vip-price{display:flex;align-items:baseline;gap:0.5rem;margin-top:0.5rem}
  .mobile-app .mobile-topup-vip-price>strong{font-size:1.5rem;line-height:1;font-weight:800}
  .mobile-app .mobile-topup-vip-option small{align-self:end;margin-top:0.375rem;color:#604b38;font-size:0.9rem;line-height:1.35}
  .mobile-app .mobile-topup-vip-price del{color:#765f48;font-size:1rem;line-height:1}
  .mobile-app .mobile-topup-vip-offer{position:absolute;z-index:2;top:0;right:0;padding:0.4375rem 0.9375rem;border-radius:0 0.4375rem 0 0.4375rem;background:#ef3838;color:#fff;font-size:0.9rem;font-style:normal;font-weight:800;line-height:1}
  .mobile-app .mobile-topup-vip-benefits{position:relative;z-index:1;display:flex;align-items:center;gap:0;min-height:2.0625rem;margin-top:auto;padding:0 2rem;background:#f4d4a3;color:#3a1f13;font-size:0.86rem;font-weight:700}
  .mobile-app .mobile-topup-vip-benefits>span{display:flex;flex:1;align-items:center;gap:0.375rem;min-width:0;white-space:nowrap}
  .mobile-app .mobile-topup-vip-benefit-icon{display:grid;place-items:center;flex:0 0 1.4375rem;width:1.4375rem;height:1.4375rem}
  .mobile-app .mobile-topup-vip-benefit-icon svg{display:block;width:1.4375rem;height:1.4375rem}
  .mobile-app .mobile-topup-coin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}
  .mobile-app .mobile-topup-coin-option{position:relative;display:grid;gap:0.1875rem;min-height:7.8125rem;padding:0.75rem 0.6875rem;border:0.0625rem solid #373739;border-radius:0.4375rem;background:#242427;color:#fff;text-align:left}
  .mobile-app .mobile-topup-coin-option>i{position:absolute;top:0;right:0;padding:0.1875rem 0.375rem;border-radius:0 0.375rem 0 0.3125rem;background:#e54848;color:#fff;font-size:.62rem;font-style:normal;font-weight:800}
  .mobile-app .mobile-topup-coin-option>strong{display:flex;align-items:center;gap:0.3125rem;margin-top:0.4375rem;font-size:1rem}
  .mobile-app .mobile-topup-coin-option>span{color:#aaa;font-size:.67rem}
  .mobile-app .mobile-topup-coin-option em{margin-top:auto;color:#fff;font-size:.9rem;font-style:normal;font-weight:800}
  .mobile-app .mobile-topup-loading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem;padding-top:0.875rem}
  .mobile-app .mobile-topup-loading span{height:4.75rem;border-radius:0.4375rem;background:linear-gradient(90deg,#242424 0,#333 50%,#242424 100%);background-size:200% 100%;animation:reel-skeleton 1.2s infinite}
  .mobile-app .mobile-topup-loading span:last-child{display:none}
  .mobile-app .mobile-topup-payment,.mobile-app .mobile-topup-notes{margin-top:1rem;padding-top:0.875rem;border-top:0.0625rem solid #303033}
  .mobile-app .mobile-topup-payment h3,.mobile-app .mobile-topup-notes h3{margin:0 0 0.5625rem;color:#eee;font-size:.83rem}
  .mobile-app .mobile-topup-payment>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.4375rem}
  .mobile-app .mobile-topup-payment-method{display:flex;align-items:center;justify-content:center;gap:0.25rem;min-width:0;height:2.375rem;padding:0 0.3125rem;border:0.0625rem solid #3a3a3d;border-radius:0.3125rem;background:#222225;color:#cfcfcf;font-size:.67rem;font-weight:700;white-space:nowrap}
  .mobile-app .mobile-topup-payment-method.selected{border-color:#ff5c57;background:#40201f;color:#ffb1ac}
  .mobile-app .mobile-topup-payment-method svg{width:0.9375rem;height:0.9375rem}
  .mobile-app .mobile-topup-payment-method .reel-payment-logo{font-size:.84rem}
  .mobile-app .mobile-topup-payment-method .reel-payment-paypal{font-size:.66rem}
  .mobile-app .mobile-topup-notes ol{margin:0;padding-left:1.125rem;color:#999;font-size:.68rem;line-height:1.55}
  .mobile-app .mobile-topup-error{margin:0.75rem 0 0;color:#ff8c87;font-size:.74rem}
  .mobile-app .reel-account-mobile-membership{width:100%;text-align:left}
  .mobile-app .reel-account-mobile-wallet-actions button{display:grid;place-items:center;width:100%;height:2.25rem;padding:0;border:0;border-radius:0.5rem;background:#382526;font-size:0.75rem;line-height:1rem;font-weight:500}
  @keyframes mobile-language-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
  @keyframes mobile-topup-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
}

.mobile-app .mobile-watch-comment-login-prompt{display:block;width:100%;min-height:2.625rem;margin-top:0.625rem;padding:0 0.75rem;border:0.0625rem solid #444;border-radius:0.5rem;background:#252525;color:#999;font-size:.8rem;text-align:left;cursor:pointer}.mobile-app .mobile-watch-comment-login-prompt:hover,.mobile-app .mobile-watch-comment-login-prompt:focus{border-color:#ff514d;color:#fff;outline:none}

/* Arabic keeps document direction and controls aligned without changing data order. */
[dir="rtl"] :is(.reel-hero-copy,.reel-footer-layout,.reel-search-overlay-content,.reel-account-profile,.reel-watch-main,.reel-series-main,.reel-category-page,.reel-fandom){text-align:right}
[dir="rtl"] :is(.reel-navbar,.reel-header-actions,.reel-nav-links,.reel-history-tabs,.reel-account-profile,.reel-footer-layout){direction:rtl}
[dir="rtl"] .reel-nav-links{margin-right:42px;margin-left:0}
[dir="rtl"] .reel-account-profile>a{margin-right:auto;margin-left:0}
[dir="rtl"] .reel-shelf-arrow-prev{right:calc(0px - clamp(32px,2.95vw,75px));left:auto}
[dir="rtl"] .reel-shelf-arrow-next{right:calc(100% + clamp(12px,2.75vw,56px));left:auto}

/* Desktop playback top-up keeps the viewer in context after a coin shortfall. */
.reel-watch-topup-backdrop{display:none}
@media(min-width:761px){
  .reel-watch-topup-backdrop{position:fixed;z-index:2100;inset:79px 0 0;display:grid;place-items:center;padding:20px;background:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
  .reel-watch-topup-dialog{width:min(1040px,calc(100vw - 56px));max-height:calc(100dvh - 119px);overflow:auto;border:1px solid #292929;border-radius:8px;background:#121212;color:#f5f5f5;box-shadow:0 26px 90px #000}
  .reel-watch-topup-header{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 20px;border-bottom:1px solid #303030;background:#121212}
  .reel-watch-topup-header>div{display:flex;align-items:center;gap:18px}.reel-watch-topup-header strong{display:flex;align-items:center;gap:5px;font-size:1.15rem}.reel-watch-topup-header strong svg{width:21px;height:21px;color:#f4cf78}.reel-watch-topup-header span{width:1px;height:22px;background:#555}.reel-watch-topup-header>button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#303030;color:#eee;cursor:pointer}.reel-watch-topup-header>button:hover{background:#454545}.reel-watch-topup-header>button:disabled{cursor:wait;opacity:.6}.reel-watch-topup-header>button svg{width:24px;height:24px}
  .reel-watch-topup-content{padding:16px 20px}.reel-watch-topup-section+.reel-watch-topup-section{margin-top:20px}.reel-watch-topup-title h2,.reel-watch-topup-payment h2{margin:0;color:#f7f7f7;font-size:1rem;font-weight:800}.reel-watch-topup-title p{margin:3px 0 10px;color:#999;font-size:.74rem}.reel-watch-topup-vip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reel-watch-topup-vip-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:126px;padding:14px 16px 0;overflow:hidden;border:0;border-radius:5px;background:linear-gradient(115deg,#ffeddb,#f2c47f);color:#2e1e15;text-align:left;cursor:pointer}.reel-watch-topup-vip-card:before{position:absolute;top:10px;right:26px;width:82px;height:82px;border:11px solid #fff3de60;border-top-color:transparent;border-bottom-color:transparent;transform:skewX(-28deg);content:""}.reel-watch-topup-vip-card:hover{filter:brightness(1.035)}.reel-watch-topup-vip-card:disabled{cursor:wait;filter:saturate(.45);opacity:.75}.reel-watch-topup-vip-name,.reel-watch-topup-vip-price,.reel-watch-topup-vip-card small,.reel-watch-topup-vip-benefits{position:relative;z-index:1}.reel-watch-topup-vip-name{font-size:.84rem;font-weight:650}.reel-watch-topup-vip-price{display:flex;align-items:baseline;gap:6px}.reel-watch-topup-vip-price strong{margin:4px 0 0;font-size:1.34rem;line-height:1}.reel-watch-topup-vip-price del{color:#765b45;font-size:.7rem}.reel-watch-topup-vip-card small{margin-top:3px;color:#70533c;font-size:.64rem}.reel-watch-topup-vip-benefits{display:flex;gap:16px;width:calc(100% + 32px);margin:auto -16px 0;padding:9px 16px;background:#f4d5a5;color:#463121;font-size:.62rem;font-weight:700}.reel-watch-topup-vip-benefits span{display:flex;align-items:center;gap:4px}.reel-watch-topup-vip-benefits svg{width:14px;height:14px}
  .reel-watch-topup-coin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reel-watch-topup-coin-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:118px;padding:13px 14px 12px;border:0;border-radius:5px;background:#2a2a2a;color:#f4f4f4;text-align:left;cursor:pointer}.reel-watch-topup-coin-card:hover{background:#363636}.reel-watch-topup-coin-card:disabled{cursor:wait;opacity:.7}.reel-watch-topup-coin-card strong{display:flex;align-items:center;gap:5px;font-size:1rem}.reel-watch-topup-coin-card strong svg{width:18px;height:18px;color:#f2cf7c}.reel-watch-topup-coin-card>span:not(.reel-offer-badge){color:#aaa;font-size:.62rem;line-height:1.35}.reel-watch-topup-coin-card em{margin-top:auto;color:#fff;font-size:.84rem;font-style:normal;font-weight:800}.reel-watch-topup-coin-card .reel-offer-badge{padding:3px 7px;font-size:.6rem}.reel-watch-topup-payment{margin-top:20px}.reel-watch-topup-payment h2{margin-bottom:10px}.reel-watch-topup-payment>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reel-watch-topup-payment button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:7px;border:1px solid transparent;border-radius:5px;background:#2a2a2a;color:#f3f3f3;font-size:.78rem;font-weight:800;cursor:pointer}.reel-watch-topup-payment button:hover{background:#363636}.reel-watch-topup-payment button.selected{border-color:#f1f1f1}.reel-watch-topup-payment button svg{width:17px;height:17px}.reel-watch-topup-payment button:nth-child(2){font-size:.82rem}.reel-watch-topup-payment button:nth-child(3) b{color:#4285f4;font-size:.94rem}.reel-watch-topup-payment button:nth-child(4) b{font-size:.78rem;font-style:italic}.reel-watch-topup-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reel-watch-topup-skeleton span{height:126px;border-radius:5px;background:linear-gradient(90deg,#242424 0,#343434 50%,#242424 100%);background-size:200% 100%;animation:reel-skeleton 1.2s infinite}.reel-watch-topup-coin-skeleton{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-watch-topup-coin-skeleton span{height:118px}
}
@media(min-width:761px) and (max-width:980px){.reel-watch-topup-coin-grid,.reel-watch-topup-coin-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:460px){.reel-navbar{padding-right:14px!important;padding-left:14px!important}.reel-header-actions{gap:10px}.reel-header-actions .reel-language-link span{display:none}.reel-header-actions .reel-top-up{padding:0 13px;font-size:.78rem}.reel-code-row{grid-template-columns:1fr}.reel-code-button{width:100%}.reel-balance-bar{align-items:flex-start;flex-direction:column;padding:13px 14px}.reel-balance-bar a{align-self:flex-end}.reel-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reel-coin-card{min-height:145px;padding:15px 12px}}
.reel-auth-main{padding-top:18px;padding-bottom:24px}.reel-auth-card{min-height:480px}.reel-auth-art{min-height:480px}.reel-auth-form{padding:24px 40px 20px}.reel-auth-subtitle{margin:6px 0 12px}.reel-social-grid{gap:5px}.reel-social-button{min-height:34px}.reel-auth-divider{margin:9px 0}.reel-form-stack{gap:7px}.reel-form-stack label{gap:4px}.reel-form-stack input{height:36px}.reel-auth-submit{height:40px}.reel-auth-switch{margin-top:7px}.reel-auth-legal{margin-top:4px}
@media(min-width:761px){
  html:has(#auth-shell),body:has(#auth-shell){overflow:hidden}
  .reel-auth-main{position:fixed;inset:0;z-index:100;display:grid;place-items:center;width:100vw;min-height:100vh;padding:0;background:rgba(0,0,0,.7)}
  .reel-auth-card{grid-template-columns:280px 440px;width:720px;height:480px;min-height:480px;border:0;border-radius:16px;background:#141414}
  .reel-auth-art{min-height:480px;background-image:url("/static/brand/auth-art-xshort.png");background-position:center;background-size:cover}
  .reel-auth-art-shade,.reel-auth-art-brand,.reel-auth-art p{display:none}
  .reel-auth-form{height:480px;padding:0 40px}
  .reel-auth-form h1{margin:24px 0;color:rgba(255,255,255,.9);font-size:20px;line-height:27px;text-align:center}
  .reel-auth-close,.reel-auth-back{position:absolute;top:24px;right:24px;width:24px;height:24px;border:0;border-radius:0;color:rgba(255,255,255,.7)}
  .reel-auth-back{right:auto;left:24px}
  .reel-auth-close,.reel-auth-back{padding:0;background:transparent;display:grid;place-items:center;cursor:pointer}
  .reel-auth-close svg,.reel-auth-back svg{width:24px;height:24px}
  .reel-social-grid{gap:8px;margin-bottom:24px}
  .reel-social-button,.reel-email-button{height:48px;min-height:48px;border:0;border-radius:4px;background:rgba(255,255,255,.1);font-size:14px;font-weight:500}
  .reel-social-icon-image{width:24px;height:24px;margin-right:8px;object-fit:contain}
  .reel-auth-divider{height:18.85px;margin:0 0 24px;gap:8px;color:rgba(255,255,255,.5);font-size:12px}
  .reel-auth-divider:before,.reel-auth-divider:after{background:rgba(255,255,255,.15)}
  .reel-email-button{display:flex;align-items:center;justify-content:center;width:100%;color:rgba(255,255,255,.9);cursor:pointer}
  .reel-auth-legal{position:absolute;right:0;bottom:24px;left:0;width:100%;padding:0 40px;margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:18px;text-align:center}
  .reel-auth-card.is-email{display:block;width:480px;height:520px;min-height:520px}
  .reel-auth-card.is-email .reel-auth-form{height:520px;padding:0 24px}
  .reel-auth-card.is-email .reel-auth-form h1{margin:72px 0 8px;text-align:left;font-size:24px;line-height:37.7143px}
  .reel-auth-card.is-email .reel-auth-subtitle{margin:0 0 40px;color:rgba(255,255,255,.5);font-size:16px;line-height:25.1429px}
  .reel-auth-card.is-email .reel-form-stack{gap:12px}
  .reel-auth-card.is-email .reel-form-stack label{font-size:14px}
  .reel-auth-card.is-email .reel-auth-email-field{display:block}
  .reel-auth-card.is-email .reel-form-stack input{height:48px;padding:0 16px;background:#141414;border-color:rgba(255,255,255,.15)}
  .reel-auth-card.is-email .reel-auth-submit{position:absolute;right:24px;bottom:24px;left:24px;width:auto;height:48px;margin:0}
  .reel-auth-card.is-email .reel-auth-submit:disabled{background:rgba(229,46,46,.3);color:rgba(255,255,255,.15);opacity:1}
  .reel-auth-card.is-email .reel-auth-legal{display:none}
  .reel-auth-card.is-register{display:block;width:480px;height:560px;min-height:560px;background:#141414}
  .reel-auth-card.is-register .reel-auth-form{height:560px;padding:32px 40px 24px}
  .reel-auth-card.is-register .reel-auth-form h1{margin:0 0 8px;text-align:left;font-size:24px;line-height:32px}
  .reel-auth-card.is-register .reel-auth-subtitle{margin:0 0 24px;font-size:14px;line-height:20px}
  .reel-auth-card.is-register .reel-form-stack{gap:10px}
  .reel-auth-card.is-register .reel-form-stack input{height:42px}
  .reel-auth-card.is-register .reel-auth-submit{height:48px;margin-top:4px}
  .reel-auth-card.is-register .reel-auth-legal{bottom:24px}
}
.admin-login-heading{text-align:center}.admin-login-brand{margin-left:auto!important;margin-right:auto!important}

/* Header hover states mirror ReelShort: icon links tint red, the avatar lifts subtly, and Top Up darkens as a button. */
.reel-language-link,.reel-top-up{transition:color .18s ease,opacity .18s ease,transform .18s ease,background-color .18s ease,box-shadow .18s ease}
@media(max-width:760px){
  html:has(#auth-shell),body:has(#auth-shell){overflow:hidden}
  .reel-auth-main{position:fixed;inset:0;z-index:100;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:0;background:rgba(0,0,0,.7)}
  .reel-auth-card,.reel-auth-card.is-email,.reel-auth-card.is-register{display:block;width:100vw;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border:0;border-radius:0;background:#141414;overflow-y:auto}
  .reel-auth-form,.reel-auth-card.is-register .reel-auth-form{height:auto;min-height:100vh;min-height:100dvh;padding:48px 24px 32px}
  .reel-auth-close,.reel-auth-back{position:absolute;top:24px;right:24px;width:24px;height:24px;padding:0;border:0;border-radius:0;background:transparent;color:rgba(255,255,255,.7);display:grid;place-items:center;cursor:pointer}
  .reel-auth-back{right:auto;left:24px}
  .reel-auth-close svg,.reel-auth-back svg{width:24px;height:24px}
  .reel-auth-form h1{margin:24px 0;color:rgba(255,255,255,.9);font-size:20px;line-height:27px;text-align:center}
  .reel-social-grid{gap:8px;margin-bottom:24px}
  .reel-social-button,.reel-email-button{height:48px;min-height:48px;border:0;border-radius:4px;background:rgba(255,255,255,.1);font-size:14px;font-weight:500}
  .reel-social-icon-image{width:24px;height:24px;margin-right:8px;object-fit:contain}
  .reel-auth-divider{height:18.85px;margin:0 0 24px;gap:8px;color:rgba(255,255,255,.5);font-size:12px}
  .reel-auth-divider:before,.reel-auth-divider:after{background:rgba(255,255,255,.15)}
  .reel-email-button{display:flex;align-items:center;justify-content:center;width:100%;color:rgba(255,255,255,.9);cursor:pointer}
  .reel-auth-legal{position:absolute;right:0;bottom:24px;left:0;width:100%;padding:0 24px;margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:18px;text-align:center}
  .reel-auth-card.is-email .reel-auth-form{height:100vh;height:100dvh;min-height:0;padding:0 24px}
  .reel-auth-card.is-email .reel-auth-form h1{margin:72px 0 8px;text-align:left;font-size:24px;line-height:37.7143px}
  .reel-auth-card.is-email .reel-auth-subtitle{margin:0 0 40px;color:rgba(255,255,255,.5);font-size:16px;line-height:25.1429px}
  .reel-auth-card.is-email .reel-form-stack{gap:12px}
  .reel-auth-card.is-email .reel-auth-email-field{display:block}
  .reel-auth-card.is-email .reel-form-stack input{height:48px;padding:0 16px;background:#141414;border-color:rgba(255,255,255,.15)}
  .reel-auth-card.is-email .reel-auth-submit{position:absolute;right:24px;bottom:24px;left:24px;width:auto;height:48px;margin:0}
  .reel-auth-card.is-email .reel-auth-submit:disabled{background:rgba(229,46,46,.3);color:rgba(255,255,255,.15);opacity:1}
  .reel-auth-card.is-email .reel-auth-legal{display:none}
  .reel-auth-card.is-register .reel-auth-form{padding:48px 24px 32px}
}
@media(min-width:761px){
  body.reel-inner-page:has(#watch-shell){overflow:hidden}
  body.reel-inner-page:has(#watch-shell)>#app>main{height:calc(100dvh - 79px);min-height:0;overflow:hidden}
  body.reel-inner-page:has(#watch-shell) .reel-cinema{height:100%;min-height:0}
  body.reel-inner-page:has(#watch-shell) :is(.reel-cinema-stage,.reel-cinema-stage-content,.reel-cinema-reference-layout){height:calc(100dvh - 79px);min-height:0}
  body.reel-inner-page:has(#watch-shell) .reel-cinema{padding-bottom:0}
  body.reel-inner-page:has(#watch-shell) .reel-cinema-stage{padding:0}
  .reel-inner-page .reel-site-header,.reel-inner-page .reel-navbar{height:80px;min-height:80px}
  .reel-topup-main{padding-top:24px}
  .reel-topup-main .reel-breadcrumb{padding:0 0 20px}
  .reel-balance-bar,.reel-topup-section,.reel-payment-section,.reel-subscription-details{border-right:0;border-left:0}
  .reel-topup-section{padding-bottom:0}
  .reel-topup-heading p{margin-bottom:10px}
  .reel-coins-section .reel-topup-heading{margin-bottom:4px}
  .reel-payment-section{padding-top:22px}
  .reel-vip-grid{gap:8px}
  .reel-vip-card{height:135px;min-height:135px;box-sizing:border-box}
  .reel-topup-wrap{width:min(1062px,100%)}
  .reel-vip-card{min-height:135px}
  .reel-coin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reel-coin-card{min-height:133px}
  .reel-coin-card strong{font-size:1.25rem}
}
.reel-payment-methods span{flex:1 1 0;justify-content:center;min-width:0}
.reel-payment-methods span:first-child{border-color:#fff}
.reel-payment-logo{display:inline-grid;place-items:center;width:18px;height:18px;font-size:1rem;line-height:1}
.reel-payment-apple{font-size:1.05rem}
.reel-payment-google{color:#4285f4;font-weight:800}
.reel-payment-paypal{font-style:italic;font-weight:800}
.reel-vip-price{display:flex;align-items:baseline;gap:6px;margin:3px 0}
.reel-vip-price strong{margin:0}
.reel-vip-price del{color:#725e4b;font-size:.78rem;font-weight:600}
.reel-auth-legal a{color:#93aadc}
.reel-series{position:relative;isolation:isolate;overflow:hidden;padding-bottom:72px;background:#050505;color:#fff}
.reel-series-hero,.reel-cinema-stage{position:relative;overflow:hidden;background:#080808}
.reel-series-hero{min-height:505px}
.reel-series-backdrop,.reel-cinema-backdrop{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.34;filter:blur(3px);transform:scale(1.03)}
.reel-cinema-global-tag-badge{top:24px;left:24px;z-index:2}
.reel-series-backdrop{top:0;right:0;bottom:auto;left:0;z-index:0;height:clamp(780px,55vw,1080px);pointer-events:none;opacity:.58;filter:blur(30px) saturate(1.08);transform:scale(1.12)}
.reel-series-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505e8 0%,#050505cc 29%,#05050582 61%,#050505d9 100%),linear-gradient(180deg,#05050520 0%,#0505054a 38%,#050505dc 78%,#050505 100%)}
.reel-cinema-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505e8 36%,#050505c2 60%,#050505ee 100%),linear-gradient(0deg,#050505 0%,transparent 64%)}
body.reel-inner-page .container.reel-series-hero-content,body.reel-inner-page .container.reel-series-content{width:min(calc(100% - 48px),1336px);max-width:1336px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}
.reel-series-hero,.reel-series-content{position:relative;z-index:1;background:transparent}
.reel-series-hero-content{position:relative;z-index:1;min-height:505px;padding-top:94px;padding-bottom:36px}
.reel-series-breadcrumb{display:flex;gap:9px;max-width:500px;overflow:hidden;margin-bottom:22px;color:#989898;font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}
.reel-series-breadcrumb a{color:#b8b8b8;text-decoration:none}.reel-series-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}
.reel-series-showcase{display:grid;grid-template-columns:minmax(0,1fr) 294px;align-items:end;gap:48px;padding-right:102px}
.reel-series-poster{width:294px;height:392px;object-fit:cover;border-radius:14px;box-shadow:0 22px 50px #000c}
.reel-series-copy{width:min(535px,100%)}
.reel-series-meta{display:inline-flex;margin-bottom:16px;color:#d0d0d0;font-size:.78rem;font-weight:700}
.reel-series-copy h1{margin:0;color:#fff;font-size:2.55rem;font-weight:800;line-height:1.18}
.reel-series-stats{display:flex;gap:22px;margin:20px 0;color:#ddd;font-size:.85rem}.reel-series-stats span{display:inline-flex;align-items:center;gap:6px}.reel-series-stats svg{width:17px;fill:currentColor;stroke-width:1.8}
.reel-series-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:42px}.reel-series-tags span{padding:7px 13px;border-radius:999px;background:#282828;color:#ddd;font-size:.72rem;font-weight:600}
.reel-series-actions{display:flex;align-items:center;gap:12px}
.reel-series-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:300px;height:64px;border-radius:32px;background:#fff;color:#151515;font-size:1rem;font-weight:800;text-decoration:none}.reel-series-play svg{width:19px;fill:currentColor;stroke-width:1.5}.reel-series-play.is-disabled{pointer-events:none;opacity:.45}
.reel-series-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff20;border-radius:50%;background:#202020;color:#fff}.reel-series-icon:hover{border-color:#ffffff66;background:#313131}.reel-series-icon.active{border-color:#f6b331;background:#3a3018;color:#f6b331}.reel-series-icon.active svg{fill:currentColor}.reel-series-icon svg{width:21px}
.reel-series-content{padding-top:30px}
.reel-series-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.reel-series-section-heading h2,.reel-series-plot h2{margin:0;color:#fff;font-size:1.35rem;font-weight:800}.reel-series-section-heading h2 span,.reel-series-plot h2 span{color:#a2a2a2;font-size:.94rem;font-weight:500}
.reel-series-episode-rail{display:grid;grid-auto-columns:92px;grid-auto-flow:column;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;scrollbar-width:thin}
.reel-series-episode{position:relative;display:grid;place-items:center;min-height:145px;padding:10px;border:1px solid #ffffff12;border-radius:7px;background:#191919;color:#fff;text-align:center;text-decoration:none;scroll-snap-align:start}.reel-series-episode:hover{border-color:#ffffff70;background-color:#282828;color:#fff}.reel-series-episode-number{color:#fff;font-size:.78rem;font-weight:800}.reel-series-episode svg{position:absolute;top:9px;right:9px;width:14px;color:#fff}
.reel-series-episode,.reel-episode-card,.reel-watch-episode-list a,.reel-cinema-episode-grid a{background-position:center;background-size:cover;isolation:isolate;overflow:hidden}
.reel-series-episode::before,.reel-episode-card::before,.reel-watch-episode-list a::before,.reel-cinema-episode-grid a::before{position:absolute;inset:0;z-index:-1;background:#0009;content:""}
.reel-series-episode>*,.reel-episode-card>*,.reel-watch-episode-list a>*,.reel-cinema-episode-grid a>*{position:relative;z-index:1}
.reel-watch-episode-list a{position:relative;background-color:#141414}
.reel-series-plot{max-width:none;margin-top:68px}
.reel-series-plot p{min-height:120px;margin:18px 0 0;padding:27px 28px;border-radius:18px;background:#171717;color:#a9a9a9;font-size:.91rem;line-height:1.62}
.reel-series .reel-related,.reel-series .reel-comments{margin-top:42px;padding-top:34px}
.reel-cinema{padding-bottom:72px;background:#050505;color:#fff}
.reel-cinema-stage{padding:30px 0 36px;min-height:calc(100vh - 70px)}
.reel-cinema-backdrop{opacity:.14;filter:blur(4px);transform:scale(1.03)}
.reel-cinema-backdrop:after{background:linear-gradient(90deg,#050505 0%,#050505eb 32%,#050505cf 72%,#050505 100%),linear-gradient(0deg,#050505 0%,#050505aa 26%,transparent 68%)}
.reel-cinema-stage-content{position:relative;z-index:1}
body.reel-inner-page .container.reel-cinema-stage-content{width:100%;max-width:none;padding-right:0;padding-left:0}
.reel-cinema-reference-layout{position:relative;width:100%;min-height:calc(100vh - 136px);margin:0 auto;padding:0 clamp(10px,1.2vw,24px)}
.reel-cinema-player-column{display:flex;justify-content:center;align-items:flex-start;width:calc(100% - clamp(340px,19.5vw,400px));min-width:0;padding:0}
.reel-cinema-player{width:min(100%,clamp(400px,28vw,510px));aspect-ratio:9/16;border:0;border-radius:0;background:#000;box-shadow:0 18px 38px #000b}
.reel-cinema-player video{object-fit:contain;background:#000}
.reel-player-unlock-layer{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:28px;background:#0009;text-align:center}.reel-player-unlock-content{display:grid;justify-items:center;gap:10px;max-width:300px;color:#bbb;font-size:.82rem}.reel-player-unlock-content>svg{width:34px;height:34px;color:#ff7a72}.reel-player-unlock-content strong{color:#fff;font-size:1.12rem}.reel-player-unlock-content b{color:#ffd2a1;font-size:1rem}.reel-player-unlock-button,.reel-player-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 18px;border:0;border-radius:4px;background:#ef554d;color:#fff;font-size:.82rem;font-weight:800}.reel-player-preview-button{background:#fff;color:#181818}.reel-player-unlock-button:hover,.reel-player-preview-button:hover{filter:brightness(1.08)}.reel-player-unlock-button svg,.reel-player-preview-button svg{width:17px;height:17px}
.reel-cinema-player:fullscreen{width:auto;max-width:none;aspect-ratio:auto;background:#000}.reel-cinema-player:fullscreen video{object-fit:contain}.reel-cinema-subtitle{position:absolute;z-index:5;right:28px;bottom:88px;left:28px;margin:0;color:#fff;font-size:1rem;font-weight:700;line-height:1.45;text-align:center;text-shadow:0 1px 3px #000;white-space:pre-line;pointer-events:none}.reel-player-back{position:absolute;top:16px;left:clamp(16px,2vw,32px);z-index:4;background:#0008}.reel-player-controls{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:34px 14px 12px;background:linear-gradient(transparent,#000d 46%,#000e);opacity:0;pointer-events:none;transition:opacity .18s ease}.reel-player-controls.visible{opacity:1}.reel-player-controls :is(input,button){pointer-events:none}.reel-player-controls.visible :is(input,button){pointer-events:auto}.reel-player-timeline-wrap{position:relative;height:16px;margin:0 0 8px;display:flex;align-items:center}.reel-player-timeline{display:block;width:100%;height:3px;margin:0;appearance:none;border:0;border-radius:99px;background:transparent;cursor:pointer}.reel-player-timeline::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(to right,#f5f5f5 var(--timeline-progress,0%),#ffffff80 var(--timeline-progress,0%))}.reel-player-timeline::-webkit-slider-thumb{width:0;height:0;appearance:none;border:0;border-radius:50%;background:#fff}.reel-player-timeline::-moz-range-track{height:3px;border:0;border-radius:99px;background:#ffffff80}.reel-player-timeline::-moz-range-progress{height:3px;border-radius:99px;background:#f5f5f5}.reel-player-timeline::-moz-range-thumb{width:0;height:0;border:0;border-radius:50%;background:#fff}.reel-player-hover-time{position:absolute;bottom:21px;left:50%;display:none;transform:translateX(-50%);color:#fff;font-size:2rem;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;pointer-events:none}.reel-player-hover-time strong{font-weight:800}.reel-player-hover-time span{font-weight:400;color:#d2d2d2}.reel-player-timeline-wrap:hover .reel-player-hover-time,.reel-player-timeline-wrap:focus-within .reel-player-hover-time{display:block}.reel-player-timeline-wrap:hover .reel-player-timeline::-webkit-slider-runnable-track,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-webkit-slider-runnable-track{height:16px}.reel-player-timeline-wrap:hover .reel-player-timeline::-webkit-slider-thumb,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-webkit-slider-thumb{width:40px;height:40px;margin-top:-12px;appearance:none;background:#fff}.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-track,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-track{height:16px}.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-progress,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-progress{height:16px}.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-thumb,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-thumb{width:40px;height:40px;border:0;background:#fff}.reel-player-toolbar,.reel-player-toolbar-start,.reel-player-toolbar-end{display:flex;align-items:center}.reel-player-toolbar{justify-content:space-between;gap:8px}.reel-player-toolbar-start,.reel-player-toolbar-end{gap:3px;min-width:0}.reel-player-icon,.reel-player-setting{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:#fff}.reel-player-icon:hover:not(:disabled),.reel-player-icon:focus-visible,.reel-player-setting:hover,.reel-player-setting:focus-visible,.reel-player-setting.active,.reel-player-icon.active{background:#ffffff24;color:#fff;outline:0}.reel-player-icon:disabled{opacity:.38;cursor:not-allowed}.reel-player-icon svg{width:19px;height:19px;stroke-width:2.5}.reel-player-time{min-width:82px;color:#f5f5f5;font-size:.69rem;font-variant-numeric:tabular-nums;white-space:nowrap}.reel-player-setting{width:auto;min-width:36px;padding:0 6px;font-size:.69rem;font-weight:700}.reel-player-menu-wrap{position:relative}.reel-player-menu{position:absolute;right:0;bottom:38px;z-index:4;display:grid;min-width:142px;padding:5px;border:1px solid #ffffff26;border-radius:6px;background:#161616f5;box-shadow:0 8px 20px #0008}.reel-player-menu button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:32px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:#fff;font-size:.74rem;text-align:left}.reel-player-menu button:hover,.reel-player-menu button:focus-visible{background:#ffffff1a;outline:0}.reel-player-menu svg{width:15px;height:15px;color:#f16a6a;stroke-width:3}.reel-player-menu-empty{margin:3px 8px;color:#aaa;font-size:.72rem;white-space:nowrap}.reel-cinema-player video::cue{color:#fff;font-size:1.05em;line-height:1.35}
@media (min-width:761px){.reel-cinema-player:hover .reel-player-controls,.reel-cinema-player:focus-within .reel-player-controls{opacity:1}}
.reel-player-time{display:none}
.reel-player-icon svg{stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.reel-player-icon svg rect{fill:currentColor;stroke:currentColor}
.reel-player-controls{padding:26px 14px 10px}
.reel-player-timeline-wrap{height:12px;margin-bottom:5px}
.reel-player-hover-time{bottom:17px;font-size:1.25rem;letter-spacing:-.02em}
.reel-player-timeline-wrap:hover .reel-player-timeline::-webkit-slider-runnable-track,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-webkit-slider-runnable-track{height:8px}
.reel-player-timeline-wrap:hover .reel-player-timeline::-webkit-slider-thumb,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px}
.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-track,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-track{height:8px}
.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-progress,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-progress{height:8px}
.reel-player-timeline-wrap:hover .reel-player-timeline::-moz-range-thumb,.reel-player-timeline-wrap:focus-within .reel-player-timeline::-moz-range-thumb{width:18px;height:18px}
.reel-cinema-mobile-breadcrumb{display:none}.reel-cinema-reference-sidebar{position:absolute;top:10px;right:clamp(10px,1.2vw,24px);width:clamp(280px,16.5vw,336px);min-width:0}
@media(min-width:1101px){.reel-cinema-stage{padding:0;min-height:calc(100dvh - 79px)}.reel-cinema-reference-layout{min-height:calc(100dvh - 79px)}.reel-cinema-player{width:min(100%,calc(56.25dvh - 44.4375px));max-width:none}}
.reel-cinema-reference-sidebar .reel-breadcrumb{margin:0 0 24px;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-cinema-reference-sidebar .reel-breadcrumb a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a3a3a3}
.reel-cinema-reference-sidebar h1{max-width:560px;margin:0;font-size:clamp(1.45rem,2.1vw,2rem);font-weight:800;line-height:1.2}
.reel-cinema-plot{position:relative;padding:26px 0 22px;border-bottom:1px solid #303030}
.reel-cinema-plot h2{margin:0 0 10px;font-size:1rem;font-weight:700}
.reel-cinema-plot p{display:-webkit-box;max-width:550px;margin:0;color:#aaa;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.reel-cinema-plot p.expanded{display:block;overflow:visible}
.reel-cinema-plot-toggle{border:0;background:transparent;color:#fff;font-size:.84rem;font-weight:700;line-height:1.55;cursor:pointer}
.reel-cinema-plot-toggle:hover{color:#f05a5a}
.reel-cinema-plot-toggle:focus-visible{color:#f05a5a;outline:1px solid currentColor;outline-offset:2px}
.reel-cinema-plot:not(.expanded) .reel-cinema-plot-toggle{position:absolute;right:0;bottom:22px;padding-left:16px;background:linear-gradient(90deg,transparent,#050505 16px)}
.reel-cinema-plot.expanded .reel-cinema-plot-toggle{display:flex;width:fit-content;margin-top:8px}
@media(min-width:761px){.reel-cinema-reference-sidebar:has(.reel-cinema-plot.expanded){max-height:calc(100dvh - 89px);overflow-y:auto;padding-right:8px}}
.reel-cinema-plot .tag-list{margin-top:14px}
.reel-cinema-plot .tag{border:0;background:#292929;color:#d6d6d6}
.reel-cinema-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));padding:18px 0;border-bottom:1px solid #303030}
.reel-cinema-actions button{display:grid;justify-items:center;gap:6px;padding:2px 10px;border:0;background:transparent;color:#b7b7b7;font-size:.8rem;transition:color .18s ease,transform .18s ease}
.reel-cinema-actions button:hover,.reel-cinema-actions button.active{color:#f05a5a;transform:translateY(-1px)}
.reel-cinema-actions svg{width:26px;height:26px;stroke-width:2.35}
.reel-cinema-actions button.active svg{fill:currentColor}
.reel-cinema-episodes{padding-top:22px}
.reel-cinema-episode-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.88rem}
.reel-cinema-episode-heading a{display:inline-flex;align-items:center;color:#aaa;text-decoration:none;gap:2px}
.reel-cinema-episode-heading a:hover{color:#fff}
.reel-cinema-episode-heading svg{width:16px;height:16px}
.reel-cinema-episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:calc(100vh - 480px);min-height:46px;overflow-y:auto;padding-right:3px}
.reel-cinema-episode-grid a{position:relative;display:grid;place-items:center;min-height:46px;border-radius:7px;background:#202020;color:#e9e9e9;text-decoration:none;font-size:.88rem;font-weight:700;transition:background .18s ease,color .18s ease,transform .18s ease}
.reel-cinema-episode-grid a{background-image:none!important}
.reel-cinema-episode-grid a:hover{background:#393939;color:#fff;transform:translateY(-1px)}
.reel-cinema-episode-grid a.active{background-color:#211a1b;background-image:linear-gradient(135deg,#462427,#211a1b)!important;color:#fff;box-shadow:inset 0 -2px 0 #f07b7b}
.reel-cinema-episode-grid a>.reel-playing-indicator{position:absolute;right:5px;bottom:5px;z-index:2;display:flex;align-items:end;gap:2px;height:12px;pointer-events:none}.reel-playing-indicator i{display:block;width:2px;height:6px;border-radius:1px;background:#fff;animation:reel-playing-bars .72s ease-in-out infinite alternate}.reel-playing-indicator i:nth-child(2){height:10px;animation-delay:-.24s}.reel-playing-indicator i:nth-child(3){height:7px;animation-delay:-.48s}@keyframes reel-playing-bars{to{transform:scaleY(.38);opacity:.62}}
.reel-cinema-episode-grid a.locked{color:#aaa}
.reel-cinema-episode-grid .episode-lock-indicator{position:absolute;top:3px;right:3px;z-index:2;width:10px;height:10px;color:#aaa;stroke-width:2.5}
.reel-cinema-content{max-width:980px;padding-top:16px}
.reel-cinema .reel-comments,.reel-cinema .reel-related{margin-top:42px;padding-top:34px}
@media(max-width:1100px){.reel-cinema-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);min-height:0;padding:0 clamp(20px,3vw,44px);column-gap:24px}.reel-cinema-player-column{width:auto}.reel-cinema-player{width:min(100%,calc((100dvh - 150px)*9/16))}.reel-cinema-reference-sidebar{position:static;width:auto;padding-top:10px}.reel-cinema-episode-grid{max-height:340px}}
@media(max-width:760px){body.reel-inner-page .container.reel-series-hero-content,body.reel-inner-page .container.reel-series-content{width:100%;max-width:none;padding-right:0;padding-left:0}.reel-series{padding-bottom:48px}.reel-series-hero{min-height:0}.reel-series-backdrop{opacity:.24;filter:blur(22px) saturate(1.05)}.reel-series-hero-content{min-height:0;padding-top:82px!important;padding-right:24px!important;padding-bottom:34px!important;padding-left:24px!important}.reel-series-breadcrumb{margin-bottom:28px}.reel-series-showcase{grid-template-columns:minmax(0,1fr) 128px;align-items:end;gap:18px;padding-right:0}.reel-series-poster{width:128px;height:171px;border-radius:10px}.reel-series-copy h1{font-size:1.65rem}.reel-series-stats{gap:14px;margin:14px 0;font-size:.76rem}.reel-series-stats svg{width:14px}.reel-series-tags{margin-bottom:24px}.reel-series-tags span{padding:5px 9px;font-size:.66rem}.reel-series-actions{gap:8px}.reel-series-play{min-width:0;flex:1;height:46px;font-size:.82rem}.reel-series-icon{width:46px;height:46px}.reel-series-icon svg{width:18px}.reel-series-content{padding:28px 16px 0!important}.reel-series-section-heading{margin-bottom:14px}.reel-series-section-heading h2,.reel-series-plot h2{font-size:1.12rem}.reel-series-episode-rail{grid-auto-columns:92px;gap:8px;margin-right:-16px;padding-right:16px}.reel-series-episode{min-height:145px}.reel-series-episode-number{font-size:.68rem}.reel-series-plot{margin-top:42px}.reel-series-plot p{min-height:0;margin-top:14px;padding:18px;border-radius:12px;font-size:.82rem}.reel-cinema{padding-bottom:48px}.reel-cinema-stage{padding:18px 0 28px}.reel-cinema-global-tag-badge{top:14px;left:14px}.reel-cinema-reference-layout{display:block}.reel-cinema-player-column{padding:0;display:block}.reel-cinema-mobile-breadcrumb{display:flex;gap:0.4375rem;align-items:center;min-width:0;padding:0.75rem 1rem;color:#8f8f8f;font-size:.72rem;white-space:nowrap}.reel-cinema-mobile-breadcrumb a,.reel-cinema-mobile-breadcrumb span{overflow:hidden;color:inherit;text-overflow:ellipsis}.reel-cinema-mobile-breadcrumb a{color:#aaa;text-decoration:none}.reel-cinema-mobile-breadcrumb a:nth-of-type(2){max-width:42%}.reel-cinema-player{width:auto;height:min(58dvh,667px);max-width:100%;margin:0 auto;aspect-ratio:9/16}.reel-cinema-reference-sidebar{display:flex;flex-direction:column;padding:14px 16px 0}.reel-cinema-reference-sidebar .reel-breadcrumb{display:none}.reel-cinema-reference-sidebar h1{order:1;font-size:1.2rem;line-height:1.28}.reel-cinema-episodes{order:2;padding-top:16px}.reel-cinema-episode-heading{margin-bottom:9px}.reel-cinema-episode-grid{display:grid;grid-auto-flow:column;grid-auto-columns:58px;grid-template-columns:none;gap:8px;min-height:46px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 5px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.reel-cinema-episode-grid::-webkit-scrollbar{display:none}.reel-cinema-episode-grid a{min-height:46px;scroll-snap-align:center}.reel-cinema-plot{order:3;padding:20px 0 18px}.reel-cinema-actions{order:4}.reel-cinema-content{padding:24px 16px 0}.reel-cinema .reel-comments,.reel-cinema .reel-related{margin-top:34px;padding-top:28px}}

@media(max-width:420px){.reel-player-controls{padding-right:8px;padding-left:8px}.reel-player-toolbar-end{gap:0}.reel-player-time{min-width:68px;font-size:.62rem}.reel-player-icon{width:29px;height:29px}.reel-player-setting{min-width:31px;padding:0 3px;font-size:.63rem}.reel-player-menu{right:-4px}}

/* H5 watch: its layout must not inherit the desktop cinema viewport height. */
.mobile-app #watch-shell{padding-bottom:0}
.mobile-app:has(#watch-shell) main{min-height:0}
.mobile-app #watch-shell .reel-cinema-stage{min-height:0;padding:0}
.mobile-app #watch-shell .reel-cinema-reference-layout{display:block;min-height:0;padding:0}
.mobile-app #watch-shell .reel-cinema-player-column{display:block;width:auto;padding:0}
.mobile-app #watch-shell .reel-cinema-mobile-breadcrumb{display:flex;gap:0.4375rem;align-items:center;min-width:0;padding:1.125rem 1rem 0.875rem;color:#8f8f8f;font-size:.82rem;white-space:nowrap}
.mobile-app #watch-shell .reel-cinema-mobile-breadcrumb a,.mobile-app #watch-shell .reel-cinema-mobile-breadcrumb span{overflow:hidden;color:inherit;text-overflow:ellipsis}.mobile-app #watch-shell .reel-cinema-mobile-breadcrumb a{color:#aaa;text-decoration:none}.mobile-app #watch-shell .reel-cinema-mobile-breadcrumb a:nth-of-type(2){max-width:42%}
.mobile-app #watch-shell .reel-cinema-player{width:100%;height:auto;min-height:0;max-width:none;margin:0;aspect-ratio:auto;box-shadow:none}
.mobile-app #watch-shell .reel-cinema-player video{height:auto;max-height:min(calc(100dvh - 3.5rem - 4.25rem - 11.25rem),37.5rem);object-fit:contain}
.mobile-app #watch-shell .reel-player-controls{height:4.875rem;padding:1rem 1rem 0.625rem;background:#000}
.mobile-app #watch-shell .reel-cinema-reference-sidebar{position:static;display:flex;width:auto;flex-direction:column;padding:0.625rem 1rem 0}
.mobile-app #watch-shell .reel-cinema-reference-sidebar .reel-breadcrumb{display:none}.mobile-app #watch-shell .reel-cinema-reference-sidebar h1{order:1;font-size:1.18rem;line-height:1.28}
.mobile-app #watch-shell .reel-cinema-plot,.mobile-app #watch-shell .reel-cinema-actions{display:none}
.mobile-app #watch-shell .reel-cinema-episodes{order:2;padding-top:0.625rem}.mobile-app #watch-shell .reel-cinema-episode-heading{margin-bottom:0.4375rem}.mobile-app #watch-shell .reel-cinema-episode-grid{display:grid;grid-auto-flow:column;grid-auto-columns:3.625rem;grid-template-columns:none;gap:0.5rem;min-height:2.625rem;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 0.125rem;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.mobile-app #watch-shell .reel-cinema-episode-grid::-webkit-scrollbar{display:none}.mobile-app #watch-shell .reel-cinema-episode-grid a{min-height:2.625rem;scroll-snap-align:center}
.mobile-app #watch-shell .reel-cinema-content{padding-top:0}

@media(min-width:761px){
  .reel-topup-section{border-bottom:0}
  .reel-coins-section .reel-topup-heading{margin-bottom:14px}
  .reel-coin-card{padding:16px;border:0;background:#292929}
  .reel-coin-card:hover{border-color:transparent}
}

.xshort-alert-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:#000c;backdrop-filter:blur(3px)}.xshort-alert-card{width:min(100%,440px);padding:24px;border:1px solid #3d3d3d;border-radius:8px;background:#1b1b1b;color:#fff;box-shadow:0 24px 70px #000}.xshort-alert-message{margin:0 0 20px;color:#f1f1f1;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.xshort-alert-card button{min-width:80px;min-height:40px;border-radius:4px;font-size:.84rem;font-weight:800}.xshort-alert-card>button{display:block;margin-left:auto}.xshort-alert-card .btn-primary,.xshort-alert-card .btn-danger{border-color:#e54848;background:#e54848;color:#fff}.xshort-alert-card .btn-primary:hover,.xshort-alert-card .btn-danger:hover{border-color:#f15a5a;background:#f15a5a}.xshort-alert-card .btn-light{border-color:#595959;background:transparent;color:#ddd}.xshort-alert-card .btn-light:hover{border-color:#aaa;background:#292929;color:#fff}.xshort-alert-card .btn:focus-visible{box-shadow:0 0 0 .2rem #e5484859}.xshort-alert-actions{display:flex;justify-content:flex-end;gap:10px}.xshort-toast{position:fixed;z-index:2001;right:24px;bottom:24px;max-width:min(360px,calc(100% - 32px));margin:0;padding:10px 14px;border:1px solid #505050;border-radius:6px;background:#1b1b1bf2;color:#fff;font-size:.9rem;line-height:1.45;box-shadow:0 8px 24px #0006}@media(max-width:480px){.xshort-alert-backdrop{padding:16px}.xshort-alert-card{padding:20px}.xshort-alert-card button{flex:1}.xshort-toast{right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px)}}.mobile-app .xshort-toast{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 5rem);max-width:calc(100% - 3rem);transform:translateX(-50%);text-align:center}

/* ReelShort home rhythm: a responsive hero, five-item preview rail, and sticky navigation. */
.reel-home-page .reel-site-header{position:fixed;top:0;right:0;left:0;background:linear-gradient(#000b,transparent);transition:background-color .2s ease,backdrop-filter .2s ease}
.reel-home-page .reel-site-header.is-scrolled{background:#050505e8;border-bottom:1px solid #292929;backdrop-filter:blur(10px)}
.reel-inner-page .reel-navbar{min-height:78px;padding:18px 0}
@media(min-width:761px){.reel-inner-page .reel-site-header,.reel-inner-page .reel-navbar{height:auto;min-height:78px}}
@media(max-width:640px){.reel-inner-page .reel-navbar{min-height:60px;padding:12px}}
.reel-home-page .reel-hero,.reel-home-page .reel-hero-layout{min-height:clamp(600px,44vw,820px)}
.reel-home-page .reel-hero-layout{padding-top:132px;padding-bottom:112px}
.reel-home-page .reel-hero-copy{width:min(560px,46vw);padding-top:0}
.reel-home-page .reel-hero-copy h1{font-size:clamp(2.2rem,1.95vw,3rem);line-height:1.12}
.reel-home-page .reel-hero-copy p{max-width:540px;margin-top:16px;font-size:clamp(1rem,1.05vw,1.12rem);line-height:1.55}
.reel-home-page .reel-audience{padding:6px 14px;font-size:.82rem}
.reel-home-page .reel-play{min-width:240px;height:64px;font-size:1.1rem;transition:transform .18s ease,box-shadow .18s ease}
.reel-home-page .reel-play:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0008;color:#111}
.reel-home-page .reel-banner-nav{right:clamp(24px,5.5vw,112px);bottom:clamp(42px,6vw,90px);display:flex;align-items:center;width:min(620px,48vw);max-width:none;overflow:visible}
.reel-home-page .reel-banner-viewport{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0;width:100%;overflow:visible}
.reel-home-page .reel-banner-thumb{position:relative;width:auto;height:auto;min-width:0;aspect-ratio:3/4;flex:1 1 auto;border:2px solid transparent;border-radius:12px;outline:0;box-shadow:0 4px 14px #0008;transition:transform .18s ease,opacity .18s ease,border-color .18s ease,box-shadow .18s ease}
.reel-home-page .reel-banner-thumb:hover{opacity:1}
.reel-home-page .reel-banner-thumb.active{opacity:1;transform:none;border-color:#fff;box-shadow:inset 0 0 0 999px #0006,0 4px 14px #0008}
.reel-home-page .reel-banner-arrow{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;opacity:.7;transform:translateY(-50%);transition:opacity .2s ease}
.reel-home-page .reel-banner-prev{right:calc(100% + 12px)}
.reel-home-page .reel-banner-next{left:calc(100% + 4px)}
.reel-home-page .reel-banner-arrow:hover{opacity:1}
.reel-home-page .reel-banner-arrow-icon{width:32px;height:32px}
.reel-home-page .reel-banner-prev .reel-banner-arrow-icon{transform:rotate(180deg)}
.reel-home-page .reel-shelf-track{position:relative}
.reel-home-page .reel-drama-row{gap:16px;padding-bottom:18px}
.reel-home-page .reel-drama-card{flex-basis:208px;transition:color .18s ease,transform .18s ease}
.reel-home-page .reel-drama-card:hover{color:#fff;transform:translateY(-3px)}
.reel-home-page .reel-shelf-arrow{top:50%;left:auto;right:auto;opacity:0;visibility:hidden;transform:translateY(-50%);transition:opacity .18s ease,visibility .18s ease,background-color .18s ease}
.reel-home-page .reel-shelf-arrow-prev{left:8px}.reel-home-page .reel-shelf-arrow-next{right:8px}
.reel-home-page .reel-shelf-track:hover .reel-shelf-arrow{opacity:1;visibility:visible}
.reel-home-page .reel-shelf-arrow:hover{transform:translateY(-50%);background:#303030}
.reel-home-page a{transition:color .18s ease,opacity .18s ease,transform .18s ease}
.reel-home-page .reel-brand:hover{opacity:.78}

/* Account wallet surface matching the ReelShort desktop layout. */
.reel-account-page{background:#000;color:#f5f5f5;overflow-x:hidden}
.reel-account-page .reel-site-header{position:sticky;top:0;background:#050505;border-bottom:1px solid #1b1b1b}
.reel-account-page .reel-navbar{min-height:60px;padding-top:8px!important;padding-bottom:8px!important}
.reel-account-page .reel-header-actions{margin-left:auto}
.reel-account-page .reel-header-actions>*{display:none}
.reel-account-page .reel-header-actions>.reel-icon-link[href="#download"]{display:flex;flex-direction:column;gap:1px;align-items:center;opacity:1;font-size:.67rem;font-weight:650;line-height:1.15}
.reel-account-page .reel-header-actions>.reel-icon-link[href="#download"]:after{content:attr(aria-label)}
.reel-account-page .reel-header-actions>.reel-icon-link[href="#download"] svg{width:18px;height:18px}
.reel-site-footer{margin:0;border-top:1px solid #292929;background:#050505;color:#929292}.reel-footer-layout{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(150px,.52fr) minmax(150px,.52fr) minmax(160px,.65fr);gap:clamp(28px,6vw,112px);padding-top:52px;padding-bottom:44px}.reel-footer-brand{display:flex;min-height:168px;flex-direction:column;align-items:flex-start}.reel-footer-brand .reel-brand{font-size:2rem}.reel-footer-brand .reel-brand-mark{width:40px;height:40px;font-size:1.25rem}.reel-footer-brand p{margin:12px 0 0;font-size:.78rem}.reel-footer-socials{display:flex;gap:10px;margin-top:auto}.reel-footer-socials a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #303030;border-radius:50%;color:#b8b8b8;font-family:Arial,sans-serif;font-size:18px;font-weight:800;line-height:1;text-decoration:none}.reel-footer-socials a:hover{border-color:#fff;color:#fff}.reel-footer-socials .facebook{font-family:Arial,sans-serif;font-weight:900}.reel-footer-socials .instagram{font-size:22px;font-weight:400}.reel-footer-socials .youtube{font-size:13px}.reel-footer-socials .tiktok{font-size:21px}.reel-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.reel-footer-links h2,.reel-footer-download h2{margin:0 0 3px;color:#f2f2f2;font-size:1rem;font-weight:800}.reel-footer-links a{color:#929292;font-size:.86rem;text-decoration:none}.reel-footer-links a:hover{color:#fff}.reel-footer-download{justify-self:end}.reel-footer-download img{display:block;width:132px;height:132px;margin-top:10px;border-radius:4px;background:#fff;object-fit:cover}.reel-footer-download p{max-width:160px;margin:10px 0 0;color:#929292;font-size:.74rem;line-height:1.35}@media(max-width:760px){.reel-site-footer{padding-bottom:68px}.reel-footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;padding-top:36px;padding-bottom:24px}.reel-footer-brand{grid-column:1/-1;min-height:0}.reel-footer-brand .reel-brand{font-size:1.55rem}.reel-footer-brand .reel-brand-mark{width:34px;height:34px;font-size:1.05rem}.reel-footer-socials{margin-top:22px}.reel-footer-download{justify-self:start}.reel-footer-download img{width:112px;height:112px}}@media(max-width:380px){.reel-footer-layout{grid-template-columns:1fr}.reel-footer-brand{grid-column:auto}}
.reel-account-shell{min-height:calc(100vh - 60px);background:#000}
.reel-account-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;width:min(1220px,calc(100% - 48px));min-height:500px;margin:0 auto;padding:53px 0 80px}
.reel-account-sidebar{min-width:0}
.reel-account-profile-card,.reel-account-balance-card{border-radius:4px;background:#171717}
.reel-account-profile-card{display:flex;align-items:center;gap:12px;height:72px;padding:12px 16px}
.reel-account-profile-trigger{display:flex;align-self:stretch;align-items:center;gap:12px;min-width:0;flex:1;margin:-12px 0;padding:12px 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.reel-account-profile-trigger:focus-visible{outline:2px solid #e54848;outline-offset:4px;border-radius:4px}
.reel-account-profile-card .reel-account-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #777;border-radius:50%;background:linear-gradient(145deg,#f5f5f5,#cfcfcf);color:#b7b7b7}
.reel-account-profile-card .reel-account-avatar svg{width:30px;height:30px;stroke:#fff;stroke-width:1.5}
.reel-account-identity{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.reel-account-security-panel{display:grid;gap:12px;max-width:620px;padding:24px;border:1px solid #303030;border-radius:6px;background:#171717;color:#f2f2f2}.reel-account-security-panel h2{margin:0;font-size:1.05rem}.reel-account-security-panel>p{margin:0;color:#969696;font-size:.8rem;line-height:1.45}.reel-account-security-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #333;border-radius:4px;background:#202020;font-size:.82rem}.reel-account-security-row small{overflow:hidden;color:#969696;text-overflow:ellipsis;white-space:nowrap}.reel-account-security-row button,.reel-account-bind-button{min-height:32px;padding:0 12px;border:1px solid #666;border-radius:4px;background:transparent;color:#eee;font-size:.75rem;cursor:pointer}.reel-account-bind-button{justify-self:start;border-color:#e54848;background:#e54848;color:#fff}.reel-account-security-row button:hover{border-color:#aaa}.reel-account-bind-button:hover{background:#f15a5a}
.reel-account-identity strong{overflow:hidden;color:#f2f2f2;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.reel-account-identity small{color:#777;font-size:.68rem}
.reel-account-login{flex:0 0 auto;padding:4px 9px;border:1px solid #5d5d5d;border-radius:4px;background:transparent;color:#ddd;font-size:.7rem;line-height:1.2;text-decoration:none;cursor:pointer}
.reel-account-login:hover{border-color:#aaa;color:#fff}
.reel-account-balance-card{height:141px;margin-top:10px;padding:14px}
.reel-account-balance-card>small{display:block;margin-bottom:13px;color:#888;font-size:.67rem}
.reel-account-balance-items{display:flex;align-items:center;justify-content:center;height:43px}
.reel-account-balance-items>div{display:flex;min-width:92px;flex-direction:column;align-items:center;gap:3px}
.reel-account-balance-items strong{color:#e7e7e7;font-size:1rem;line-height:1}
.reel-account-balance-items span:not(.reel-coin-dot){color:#999;font-size:.66rem}
.reel-account-balance-items .reel-coin-dot{margin-right:3px;color:#f0d18d;font-size:.72rem}
.reel-account-balance-items>i{width:1px;height:27px;background:#3c3c3c}
.reel-account-topup-button{display:flex;align-items:center;justify-content:center;width:100%;height:40px;margin-top:14px;padding:0;border:0;border-radius:4px;background:#ed2d32;color:#fff;font-size:.82rem;font-weight:700;text-decoration:none}
.reel-account-topup-button:hover{background:#bf1d22;color:#fff}
.reel-account-nav{display:grid;gap:2px;margin-top:24px}
.reel-account-nav a{display:flex;align-items:center;gap:14px;height:42px;padding:0 35px;color:#eee;font-size:.82rem;text-decoration:none}
.reel-account-nav a:hover{color:#fff;background:#171717;border-radius:4px}
.reel-account-nav a.active{background:#171717;color:#ed3439;border-radius:4px}
.reel-account-nav svg{width:20px;height:20px;stroke-width:1.8}
.reel-account-content{min-width:0;padding-top:1px}
.reel-wallet-tabs{display:flex;align-items:flex-start;gap:48px;height:46px}
.reel-wallet-tabs button{position:relative;padding:2px 0 13px;border:0;background:transparent;color:#e6e6e6;font-size:.82rem;font-weight:600;white-space:nowrap}
.reel-wallet-tabs button.active{color:#ed3439}
.reel-wallet-tabs button.active:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:2px;background:#ed3439;content:""}
.reel-wallet-table{min-width:620px}
.reel-wallet-table.is-empty,.reel-wallet-table:has(>.reel-wallet-empty){min-width:0}
.reel-wallet-table-head,.reel-wallet-table-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;column-gap:18px}
.reel-wallet-table-head{height:44px;color:#e6e6e6;font-size:.72rem;font-weight:600}
.reel-wallet-table-row{min-height:46px;border-top:1px solid #181818;color:#bdbdbd;font-size:.76rem}
.reel-wallet-table-row time{color:#8d8d8d;font-size:.7rem}
.reel-wallet-table-row .is-positive{color:#74d69b}.reel-wallet-table-row .is-negative{color:#f27878}
.reel-wallet-empty{display:grid;place-items:center;align-content:center;min-height:370px;color:#666;text-align:center}
.reel-account-load-more{display:flex;grid-column:1/-1;justify-content:center;margin-top:24px}
.reel-wallet-empty svg{width:48px;height:48px;margin-bottom:14px;stroke:#777;stroke-width:1.5}
.reel-wallet-empty p{margin:0;color:#5c5c5c;font-size:.83rem;font-weight:650}
.reel-unlocked-table-head,.reel-unlocked-table-row{grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr) minmax(140px,1fr)}
.reel-account-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.reel-account-library>.reel-wallet-empty{grid-column:1/-1}
.reel-account-library-card{position:relative;min-width:0;aspect-ratio:3/4.52;color:#fff;overflow:visible}
@media(max-width:760px){
  .reel-account-layout{display:block;width:auto;min-height:calc(100vh - 60px);padding:20px 16px 36px}
  .reel-account-profile-card{height:70px}.reel-account-balance-card{height:140px}.reel-account-nav{display:flex;gap:4px;margin-top:15px;overflow-x:auto}.reel-account-nav a{height:40px;flex:1 0 auto;justify-content:center;padding:0 16px}.reel-account-content{margin-top:30px;overflow-x:auto}.reel-wallet-tabs{gap:30px}.reel-wallet-table{min-width:620px}.reel-account-library{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.reel-account-page .reel-site-header{display:none}
}
.reel-nav-links .nav-link,.reel-search-trigger{transition:color .18s ease,opacity .18s ease,transform .18s ease}
.reel-nav-links .nav-link:hover,.reel-nav-links .nav-link:focus-visible,.reel-search-trigger:hover,.reel-search-trigger:focus-visible{color:#e53030!important;transform:translateY(-1px)}
.reel-home-page .reel-header-actions a:not(.reel-top-up):not(.reel-account-topup):hover{color:#e53030!important}
.reel-home-page .reel-header-actions .reel-icon-link:hover,.reel-home-page .reel-header-actions .reel-language-link:hover{opacity:1}
.reel-home-page .reel-header-actions .reel-avatar-link:hover{color:#fff!important;opacity:1;transform:scale(1.06)}
.reel-home-page .reel-top-up:hover,.reel-inner-page .reel-top-up:hover{background:#bf1d22!important;color:#fff!important;box-shadow:0 6px 18px #e5484855}
.reel-home-page .reel-account-topup:hover,.reel-inner-page .reel-account-topup:hover{background:#bf1d22!important;color:#fff!important}
.reel-home-page .reel-shelf-heading a:hover{color:#fff;transform:translateX(3px)}
.reel-inner-page a{transition:color .18s ease,opacity .18s ease,transform .18s ease}
.reel-inner-page a:hover{color:#f06a6a}
.reel-inner-page .reel-header-actions a:not(.reel-top-up):not(.reel-account-topup):hover{color:#e53030!important}
.reel-inner-page .reel-header-actions .reel-icon-link:hover,.reel-inner-page .reel-header-actions .reel-language-link:hover{opacity:1}
.reel-inner-page .reel-header-actions .reel-avatar-link:hover{color:#fff!important;opacity:1;transform:scale(1.06)}

/* Global search keeps the visitor in context while presenting the ReelShort-style discovery layer. */
.reel-search-trigger{padding:0;border:0;background:transparent;cursor:pointer}.reel-search-trigger:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}.reel-search-overlay{position:fixed;z-index:100;inset:0;overflow-y:auto;background:rgba(0,0,0,.88);color:#fff}.reel-search-overlay[hidden]{display:none!important}.reel-search-overlay-brand{position:absolute;top:20px;left:24px;z-index:1}.reel-search-overlay-content{width:min(736px,calc(100% - 48px));margin:12px auto 48px;padding-top:0}.reel-search-overlay-form{position:relative;display:flex;align-items:center;height:50px;border:1px solid #696969;border-radius:999px;background:#282828;box-shadow:0 8px 28px #0006}.reel-search-overlay-form input{width:100%;min-width:0;height:100%;padding:0 112px 0 20px;border:0;border-radius:inherit;outline:0;background:transparent;color:#fff;font-size:.94rem}.reel-search-overlay-form input::placeholder{color:#aaa}.reel-search-overlay-loading-indicator{position:absolute;right:54px;display:grid;place-items:center;width:54px;height:100%;color:#fff;pointer-events:none}.reel-search-overlay-loading-indicator[hidden]{display:none}.reel-search-overlay-loading-indicator svg{width:22px;height:22px;animation:reel-search-spin .8s linear infinite}.reel-search-overlay-form button{position:absolute;right:0;display:grid;place-items:center;width:54px;height:100%;border:0;border-left:1px solid #454545;background:transparent;color:#fff;cursor:pointer}.reel-search-overlay-form button svg{width:22px;height:22px}@keyframes reel-search-spin{to{transform:rotate(360deg)}}.reel-search-overlay-hot{margin-top:12px;padding:18px 20px 20px;border-radius:20px;background:#2b2b2b;box-shadow:0 16px 36px #0008}.reel-search-overlay-hot h2{margin:0 0 14px;font-size:.88rem;font-weight:500;color:#aaa}.reel-search-hot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.reel-search-hot-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;min-width:0;color:#fff;text-decoration:none}.reel-search-hot-cover{position:relative;width:84px;height:112px;overflow:hidden;border-radius:5px;background:#3d3d3d center/cover no-repeat}.reel-search-hot-rank{position:absolute;bottom:0;left:0;display:grid;place-items:center;width:39px;height:43px;background:#050505b8;color:#fff;font-size:2rem;font-weight:800;line-height:1}.reel-search-hot-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:2px 0}.reel-search-hot-copy strong{overflow:hidden;width:100%;color:#e9e9e9;font-size:.83rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.reel-search-hot-tags{display:flex;gap:6px;margin-top:7px}.reel-search-hot-tags span{max-width:104px;overflow:hidden;padding:3px 9px;border-radius:999px;background:#444;color:#bbb;font-size:.65rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.reel-search-hot-views{display:block;margin-top:auto;color:#a8a8a8;font-size:.7rem}.reel-search-overlay-loading{grid-column:1/-1;margin:24px 0;color:#aaa;text-align:center}.reel-search-open{overflow:hidden}.reel-search-open .mobile-site-header,.reel-search-open .mobile-bottom-nav{visibility:hidden}.reel-search-open .site-header{visibility:hidden}
.reel-search-hot-card{position:relative;border-radius:15px;transition:background-color .18s ease,box-shadow .18s ease}.reel-search-hot-card:hover,.reel-search-hot-card:focus-visible{z-index:1;background:#3a3a3a;box-shadow:0 0 0 10px #3a3a3a;color:#fff}.reel-search-hot-card:focus-visible{outline:2px solid #fff;outline-offset:12px}
@media(max-width:640px){.reel-search-overlay-brand{top:16px;left:16px}.reel-search-overlay-content{width:auto;margin:0;padding:82px 16px 28px}.reel-search-overlay-hot{margin-top:10px;padding:16px;border-radius:14px}.reel-search-hot-grid{grid-template-columns:1fr;gap:14px}.reel-search-hot-card{grid-template-columns:72px minmax(0,1fr)}.reel-search-hot-cover{width:72px;height:96px}.reel-search-hot-rank{width:34px;height:38px;font-size:1.7rem}}
@media(max-width:760px){.mobile-app .reel-search-overlay{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.mobile-app .reel-search-overlay-content{display:flex;flex:1;min-height:0;flex-direction:column;width:100%;margin:0;padding:4.75rem 1rem 1.5rem;box-sizing:border-box}.mobile-app .reel-search-overlay-hot{display:flex;flex:1;min-height:0;flex-direction:column}.mobile-app .reel-search-hot-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:0.25rem}}

@media(max-width:900px){
  .reel-home-page .reel-hero-copy{width:min(560px,60vw)}
  .reel-home-page .reel-drama-card{flex-basis:180px}
}
@media(max-width:640px){
  .reel-home-page .reel-hero,.reel-home-page .reel-hero-layout{min-height:575px}
  .reel-home-page .reel-hero-layout{padding-top:92px;padding-bottom:156px}
  .reel-home-page .reel-hero-copy{width:100%}
  .reel-home-page .reel-hero-copy h1{font-size:1.95rem}
  .reel-home-page .reel-play{min-width:190px;height:54px;font-size:1rem}
  .reel-home-page .reel-banner-nav{right:16px;bottom:30px;left:16px;width:auto;max-width:none;overflow:visible}
  .reel-home-page .reel-banner-viewport{gap:8px}
  .reel-home-page .reel-banner-arrow{width:24px;height:24px}
  .reel-home-page .reel-banner-prev{right:calc(100% + 4px)}
  .reel-home-page .reel-banner-next{left:calc(100% + 4px)}
  .reel-home-page .reel-banner-arrow-icon{width:24px;height:24px}
  .reel-home-page .reel-drama-card{flex-basis:128px}
  .reel-home-page .reel-shelf-track:hover .reel-shelf-arrow{opacity:0;visibility:hidden}
}

/* Desktop shelves retain six full cards and use the exposed next card as a scroll cue. */
.reel-drama-card-link{display:block;color:inherit;text-decoration:none}.reel-drama-summary,.reel-drama-actions{display:none}
@media(min-width:1200px){
  body.reel-home-page .container.reel-shelves{padding-right:clamp(24px,5.5vw,112px);padding-left:clamp(64px,5.9vw,150px)}
  .reel-home-page .reel-drama-row:not(.reel-grid-row){gap:28px;margin:-8px calc(0px - clamp(24px,5.5vw,112px)) -114px calc(0px - clamp(64px,5.9vw,150px));padding:8px clamp(24px,5.5vw,112px) clamp(158px,calc(176px - .9375vw),164px) clamp(64px,5.9vw,150px)}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card{position:relative;flex-basis:max(150px,calc(16.666667% - 23.333333px));aspect-ratio:3/4.52;overflow:visible;transform:none;transition:color .24s ease}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card.reel-drama-peek{pointer-events:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card.reel-drama-transition{pointer-events:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card.reel-drama-transition .reel-drama-surface{filter:grayscale(.72) brightness(.58)}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-surface{position:relative;transition:background-color .24s ease,box-shadow .24s ease,transform .24s ease,border-radius .24s ease}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-summary{display:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within){z-index:4;color:#fff;outline:0}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-surface{position:absolute;top:-8px;right:-8px;left:-8px;z-index:0;isolation:isolate;overflow:hidden;padding:8px;border-radius:18px;box-shadow:0 20px 40px #000c;transform:scale(1.035);transform-origin:top center}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details{position:relative;isolation:isolate}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details::before,.reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details::after{position:absolute;content:"";pointer-events:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details::before{inset:-18px -28px -28px;z-index:0;background:var(--reel-drama-backdrop) center/cover;filter:blur(22px) brightness(.9) saturate(1);transform:scale(1.12)}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details::after{inset:-18px -12px -12px;z-index:1;background:linear-gradient(180deg,#17171772,#171717d6)}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-surface>*{position:relative;z-index:2}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-details>*{position:relative;z-index:2}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-visible) .reel-cover{transform:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-cover{border-radius:14px;transform:none}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) h3{display:-webkit-box;overflow:hidden;margin-top:12px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-summary{display:-webkit-box;overflow:hidden;margin:12px 0 0;color:#c4c0bc;font-size:.76rem;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:10px;margin-top:16px}
  .reel-home-page .reel-drama-play-action,.reel-home-page .reel-drama-icon-action{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid #a7a19a;border-radius:999px;font-weight:800;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
  .reel-home-page .reel-drama-play-action{gap:8px;border-color:#fff;background:#fff;color:#222;font-size:.9rem}.reel-home-page .reel-drama-play-action:hover{border-color:#e54848;background:#e54848;color:#fff}.reel-home-page .reel-drama-play-action svg{width:18px;height:18px;fill:currentColor;stroke-width:1.5}
  .reel-home-page .reel-drama-icon-action{padding:0;background:#ffffff0d;color:#fff;cursor:pointer}.reel-home-page .reel-drama-icon-action:hover,.reel-home-page .reel-drama-icon-action.active{border-color:#fff;background:#ffffff24}.reel-home-page .reel-drama-icon-action.active{color:#f6b331;border-color:#f6b331;background:#f6b3311c}.reel-home-page .reel-drama-icon-action.active svg{fill:currentColor}.reel-home-page .reel-drama-icon-action svg{width:20px;height:20px;stroke-width:2}
  .reel-home-page .reel-shelf-arrow{z-index:5;width:clamp(54px,4.6vw,92px);height:clamp(54px,4.6vw,92px);border:2px solid #d7d7d7;border-radius:50%;background:#090909b8;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .18s ease,visibility 0s linear .18s,background-color .18s ease}
  .reel-home-page .reel-shelf-arrow svg{width:clamp(28px,2.3vw,46px);height:clamp(28px,2.3vw,46px);stroke-width:2.5}
  .reel-home-page .reel-shelf-arrow-prev{left:calc(0px - clamp(32px,2.95vw,75px))}.reel-home-page .reel-shelf-arrow-next{right:auto;left:calc(100% + clamp(12px,2.75vw,56px))}
  .reel-home-page .reel-shelf-track:hover .reel-shelf-arrow,.reel-home-page .reel-shelf-arrow:hover,.reel-home-page .reel-shelf-arrow:focus-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .reel-home-page .reel-shelf-arrow:hover{transform:translate(-50%,-50%);background:#222}
}
@media(min-width:1200px) and (max-width:1599px){
  .reel-home-page .reel-drama-row:not(.reel-grid-row) .reel-drama-card:is(:hover,:focus-within) .reel-drama-actions{grid-template-columns:repeat(3,48px)}
  .reel-home-page .reel-drama-play-action{padding:0}
  .reel-home-page .reel-drama-play-action span{display:none}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-actions{grid-template-columns:repeat(3,48px)}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-play-action{padding:0}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-play-action span{display:none}
}

/* Fandom keeps the ranking rhythm compact while using the home card response. */
body.reel-inner-page .container.reel-fandom{width:min(calc(100% - 48px),1388px);max-width:1388px;margin-right:auto;margin-left:auto;padding:56px 0 92px}
@media(min-width:641px){body.reel-inner-page .container.reel-category-page{width:min(calc(100% - 48px),1388px);max-width:1388px;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}}
.reel-fandom .reel-kicker{margin-bottom:28px}
.reel-fandom .reel-section-heading{margin-bottom:34px}
.reel-fandom .reel-section-heading h1{font-size:clamp(2.5rem,3.05vw,3.7rem);line-height:1.1}
.ranking-tabs{display:flex;gap:10px;margin-bottom:38px}
.reel-fandom .reel-filter-button{min-width:174px;height:64px;padding:0 28px;font-size:1.2rem;font-weight:650}
.reel-fandom-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 28px}
.reel-fandom-card{position:relative;min-width:0;aspect-ratio:3/4.52;color:#fff;overflow:visible}
.reel-fandom-card .reel-drama-surface{position:relative;transition:background-color .24s ease,box-shadow .24s ease,transform .24s ease,border-radius .24s ease}
.reel-fandom-card .reel-cover{border-radius:8px;transform:none}
.reel-fandom-card .rank-number{bottom:10px;left:10px;z-index:4;padding:0;border:0;border-radius:0;background:transparent;font-size:1.2rem;line-height:1;text-shadow:0 2px 8px #000}
@media(min-width:1200px){
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within){z-index:4;color:#fff;outline:0}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-surface{position:absolute;top:-8px;right:-8px;left:-8px;z-index:0;isolation:isolate;overflow:hidden;padding:8px;border-radius:18px;box-shadow:0 20px 40px #000c;transform:scale(1.035);transform-origin:top center}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details{position:relative;isolation:isolate}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details::before,:is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details::after{position:absolute;content:"";pointer-events:none}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details::before{inset:-18px -28px -28px;z-index:0;background:var(--reel-drama-backdrop) center/cover;filter:blur(22px) brightness(.9) saturate(1);transform:scale(1.12)}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details::after{inset:-18px -12px -12px;z-index:1;background:linear-gradient(180deg,#17171772,#171717d6)}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-surface>*,:is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-details>*{position:relative;z-index:2}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-cover{border-radius:14px;transform:none}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) h3{display:-webkit-box;overflow:hidden;margin-top:12px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-summary{display:-webkit-box;overflow:hidden;margin:12px 0 0;color:#c4c0bc;font-size:.76rem;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  :is(.reel-fandom-card,.reel-account-library-card):is(:hover,:focus-within) .reel-drama-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;gap:10px;margin-top:16px}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-play-action,:is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid #a7a19a;border-radius:999px;font-weight:800;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-play-action{gap:8px;border-color:#fff;background:#fff;color:#222;font-size:.9rem}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-play-action svg{width:18px;height:18px;fill:currentColor;stroke-width:1.5}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action{padding:0;background:#ffffff0d;color:#fff;cursor:pointer}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action:hover,:is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action.active{border-color:#fff;background:#ffffff24}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action.active{color:#f6b331;border-color:#f6b331;background:#f6b3311c}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action.active svg{fill:currentColor}
  :is(.reel-fandom-card,.reel-account-library-card) .reel-drama-icon-action svg{width:20px;height:20px;stroke-width:2}
}
@media(max-width:1199px){.reel-fandom-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 18px}}
@media(max-width:900px){.reel-fandom-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){body.reel-inner-page .container.reel-fandom{width:100%;padding:44px 16px 52px}.reel-fandom .reel-kicker{margin-bottom:18px}.reel-fandom .reel-section-heading{margin-bottom:24px}.reel-fandom .reel-section-heading h1{font-size:2rem}.ranking-tabs{margin-bottom:28px}.reel-fandom .reel-filter-button{min-width:0;height:48px;padding:0 20px;font-size:1rem}.reel-fandom-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.reel-fandom-card h2{font-size:.86rem}.reel-fandom-meta{font-size:.71rem}}

/* Header flyouts mirror ReelShort's compact dark menus and stay anchored to their trigger. */
.reel-hover-dropdown{position:relative;display:flex;align-items:center}
.reel-hover-dropdown::after{content:"";position:absolute;top:100%;right:-8px;left:-8px;height:24px}
.reel-hover-panel{position:absolute;top:calc(100% + 12px);left:50%;z-index:40;display:none;width:auto;transform:translateX(-50%);background:#292929;color:#fff;border-radius:14px;box-shadow:0 14px 32px #0009}
.reel-hover-dropdown:hover>.reel-hover-panel,.reel-hover-dropdown:focus-within>.reel-hover-panel{display:block}
.reel-hover-panel::before{content:"";position:absolute;top:-8px;left:50%;z-index:1;transform:translateX(-50%);border-right:8px solid transparent;border-bottom:8px solid #292929;border-left:8px solid transparent;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.1))}
.reel-history-panel{width:min(360px,calc(100vw - 32px));padding:24px}
.reel-history-tabs{display:flex;gap:20px;align-items:center;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #454545;font-size:1.25rem}
.reel-history-tabs strong{color:#9f9f9f;font-weight:800;cursor:pointer}.reel-history-tabs a{color:#9f9f9f;text-decoration:none}.reel-history-tabs :is(strong,a):hover,.reel-history-tabs .is-active{color:#fff}
.reel-history-list{display:grid;gap:20px;overflow:hidden}.reel-history-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;color:#fff;text-decoration:none}.reel-history-item>div{min-width:0}.reel-history-item img{width:96px;height:128px;object-fit:cover;border-radius:8px;background:#3a3a3a}.reel-history-item strong{display:-webkit-box;overflow:hidden;color:#eee;font-size:1rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.reel-history-item small{display:block;margin-top:8px;color:#aaa;font-size:.9rem}.reel-hover-panel-empty,.reel-hover-login{margin:0;color:#aaa;font-size:.82rem}.reel-hover-login a,.reel-hover-more{display:block;color:#fff;text-align:center;text-decoration:none}.reel-hover-more{margin-top:20px;padding:10px 18px;border-radius:999px;background:#414141;color:#aaa;font-size:.82rem;font-weight:700}.reel-hover-more:hover{background:#4d4d4d;color:#fff}
.reel-account-panel{box-sizing:border-box;right:0;left:auto;max-width:calc(100vw - 32px);transform:none;width:min(360px,calc(100vw - 32px));padding:24px}.reel-account-panel::before{right:8px;left:auto;transform:none}.reel-account-profile{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #444}.reel-account-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:#333;color:#666}.reel-account-avatar svg{width:40px;height:40px}.reel-account-profile>div:nth-child(2){display:grid;flex:1;gap:3px;min-width:0}.reel-account-profile strong,.reel-account-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-account-profile strong{font-size:1rem}.reel-account-profile small{color:#aaa;font-size:.76rem}.reel-account-profile>a{margin-left:auto;min-width:0;overflow:hidden;color:#aaa;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.reel-account-profile>a:hover{color:#fff}.reel-account-balances{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 0;text-align:center}.reel-account-balances>i{width:1px;height:38px;background:#555}.reel-account-balances strong{display:block;font-size:1.2rem}.reel-account-balances small{display:block;margin-top:5px;color:#aaa;font-size:.76rem}.reel-coin-dot{color:#f3c55a;font-size:.95rem;margin-right:4px}.reel-account-topup{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;background:#ef3035;color:#fff;font-size:.9rem;font-weight:800;text-decoration:none}.reel-account-topup:hover{background:#bf1d22;color:#fff}
.reel-avatar-link{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:0;border-radius:50%;background:transparent;padding:0;overflow:hidden;cursor:pointer}.reel-avatar-link img,.reel-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}.reel-account-menu-avatar{width:56px;height:56px;min-width:56px;max-width:56px;flex:0 0 56px;overflow:hidden}.reel-account-menu-avatar img{width:56px;height:56px;max-width:none;object-fit:cover}.reel-account-profile-card .reel-account-avatar{padding:0;overflow:hidden;cursor:pointer}.reel-profile-modal-backdrop{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:20px;background:#000b}.reel-profile-modal{position:relative;width:min(100%,390px);padding:24px;border:1px solid #3d3d3d;border-radius:8px;background:#1b1b1b;color:#fff;box-shadow:0 24px 70px #000}.reel-profile-modal h2{margin:0 32px 20px 0;font-size:1.12rem;font-weight:800}.reel-profile-close{position:absolute;top:14px;right:15px;border:0;background:transparent;color:#aaa;font-size:1.5rem;line-height:1;cursor:pointer}.reel-profile-close:hover{color:#fff}.reel-profile-form{display:grid;gap:14px}.reel-profile-form>label{display:grid;gap:7px;color:#c7c7c7;font-size:.78rem;font-weight:650}.reel-profile-form input:not([type=file]){height:42px;padding:0 12px;border:1px solid #464646;border-radius:4px;background:#252525;color:#fff;outline:0}.reel-profile-form input:focus{border-color:#e54848;box-shadow:0 0 0 2px #e5484838}.reel-profile-avatar-picker{grid-template-columns:54px 1fr;align-items:center;min-height:54px;cursor:pointer}.reel-profile-avatar-picker [data-profile-avatar-preview]{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border:1px solid #555;border-radius:50%;background:#292929;color:#aaa;font-size:1.4rem}.reel-profile-avatar-picker [data-profile-avatar-preview] img{width:100%;height:100%;object-fit:cover}.reel-profile-submit{min-height:42px;border:0;border-radius:4px;background:#e54848;color:#fff;font-size:.84rem;font-weight:800;cursor:pointer}.reel-profile-submit:hover{background:#f15a5a}.reel-profile-error{margin:0;color:#ff9696;font-size:.75rem}
.reel-nav-dropdown:hover>.reel-category-toggle,.reel-language-dropdown:hover>.reel-language-toggle{color:#e53030!important}
.reel-dropdown-menu{min-width:168px;padding:6px;background:#292929;border:0;border-radius:10px;box-shadow:0 14px 32px #0009}
.reel-nav-dropdown .reel-dropdown-menu{top:calc(100% + 7px);width:min(280px,calc(100vw - 32px))}
.reel-nav-dropdown::before{content:"";position:absolute;top:100%;left:-8px;z-index:1000;width:calc(100% + 16px);height:7px}
.reel-dropdown-menu .dropdown-item{padding:9px 14px;color:#bdbdbd;font-size:.84rem;font-weight:600;line-height:1.3}.reel-dropdown-menu .dropdown-item:hover,.reel-dropdown-menu .dropdown-item:focus,.reel-dropdown-menu .dropdown-item.active{background:#3a3a3a;color:#fff;border-radius:6px}.reel-dropdown-menu .dropdown-divider{display:none}
.reel-language-dropdown>.reel-dropdown-menu{top:calc(100% + 7px);right:auto!important;left:50%!important;transform:translateX(-50%)}
.reel-language-dropdown::before{content:"";position:absolute;top:100%;left:50%;z-index:1000;width:calc(100% + 16px);height:7px;transform:translateX(-50%)}
.reel-nav-dropdown::after,.reel-language-dropdown::after{content:"";position:absolute;top:calc(100% - 1px);left:50%;z-index:1001;border-right:8px solid transparent;border-bottom:8px solid #292929;border-left:8px solid transparent;opacity:0;visibility:hidden;transform:translateX(-50%);filter:drop-shadow(0 -1px 0 rgba(255,255,255,.1))}.reel-nav-dropdown:hover::after,.reel-nav-dropdown:focus-within::after,.reel-language-dropdown:hover::after,.reel-language-dropdown:focus-within::after{opacity:1;visibility:visible}
@media(max-width:640px){.mobile-app .reel-language-dropdown:hover>.dropdown-menu,.mobile-app .reel-language-dropdown:focus-within>.dropdown-menu{display:none}.mobile-app .reel-language-dropdown>.dropdown-menu.show{display:block}}
@media(max-width:900px){.reel-hover-dropdown::after{display:none}.reel-hover-panel{position:fixed;top:68px;right:16px;left:16px;width:auto;transform:none}.reel-hover-panel::before{left:50%;transform:translateX(-50%)}.reel-history-panel{padding:18px}.reel-history-item{grid-template-columns:64px minmax(0,1fr);gap:12px}.reel-history-item img{width:64px;height:85px}.reel-history-item strong{font-size:.86rem}.reel-history-item small{font-size:.76rem}.reel-account-panel{padding:18px}.reel-dropdown-menu{min-width:148px}.reel-nav-dropdown .reel-dropdown-menu,.reel-language-dropdown>.reel-dropdown-menu{top:100%}.reel-nav-dropdown .reel-dropdown-menu{width:min(260px,calc(100vw - 32px))}}

/* Keep the account header compact after the shared responsive header rules. */
.reel-account-page .reel-site-header,.reel-account-page .reel-navbar{height:60px;min-height:60px}
.reel-account-page .reel-wallet-empty{min-height:464px}
.reel-vip-banner{position:absolute;right:50%;bottom:0;z-index:2;min-width:27px;padding:1px 4px;border:1px solid #ad4c5d;border-radius:999px;background:#ca6072;color:#fff7f8;font-size:.42rem;font-weight:800;line-height:1.15;text-align:center;transform:translateX(50%);white-space:nowrap;box-shadow:0 1px 2px #0005;pointer-events:none}.reel-vip-banner[data-vip-tier="weekly"]{border-color:#9d4355;background:#b95568;color:#fff5f6}.reel-vip-banner[data-vip-tier="monthly"]{border-color:#c4495e;background:#df556a;color:#fff8f8}.reel-vip-banner[data-vip-tier="yearly"]{border-color:#e25b6c;background:#f37280;color:#fffafa}.reel-account-membership-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid #8e4251;border-radius:4px;background:linear-gradient(135deg,#39242b,#20191c);color:#ffe0e4}.reel-account-membership-card[data-vip-tier="weekly"]{border-color:#86404e;background:linear-gradient(135deg,#342329,#43262e)}.reel-account-membership-card[data-vip-tier="monthly"]{border-color:#ad4355;background:linear-gradient(135deg,#40252c,#542a33)}.reel-account-membership-card[data-vip-tier="yearly"]{border-color:#cf5363;background:linear-gradient(135deg,#4b2830,#663039)}.reel-account-membership-card-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;color:#ef3035}.reel-account-membership-card-icon svg{width:22px;height:22px;fill:none;stroke-width:2}.reel-account-membership-card div{display:grid;gap:3px;min-width:0}.reel-account-membership-card strong{font-size:.86rem}.reel-account-membership-card small,.reel-account-membership-card time{color:#e7b4bc;font-size:.67rem}.reel-account-membership-card time{white-space:nowrap}.mobile-watch-comment-avatar,.mobile-watch-reply-avatar{position:relative;overflow:visible}
.reel-avatar-link,.reel-account-avatar,.reel-comment-avatar,.reel-reply-avatar{position:relative;overflow:visible}.mobile-watch-comment-avatar img,.mobile-watch-reply-avatar img{border-radius:50%;clip-path:circle(50%);overflow:hidden}.reel-avatar-link img,.reel-account-avatar img,.reel-comment-avatar img,.reel-reply-avatar img{border-radius:50%;clip-path:circle(50%);overflow:hidden}.mobile-watch-comment-avatar>span:not(.reel-vip-banner),.mobile-watch-reply-avatar>span:not(.reel-vip-banner){border-radius:50%}.reel-comment-avatar>span:not(.reel-vip-banner),.reel-reply-avatar>span:not(.reel-vip-banner){border-radius:50%}
.reel-account-menu-avatar{overflow:visible}
@media(max-width:760px){.reel-account-page .reel-wallet-empty{min-height:350px}}

/* The H5 account area keeps the same vertical reading order as ReelShort's mobile dashboard. */
@media(max-width:760px){
  .mobile-app .reel-account-layout{display:none}
  .mobile-app .reel-account-mobile{display:block;min-height:100dvh;padding:0 1rem 2.75rem;background:#000;color:#fff}
  .mobile-app .reel-account-mobile.is-home{padding-top:3rem}
  .mobile-app .reel-account-mobile-profile{display:flex;align-items:center;gap:1.0625rem;width:100%;padding:0.4375rem 1.25rem 1.875rem;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
  .mobile-app .reel-account-mobile-avatar{display:grid;place-items:center;width:4.375rem;min-width:4.375rem;max-width:4.375rem;height:4.375rem;min-height:4.375rem;max-height:4.375rem;flex:0 0 4.375rem;aspect-ratio:1;overflow:hidden;border:0.1875rem solid #eee;border-radius:50%;background:linear-gradient(145deg,#f8f8f8,#cfcfcf);color:#bbb}
  .mobile-app .reel-account-mobile-avatar svg{width:3rem;height:3rem;stroke:#fff;stroke-width:1.35}
  .mobile-app .reel-account-mobile-avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
  .mobile-app .reel-account-mobile-profile strong,.mobile-app .reel-account-mobile-profile small{display:block}
  .mobile-app .reel-account-mobile-profile strong{font-size:1.8rem;line-height:1.15}
  .mobile-app .reel-account-mobile-profile small{margin-top:0.4375rem;color:#858585;font-size:1rem}
  .mobile-app .reel-account-mobile-balance{padding:1.5rem 1.25rem 1.6875rem;border-radius:0.5rem;background:#171717}
  .mobile-app .reel-account-mobile-balance h2{margin:0 0 1.5625rem;color:#999;font-size:1.12rem;font-weight:600}
  .mobile-app .reel-account-mobile-balance-items{display:grid;grid-template-columns:1fr 0.0625rem 1fr;align-items:center;text-align:center}
  .mobile-app .reel-account-mobile-balance-items>i{height:4rem;background:#555}
  .mobile-app .reel-account-mobile-balance-items strong{display:block;font-size:1.6rem;line-height:1.1}
  .mobile-app .reel-account-mobile-balance-items>div>span:not(.reel-coin-dot){display:block;margin-top:0.5rem;color:#999;font-size:1rem}
  .mobile-app .reel-account-mobile-balance-items .reel-coin-dot{font-size:1.1rem}
  .mobile-app .reel-account-mobile-topup{display:flex;align-items:center;justify-content:center;height:3.625rem;margin-top:1.875rem;border-radius:0.4375rem;background:#ef3035;color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}
  .mobile-app .reel-account-mobile-menu{display:grid;margin-top:2.25rem}
  .mobile-app .reel-account-mobile-menu :is(button,a){display:grid;grid-template-columns:2.125rem minmax(0,1fr) 1.25rem;align-items:center;gap:0.875rem;height:5.75rem;padding:0 0.25rem;border:0;background:transparent;color:#f2f2f2;text-align:left;text-decoration:none}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:first-child{width:2rem;height:2rem;color:#777;stroke-width:1.7}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:last-child{width:1.25rem;height:1.25rem;color:#777}
  .mobile-app .reel-account-mobile-menu :is(button,a):first-child>svg:first-child{color:#ed303a}
  .mobile-app .reel-account-mobile-logout{display:block;width:calc(100% - 3rem);height:3.625rem;margin:2.3125rem auto 0;border:0.0625rem solid #777;border-radius:0.5rem;background:transparent;color:#999;font-size:1.15rem}
  .mobile-app .reel-account-mobile-subheader{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;height:4.875rem}
  .mobile-app .reel-account-mobile-subheader h1{margin:0;text-align:center;font-size:1.5rem;font-weight:700;white-space:nowrap}
  .mobile-app .reel-account-mobile-subheader button{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;background:transparent;color:#fff}
  .mobile-app .reel-account-mobile-subheader button svg{width:2rem;height:2rem;stroke-width:2}
  .mobile-app .reel-account-mobile-subheader .reel-account-mobile-more svg{width:1.5625rem;height:1.5625rem}
  .mobile-app .reel-account-mobile-tabs{display:flex;gap:3.5rem;height:4.125rem;padding:0 1.25rem}
  .mobile-app .reel-account-mobile-tabs button{position:relative;padding:0;border:0;background:transparent;color:#999;font-size:1.05rem;white-space:nowrap}
  .mobile-app .reel-account-mobile-tabs button.active{color:#fff;font-weight:700}
  .mobile-app .reel-account-mobile-tabs button.active:after{position:absolute;right:0;bottom:0.625rem;left:0;height:0.25rem;border-radius:0.1875rem;background:#f03755;content:""}
  .mobile-app .reel-account-mobile-list{min-width:0}
  .mobile-app .reel-account-mobile-list .reel-wallet-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5625rem 1.125rem;min-height:0;padding:0.9375rem 0.125rem;border-top:0.0625rem solid #191919;font-size:.82rem}
  .mobile-app .reel-account-mobile-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 0.75rem;padding:1.125rem 0}
  .mobile-app .reel-account-mobile-drama{min-width:0}
  .mobile-app .reel-account-mobile-drama a{display:block;color:#fff;text-decoration:none}
  .mobile-app .reel-account-mobile-drama .reel-cover{aspect-ratio:3/4.2;border-radius:0.5625rem}
  .mobile-app .reel-account-mobile-drama h2{display:-webkit-box;overflow:hidden;margin:0.75rem 0 0;color:#f4f4f4;font-size:.92rem;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .mobile-app .reel-account-mobile-drama p{overflow:hidden;margin:0.4375rem 0 0;color:#999;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-account-mobile-drama p strong{color:#f03755;font-weight:500}
  .mobile-app .reel-account-mobile-library>.reel-wallet-empty{grid-column:1/-1;min-height:29.375rem}
}

@media(min-width:761px){.reel-account-mobile{display:none}}

@media(max-width:760px){
  .mobile-app.reel-account-page{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom))}
  .mobile-app.reel-account-page main{min-height:100dvh}
  .mobile-app.reel-account-page .reel-site-footer{display:none}
  .mobile-app .reel-account-layout{padding:4rem 1rem 2.125rem}
  .mobile-app .reel-account-profile-card{height:5.125rem;padding:0.875rem 1rem}
  .mobile-app .reel-account-profile-card .reel-account-avatar{width:3.125rem;height:3.125rem;flex-basis:3.125rem}
  .mobile-app .reel-account-profile-card .reel-account-avatar svg{width:2.125rem;height:2.125rem}
  .mobile-app .reel-account-identity strong{font-size:1.05rem}
  .mobile-app .reel-account-identity small{font-size:.72rem}
  .mobile-app .reel-account-login{padding:0.4375rem 0.6875rem;font-size:.78rem}
  .mobile-app .reel-account-balance-card{height:auto;margin-top:0.75rem;padding:1.125rem 0.875rem 1rem}
  .mobile-app .reel-account-balance-card>small{margin-bottom:1rem;font-size:.76rem}
  .mobile-app .reel-account-balance-items{height:3.375rem}
  .mobile-app .reel-account-balance-items>div{min-width:7rem;gap:0.3125rem}
  .mobile-app .reel-account-balance-items strong{font-size:1.25rem}
  .mobile-app .reel-account-balance-items span:not(.reel-coin-dot){font-size:.76rem}
  .mobile-app .reel-account-balance-items>i{height:2rem}
  .mobile-app .reel-account-topup-button{height:3rem;margin-top:1.0625rem;font-size:1rem}
  .mobile-app .reel-account-nav{display:grid;gap:0;margin-top:1.75rem;overflow:visible}
  .mobile-app .reel-account-nav a{justify-content:flex-start;height:3.375rem;padding:0 1.5rem;font-size:1rem}
  .mobile-app .reel-account-nav a.active{background:#171717}
  .mobile-app .reel-account-nav svg{width:1.5rem;height:1.5rem}
  .mobile-app .reel-account-content{margin-top:2.125rem;overflow:visible}
  .mobile-app .reel-wallet-tabs{gap:1.75rem;height:3rem;border-bottom:0.0625rem solid #242424}
  .mobile-app .reel-wallet-tabs button{padding-bottom:0.9375rem;font-size:.9rem}
  .mobile-app .reel-wallet-table{min-width:0}
  .mobile-app .reel-wallet-table-head{display:none}
  .mobile-app .reel-wallet-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5625rem 1.125rem;min-height:0;padding:0.9375rem 0.125rem;font-size:.82rem}
  .mobile-app .reel-wallet-table-row time{font-size:.74rem}
  .mobile-app .reel-unlocked-table-row{grid-template-columns:minmax(0,1fr) auto}
  .mobile-app .reel-unlocked-table-row time{grid-column:1/-1}
  .mobile-app .reel-account-library{gap:1.375rem 0.75rem}
  .mobile-app .reel-account-page .reel-wallet-empty{min-height:15rem}
}

@media(max-width:760px){
  .mobile-app .reel-topup-main{padding:1.375rem 1rem 2.75rem}
  .mobile-app .reel-topup-main .reel-breadcrumb{padding:0 0 1.125rem;font-size:.76rem}
  .mobile-app .reel-topup-wrap{width:100%;max-width:40rem}
  .mobile-app .reel-balance-bar{min-height:0;align-items:flex-start;flex-direction:column;gap:0.6875rem;padding:1.0625rem 0.875rem;border-radius:0.3125rem 0.3125rem 0 0}
  .mobile-app .reel-balance-items{width:100%;justify-content:space-around;gap:0;font-size:.84rem}
  .mobile-app .reel-balance-bar a{align-self:flex-end;font-size:.78rem}
  .mobile-app .reel-topup-section,.mobile-app .reel-payment-section,.mobile-app .reel-subscription-details{padding:1.375rem 0.875rem;border-radius:0}
  .mobile-app .reel-topup-heading h1,.mobile-app .reel-topup-heading h2{font-size:1.05rem}
  .mobile-app .reel-vip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}
  .mobile-app .reel-vip-card{min-height:9.625rem;padding:1rem 0.8125rem 0}
  .mobile-app .reel-vip-card strong{font-size:1.35rem}
  .mobile-app .reel-vip-benefits{gap:0.5rem;width:calc(100% + 1.625rem);margin:0.875rem -0.8125rem 0;padding:0.5625rem 0.8125rem;font-size:.61rem}
  .mobile-app .reel-vip-benefits svg{width:0.8125rem;height:0.8125rem}
  .mobile-app .reel-coin-card{min-height:9.625rem}
  .mobile-app .reel-subscription-details{border-radius:0 0 0.3125rem 0.3125rem}
}

@media(max-width:760px){
  .mobile-app:has(#auth-shell){padding-bottom:0}
  .mobile-app .reel-auth-main{background:#141414}
  .mobile-app .reel-auth-card,.mobile-app .reel-auth-card.is-email,.mobile-app .reel-auth-card.is-register{background:#141414}
  .mobile-app .reel-auth-form,.mobile-app .reel-auth-card.is-register .reel-auth-form{width:min(100%,26.25rem);margin:0 auto;padding:3.25rem 1.5rem 2.25rem}
  .mobile-app .reel-auth-form h1{margin-top:1.75rem}
  .mobile-app .reel-auth-card.is-email .reel-auth-form{width:min(100%,26.25rem);height:100dvh;padding:0 1.5rem}
  .mobile-app .reel-auth-card.is-register .reel-auth-form{padding-bottom:3rem}
}

/* H5 sign-in follows the compact mobile reference while retaining the shared auth APIs. */
@media(max-width:760px){
  /* The 375px reference phone uses a 14px root: 14 / 375 * 100 = 3.73333vw. */
  html.h5-root{font-size:3.73333vw}

  .mobile-app:has(#auth-shell){background:#000}
  .mobile-app .reel-auth-main{background:radial-gradient(100% 26% at 86% 0%,#540006 0%,#160001 34%,#000 75%)}
  .mobile-app .reel-auth-card{background:transparent}
  .mobile-auth-view,.mobile-auth-email-view{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:100dvh;padding:9.125rem 2.125rem 2.625rem;color:#fff}
  .mobile-auth-close,.mobile-auth-back{position:absolute;top:1.375rem;right:1.5rem;width:1.5rem;height:1.5rem;padding:0;border:0;background:transparent;color:#aaa;display:grid;place-items:center;cursor:pointer}
  .mobile-auth-back{right:auto;left:1.5rem}
  .mobile-auth-close svg,.mobile-auth-back svg{width:1.5rem;height:1.5rem}
  .mobile-auth-brand{display:flex;flex-direction:column;align-items:center;gap:1.75rem;margin:0 auto 9.625rem}
  .mobile-auth-brand img:first-child{width:8rem;height:8rem;object-fit:contain}
  .mobile-auth-brand img:last-child{width:13.375rem;height:auto;object-fit:contain}
  .mobile-auth-primary-wrap{position:relative;width:min(100%,18.5rem);margin:0 auto 2.625rem}
  .mobile-auth-primary{display:flex;align-items:center;justify-content:center;gap:0.625rem;width:100%;height:3.25rem;padding:0 1rem;border:0;border-radius:0.5rem;background:#fff;color:#111;font-size:1rem;font-weight:650;cursor:pointer}
  .mobile-auth-recent{position:absolute;right:0;top:-1.625rem;z-index:1;padding:0.375rem 0.75rem;border-radius:1.375rem 1.375rem 0 1.375rem;background:#ff4b50;color:#fff;font-size:0.875rem;font-weight:700;line-height:1.2}
  .mobile-auth-method-icon{display:grid;place-items:center;width:1.5rem;height:1.5rem;font-family:Arial,sans-serif;font-size:1.25rem;font-weight:800;line-height:1}
  .mobile-auth-primary .is-google{color:#4285f4}
  .mobile-auth-method-icon.is-facebook{border-radius:50%;background:#fff;color:#222;font-family:Arial;font-size:1.375rem}
  .mobile-auth-method-icon.is-x{color:#fff;font-size:1.25rem}
  .mobile-auth-method-icon.is-email{position:relative;width:1.375rem;height:0.9375rem;border:0.125rem solid currentColor;border-radius:0.125rem;font-size:0}
  .mobile-auth-method-icon.is-email:before,.mobile-auth-method-icon.is-email:after{position:absolute;top:0.125rem;width:0.6875rem;height:0.125rem;background:currentColor;content:""}
  .mobile-auth-method-icon.is-email:before{left:0;transform:rotate(31deg);transform-origin:left center}
  .mobile-auth-method-icon.is-email:after{right:0;transform:rotate(-31deg);transform-origin:right center}
  .mobile-auth-or{display:flex;align-items:center;gap:1rem;margin:0 0 2.25rem;color:#888;font-size:0.875rem;text-align:center}
  .mobile-auth-or:before,.mobile-auth-or:after{height:0.0625rem;flex:1;background:#2c2c2c;content:""}
  .mobile-auth-secondary{display:flex;justify-content:center;gap:1.125rem}
  .mobile-auth-method{display:grid;place-items:center;width:3.25rem;height:3.25rem;border:0;border-radius:0.5rem;background:#272727;color:#fff;cursor:pointer}
  .mobile-auth-method:hover,.mobile-auth-method:focus-visible{background:#353535}
  .mobile-auth-legal{position:absolute;right:1.25rem;bottom:2.375rem;left:1.25rem;margin:0;color:#999;font-size:1rem;font-weight:600;line-height:1.45;text-align:center}
  .mobile-auth-legal a{color:#69a6ff}
  .mobile-auth-email-view{padding:4.625rem 1.5rem 2.5rem}
  .mobile-auth-email-view h1{margin:0 0 0.5rem;color:#fff;font-size:1.5rem}
  .mobile-auth-email-view .reel-auth-subtitle{margin:0 0 2.25rem;color:#888;font-size:1rem}
  .mobile-auth-email-view .reel-form-stack{gap:0.75rem}
  .mobile-auth-email-view .reel-form-stack input{height:3rem;background:#141414;border-color:#333}
  .mobile-auth-email-view .reel-auth-submit{height:3rem;margin-top:0.5rem}
  .mobile-auth-register-view{padding-top:6rem}
}

@media(max-width:350px){
  .mobile-app .reel-vip-grid{grid-template-columns:1fr}
}

.reel-category-search{margin:18px 0 0}.reel-category-search input{border-radius:999px}

/* Two-column category and search result cards match the ReelShort catalog density. */
.reel-category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.reel-category-card{grid-template-columns:clamp(180px,11vw,226px) minmax(0,1fr);min-height:300px;border-radius:14px;background:#171717;box-shadow:none}.reel-category-cover{min-height:300px}.reel-category-cover:after{background:linear-gradient(90deg,transparent 78%,#171717)}.reel-category-copy{padding:26px 24px 22px}.reel-category-copy h2{font-size:1.08rem}.reel-category-description{margin-top:13px;-webkit-line-clamp:2}.reel-category-actions{width:100%;justify-content:space-between;margin-top:auto}.reel-category-stats{margin-top:0}.reel-category-play{min-width:190px;height:56px;background:#f1f1f1;color:#222;font-size:.95rem}.reel-category-play:hover,.reel-category-play:hover span{background:#e54848;color:#fff!important}.reel-category-play:hover svg{color:#fff!important;fill:#fff!important;stroke:#fff!important}.reel-category-play svg{width:17px;height:17px}
@media(max-width:1100px){.reel-category-list{grid-template-columns:1fr}.reel-category-card{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:640px){.reel-category-list{gap:14px}.reel-category-card{grid-template-columns:106px minmax(0,1fr);min-height:172px;border-radius:8px}.reel-category-cover{min-height:172px}.reel-category-copy{padding:15px 14px 12px}.reel-category-description{-webkit-line-clamp:3}.reel-category-play{min-width:0;height:32px;padding:0 11px;font-size:.7rem}.reel-category-play svg{width:13px;height:13px}}
.mobile-app .reel-category-page{max-width:40rem}.mobile-app .reel-category-list{grid-template-columns:1fr;gap:0.875rem}.mobile-app .reel-category-card{grid-template-columns:6.625rem minmax(0,1fr);min-height:10.75rem;border-radius:0.5rem}.mobile-app .reel-category-cover{min-height:10.75rem}.mobile-app .reel-category-copy{padding:0.9375rem 0.875rem 0.75rem}.mobile-app .reel-category-description{-webkit-line-clamp:3}.mobile-app .reel-category-play{min-width:0;height:2rem;padding:0 0.6875rem;font-size:.7rem}.mobile-app .reel-category-play svg{width:0.8125rem;height:0.8125rem}

/* Mobile footer follows the compact, collapsible app layout. */
.reel-footer-accordion-button{display:flex;align-items:center;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left}.reel-footer-accordion-button span{flex:1}.reel-footer-accordion-button svg{display:none}.reel-footer-accordion-content{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
@media(max-width:760px){.reel-site-footer{padding-bottom:68px;background:#0d0d0d}.reel-footer-layout{display:flex;flex-direction:column;gap:0;padding:64px 32px 24px}.reel-footer-links{display:block;order:1;width:100%}.reel-footer-links+.reel-footer-links{margin-top:50px}.reel-footer-accordion-button{min-height:42px;padding:0;color:#f2f2f2;cursor:pointer}.reel-footer-accordion-button svg{display:block;width:24px;height:24px;transition:transform .18s ease}.reel-footer-accordion-button[aria-expanded="true"] svg{transform:rotate(180deg)}.reel-footer-accordion-content{display:none;padding-top:12px;gap:14px}.reel-footer-accordion-content.is-expanded{display:flex}.reel-footer-accordion-content a{font-size:.92rem}.reel-footer-brand{order:2;min-height:0;margin-top:78px}.reel-footer-brand .reel-brand{font-size:1.55rem}.reel-footer-brand .reel-brand-mark{width:34px;height:34px;font-size:1.05rem}.reel-footer-brand p{margin-top:12px;font-size:.78rem}.reel-footer-socials{margin-top:32px}.reel-footer-download{order:3;justify-self:start;margin-top:32px}.reel-footer-download img{width:112px;height:112px}}

/* Desktop home hero aligns its reading gutter and scale with the ReelShort reference. */
@media(min-width:992px){
  .reel-home-page .reel-hero,.reel-home-page .reel-hero-layout{min-height:clamp(620px,33.5vw,700px)}
  body.reel-home-page .reel-navbar{height:68px;min-height:68px;padding-top:0!important;padding-right:40px!important;padding-bottom:0!important;padding-left:40px!important}
  .reel-home-page .reel-brand{gap:10px;font-size:1.35rem}
  .reel-home-page .reel-brand-mark{width:36px;height:36px}

.admin-sidebar .brand{display:block;width:172px;color:white;text-decoration:none}.admin-sidebar .brand img{display:block;width:100%;height:auto}.admin-login-heading{text-align:center}.admin-login-brand{display:block;width:52px;height:52px;margin:0 auto 14px;object-fit:contain}.reel-brand{font-size:initial;font-weight:initial}.reel-brand-mark{display:block;flex:0 0 auto;border-radius:0;background:transparent;color:transparent;object-fit:contain}.reel-brand-wordmark{display:block;width:auto;height:22px;object-fit:contain}.reel-footer-brand .reel-brand{font-size:initial}.reel-footer-brand .reel-brand-mark{font-size:initial}.reel-footer-brand .reel-brand-wordmark{height:28px}.reel-auth-art-brand{font-size:initial}.reel-auth-art-brand .reel-brand-mark{width:42px;height:42px}.reel-auth-art-brand .reel-brand-wordmark{height:30px}@media(max-width:760px){.reel-footer-brand .reel-brand{font-size:initial}.reel-footer-brand .reel-brand-mark{font-size:initial}.reel-footer-brand .reel-brand-wordmark{height:24px}}@media(max-width:640px){.reel-brand{font-size:initial}.reel-brand-wordmark{height:19px}}
  .reel-home-page .reel-nav-links{gap:20px;margin-left:42px}
  .reel-home-page .reel-nav-links .nav-link{font-size:1.05rem}
  .reel-home-page .reel-header-actions{gap:22px}
  .reel-home-page .reel-icon-link svg{width:26px;height:26px}
  .reel-home-page .reel-language-link{font-size:1rem}
  .reel-home-page .reel-top-up{padding:0 28px;font-size:.98rem;line-height:40px}
  .reel-home-page .reel-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.54) 13%,rgba(0,0,0,.34) 36%,rgba(0,0,0,.10) 61%,transparent 78%),linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.58) 13%,transparent 31%)}
  body.reel-home-page .reel-hero-layout{align-items:flex-end;padding-right:clamp(64px,5.9vw,150px);padding-bottom:clamp(10px,.75vw,16px);padding-left:clamp(64px,5.9vw,150px)}
  .reel-home-page .reel-hero-copy{width:min(700px,50vw)}
  .reel-home-page .reel-hero-copy h1{font-size:clamp(2.45rem,2.25vw,3.3rem)}
  .reel-home-page .reel-hero-copy p{max-width:700px;font-size:clamp(1.05rem,1.12vw,1.2rem)}
  .reel-home-page .reel-audience{padding:7px 15px;font-size:.88rem}
.reel-home-page .reel-play{min-width:348px;height:80px;font-size:1.18rem}
}

/* Admin empty states are intentionally static, unlike the animated loading state. */
.admin-list-loading,.admin-empty-state{display:grid;place-items:center;min-height:220px;padding:32px;text-align:center}.admin-list-loading{gap:12px;color:var(--muted);font-size:.9rem}.admin-loading-spinner{width:28px;height:28px;border:3px solid #dbeafe;border-top-color:var(--primary);border-radius:50%;animation:admin-spin .75s linear infinite}.admin-empty-state{gap:12px;color:var(--muted)}.admin-empty-state-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd5e1;border-radius:50%;color:#94a3b8;font-size:1.45rem;font-weight:700;line-height:1}.admin-empty-state strong{display:block;color:var(--ink);font-size:.95rem}.admin-empty-state p{max-width:360px;margin:5px 0 0;font-size:.82rem;line-height:1.55}.admin-list-loading-compact,.admin-empty-state-compact{min-height:148px;padding:24px}.admin-list-loading-compact{display:flex;flex-direction:column}.admin-empty-state-compact{display:flex;gap:12px;text-align:left}.admin-empty-state-compact p{max-width:none}@keyframes admin-spin{to{transform:rotate(360deg)}}

/* Play buttons share the same red hover treatment. */
:where(.reel-home-page,.reel-inner-page) :is(.reel-play,.reel-series-play,.reel-category-play,.reel-drama-play-action){transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
:where(.reel-home-page,.reel-inner-page) :is(.reel-play,.reel-series-play,.reel-category-play,.reel-drama-play-action):hover{background:#e54848!important;border-color:#e54848!important;color:#fff!important}
:where(.reel-home-page,.reel-inner-page) :is(.reel-play,.reel-series-play,.reel-category-play,.reel-drama-play-action):hover :is(span,svg){color:#fff!important;fill:#fff!important;stroke:#fff!important}

@media(min-width:761px){
  body.reel-inner-page.reel-series-page .reel-site-header{position:fixed;top:0;right:0;left:0;z-index:20;border-bottom:0;background:linear-gradient(180deg,#0505058c 0%,#05050535 58%,transparent 100%);transition:background-color .2s ease,border-color .2s ease,backdrop-filter .2s ease}
  body.reel-inner-page.reel-series-page .reel-site-header.is-scrolled{border-bottom:1px solid #292929;background:#050505e8;backdrop-filter:blur(10px)}
  body.reel-inner-page.reel-series-page .reel-navbar{height:72px;min-height:72px;background:transparent}
}

/* The mobile detail page keeps its own reading order: poster first, then actions and series context. */
.reel-mobile-series-breadcrumb,.reel-mobile-series-stage,.reel-mobile-series-info,.reel-mobile-series-content{display:none}
.mobile-app .reel-series{overflow:visible;padding-bottom:2.5rem}
.mobile-app .reel-mobile-series-breadcrumb{display:flex;align-items:center;gap:0.5rem;min-width:0;height:2.5rem;padding:0 1rem;background:#111;color:#c7c7c7;font-size:.72rem;font-weight:700}
.mobile-app .reel-mobile-series-breadcrumb a{flex:0 0 auto;color:#a8a8a8;text-decoration:none}.mobile-app .reel-mobile-series-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-app .reel-mobile-series-stage{position:relative;display:grid;place-items:center;min-height:17rem;padding:1rem;background:#171717 center/cover no-repeat;isolation:isolate;overflow:hidden}
.mobile-app .reel-mobile-series-stage-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0505057a 0%,#050505b5 66%,#050505 100%);backdrop-filter:blur(0.625rem)}.mobile-app .reel-mobile-series-stage-shade:after{position:absolute;inset:0;background:linear-gradient(90deg,#05050566,#0505051a 48%,#05050566);content:""}
.mobile-app .reel-mobile-series-poster-wrap{position:relative;width:min(52%,11.5rem);aspect-ratio:3/4;filter:drop-shadow(0 0.875rem 1.25rem #000b)}
.mobile-app .reel-mobile-series-poster{display:block;width:100%;height:100%;border-radius:0.625rem;object-fit:cover}
.mobile-app .reel-mobile-series-poster-wrap .reel-global-tag-badge{top:0.625rem;left:0.625rem}
.mobile-app .reel-mobile-series-info{display:block;padding:0.875rem 1rem 0;background:#050505}
.mobile-app .reel-mobile-series-info h1{margin:0;color:#fff;font-size:1.35rem;font-weight:800;line-height:1.18}
.mobile-app .reel-mobile-series-stats{display:flex;align-items:center;gap:1.75rem;margin:0.5rem 0 0.75rem;color:#a4a4a4;font-size:.84rem;font-weight:650}
.mobile-app .reel-mobile-series-stats span{display:inline-flex;align-items:center;gap:0.375rem}.mobile-app .reel-mobile-series-stats svg{width:1.125rem;height:1.125rem;fill:currentColor;stroke-width:1.6}.mobile-app .reel-mobile-series-stats span:last-child svg{color:#f7b42c;fill:currentColor}
.mobile-app .reel-mobile-series-play{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;min-height:3rem;border-radius:62.4375rem;background:#fff;color:#1d1d1d;font-size:.94rem;font-weight:800;text-decoration:none}
.mobile-app .reel-mobile-series-play svg{width:1.125rem;height:1.125rem;fill:currentColor;stroke-width:1.5}.mobile-app .reel-mobile-series-play.is-disabled{pointer-events:none;opacity:.45}
.mobile-app .reel-mobile-series-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.625rem;margin-top:0.5rem}
.mobile-app .reel-mobile-series-action{display:flex;align-items:center;justify-content:center;gap:0.375rem;min-width:0;min-height:2.875rem;padding:0 0.5rem;border:0;border-radius:62.4375rem;background:#1b1b1b;color:#f1f1f1;font-size:.78rem;font-weight:750}.mobile-app .reel-mobile-series-action svg{width:1.125rem;height:1.125rem;fill:currentColor;stroke-width:1.8}.mobile-app .reel-mobile-series-action.active{color:#f6b331}.mobile-app .reel-mobile-series-action.active svg{fill:currentColor}
.mobile-app .reel-mobile-series-info .reel-action-message{display:block;margin:0.625rem 0 0;text-align:center}
.mobile-app .reel-mobile-series-tags{display:flex;flex-wrap:nowrap;gap:0.5rem;overflow-x:auto;margin-top:0.875rem;padding:0.875rem 0 0.25rem;border-top:0.0625rem solid #2b2b2b;scrollbar-width:none}.mobile-app .reel-mobile-series-tags::-webkit-scrollbar{display:none}.mobile-app .reel-mobile-series-tags span{flex:0 0 auto;padding:0.375rem 0.625rem;border-radius:62.4375rem;background:#242424;color:#c9c9c9;font-size:.72rem;font-weight:650}
.mobile-app .reel-mobile-series-content{display:block;padding:0 1rem 2.125rem;background:#050505}.mobile-app .reel-mobile-series-description{padding:1rem 0 1.625rem;border-bottom:0.0625rem solid #2b2b2b}.mobile-app .reel-mobile-series-description p{display:-webkit-box;overflow:hidden;margin:0;color:#aaa;font-size:.98rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mobile-app .reel-mobile-series-description p.expanded{display:block}.mobile-app .reel-mobile-series-description button{margin:0.125rem 0 0;padding:0;border:0;background:transparent;color:#fff;font-size:.94rem;font-weight:750}.mobile-app .reel-mobile-series-episodes{padding-top:1.75rem}.mobile-app .reel-mobile-episode-toolbar{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.mobile-app .reel-mobile-episode-ranges{display:flex;flex:1;gap:1.75rem;min-width:0;overflow-x:auto;scrollbar-width:none}.mobile-app .reel-mobile-episode-ranges::-webkit-scrollbar{display:none}.mobile-app .reel-mobile-episode-ranges button{flex:0 0 auto;padding:0;border:0;background:transparent;color:#8c8c8c;font-size:.92rem;font-weight:700;white-space:nowrap}.mobile-app .reel-mobile-episode-ranges button.active{color:#fff}.mobile-app .reel-mobile-all-episodes{display:inline-flex;flex:0 0 auto;align-items:center;gap:0.0625rem;padding:0;border:0;background:transparent;color:#aaa;font-size:.88rem;font-weight:650;white-space:nowrap}.mobile-app .reel-mobile-all-episodes.active{color:#fff}.mobile-app .reel-mobile-all-episodes svg{width:1.0625rem;height:1.0625rem}.mobile-app .reel-mobile-episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.625rem 0.75rem}.mobile-app .reel-mobile-episode-grid a{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1.15;padding:0.3125rem;border-radius:0.5rem;background:#1b1b1b;color:#eee;font-size:.78rem;font-weight:750;text-decoration:none}.mobile-app .reel-mobile-episode-grid a:active{background:#333}.mobile-app .reel-mobile-episode-grid svg{position:absolute;top:0.3125rem;right:0.3125rem;width:0.75rem;height:0.75rem;color:#aaa}
@media(max-width:390px){.mobile-app .reel-mobile-series-stage{min-height:16.25rem;padding:0.875rem}.mobile-app .reel-mobile-series-poster-wrap{width:min(52%,11rem)}.mobile-app .reel-mobile-series-info h1{font-size:1.28rem}.mobile-app .reel-mobile-episode-ranges{gap:1.375rem}.mobile-app .reel-mobile-all-episodes{font-size:.82rem}.mobile-app .reel-mobile-episode-grid{gap:0.5625rem}.mobile-app .reel-mobile-episode-grid a{font-size:.73rem}}

/* Email sign-in is the same entry action as the social sign-in buttons. */
.reel-email-button:hover{background:#353535;border-color:#555}
.reel-mobile-banner-dots{display:none}

/* The H5 home hero follows the portrait ReelShort carousel without adding navigation. */
@media(max-width:640px){
.mobile-app.reel-home-page .reel-home .reel-hero,.mobile-app.reel-home-page .reel-home .reel-hero-layout{min-height:0;height:122.667vw}
  .mobile-app.reel-home-page .reel-home .reel-hero{background-position:67% center}
  .mobile-app.reel-home-page .reel-home .reel-hero-shade{background:linear-gradient(180deg,#0008 0%,transparent 27%),linear-gradient(0deg,#000 0%,#0009 18%,transparent 42%)}
  .mobile-app.reel-home-page .reel-home .reel-hero-layout{align-items:flex-end;justify-content:center;padding:0 1rem 2.5rem}
  .mobile-app.reel-home-page .reel-home .reel-hero-copy{display:flex;flex-direction:column;align-items:center;width:min(100%,21.875rem);padding:0;text-align:center}
  .mobile-app.reel-home-page .reel-home .reel-hero-copy h1{max-width:100%;margin-bottom:0.75rem;font-size:1.5rem;line-height:1.15}
  .mobile-app.reel-home-page .reel-home .reel-hero-copy p{display:none}
  .mobile-app.reel-home-page .reel-home .reel-audience{padding:0.375rem 0.875rem;font-size:.82rem}
  .mobile-app.reel-home-page .reel-home .reel-play{min-width:11rem;height:2.625rem;margin-top:1rem;font-size:1rem}
  .mobile-app.reel-home-page .reel-home .reel-play svg{width:1.0625rem;height:1.0625rem}
  .mobile-app.reel-home-page .reel-home .reel-banner-nav{display:none}
  .mobile-app.reel-home-page .reel-home .reel-mobile-banner-dots{position:absolute;right:1rem;bottom:1.375rem;left:1rem;z-index:1;display:flex;justify-content:center;align-items:center;gap:0.5rem}
  .mobile-app.reel-home-page .reel-home .reel-mobile-banner-dot{width:1rem;height:0.3125rem;padding:0;border:0;border-radius:62.4375rem;background:#777;transition:width .18s ease,background-color .18s ease}
  .mobile-app.reel-home-page .reel-home .reel-mobile-banner-dot.active{width:2rem;background:#fff}
}

/* H5 is a phone-first surface. These rules deliberately stay behind .mobile-app. */
@media(max-width:760px){
  .mobile-app{min-height:100dvh;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom));font-size:1rem;text-size-adjust:100%;-webkit-text-size-adjust:100%}
  .mobile-app main{min-width:0}
  .mobile-app :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
  .mobile-app :is(button,a):focus-visible{outline:0.125rem solid #fff;outline-offset:0.125rem}
  .mobile-app :is(input,select,textarea):focus-visible{outline:0}
  .mobile-app.reel-account-page .mobile-site-header{display:block}
  .mobile-app .mobile-site-header{padding-top:env(safe-area-inset-top);background:#050505eF;backdrop-filter:blur(0.875rem)}
  .mobile-app .mobile-navbar{min-height:3.5rem;padding:0 1rem}
  .mobile-app .mobile-header-actions{gap:0.25rem}
  .mobile-app .mobile-header-actions :is(.reel-icon-link,.reel-avatar-link){display:grid;place-items:center;width:2.75rem;height:2.75rem}
  .mobile-app .mobile-header-actions .reel-avatar-link{width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:2.5rem;min-height:2.5rem;max-height:2.5rem;flex:0 0 2.5rem;aspect-ratio:1;margin-left:0.125rem}
  .mobile-app .mobile-header-actions .reel-avatar-link img{width:2.5rem;height:2.5rem;max-width:none;object-fit:cover}
  .mobile-app .mobile-header-actions .reel-icon-link svg{width:1.3125rem;height:1.3125rem}
  .mobile-app .mobile-header-actions .reel-avatar-link svg{width:1.5625rem;height:1.5625rem}
  .mobile-app .mobile-bottom-nav{min-height:4.25rem;padding-top:0.375rem;padding-bottom:calc(0.375rem + env(safe-area-inset-bottom));background:#111e;backdrop-filter:blur(1rem)}
  .mobile-app .mobile-bottom-nav a{display:flex;min-height:3rem;flex-direction:column;justify-content:center;gap:0.0625rem;font-size:.69rem;font-weight:700}
  .mobile-app .mobile-bottom-nav svg{width:1.25rem;height:1.25rem}
  .mobile-app .reel-site-footer{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}
  .mobile-app .reel-footer-layout{padding:2.25rem 1.25rem 1.5rem}
  .mobile-app .reel-footer-links+.reel-footer-links{margin-top:1.625rem}
  .mobile-app .reel-footer-brand{margin-top:2.75rem}
  .mobile-app .reel-footer-download{margin-top:1.625rem}

  .mobile-app .reel-search-overlay-content{padding-top:4.75rem;padding-bottom:1.5rem}
  .mobile-app .reel-search-overlay-form{height:3rem}
  .mobile-app .reel-search-overlay-form button{width:3rem}
  .mobile-app .reel-search-overlay-form input{padding-right:6.25rem;font-size:1rem}

  .mobile-app .reel-category-page{width:100%;padding:1.375rem 1rem 2.5rem}
  .mobile-app .reel-category-page .reel-breadcrumb{padding:0 0 1rem;font-size:.78rem}
  .mobile-app .reel-category-tabs{gap:0.5rem;margin:0 -1rem;padding:0 1rem 0.25rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
  .mobile-app .reel-category-tab{min-height:2.5rem;padding:0 0.875rem;white-space:nowrap;scroll-snap-align:start}
  .mobile-app .reel-category-search{margin-top:1rem}
  .mobile-app .reel-category-search input{min-height:3rem;padding-right:3.25rem;font-size:1rem}
  .mobile-app .reel-category-tags{margin:0.875rem -1rem 0;padding:0 1rem 0.25rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .mobile-app .reel-category-tag{min-height:2.375rem;flex:0 0 auto}
  .mobile-app .reel-category-heading{align-items:end;margin-top:1.5rem}
  .mobile-app .reel-category-heading h1{font-size:1.55rem;line-height:1.2}
  .mobile-app .reel-result-count{font-size:.78rem;white-space:nowrap}
  .mobile-app .reel-category-card{grid-template-columns:7rem minmax(0,1fr);min-height:10.5rem;border-radius:0.5rem}
  .mobile-app .reel-category-cover{min-height:10.5rem}
  .mobile-app .reel-category-copy{padding:0.875rem 0.8125rem 0.75rem}
  .mobile-app .reel-category-copy h2{font-size:.96rem;line-height:1.35}
  .mobile-app .reel-category-description{margin:0.4375rem 0;font-size:.78rem;line-height:1.45;-webkit-line-clamp:2}
  .mobile-app .reel-category-actions{gap:0.5rem;align-items:center}
  .mobile-app .reel-category-stats{font-size:.68rem}
  .mobile-app .reel-category-play{min-width:5.25rem;height:2.5rem;padding:0 0.625rem;font-size:.75rem}
  .mobile-app .reel-category-play svg{width:0.875rem;height:0.875rem}
  .mobile-app .reel-category-more{margin-top:1.375rem}
  .mobile-app .reel-category-more .reel-secondary-action{min-height:2.75rem}

  .mobile-app .reel-fandom{padding:1.75rem 1rem 2.5rem!important}
  .mobile-app .reel-fandom .reel-kicker{margin-bottom:0.75rem}
  .mobile-app .reel-fandom .reel-section-heading{margin-bottom:1.125rem}
  .mobile-app .reel-fandom .reel-section-heading h1{font-size:1.55rem}
  .mobile-app .ranking-tabs{gap:0.5rem;margin:0 -1rem 1.5rem;padding:0 1rem 0.25rem;overflow-x:auto;scrollbar-width:none}
  .mobile-app .reel-fandom .reel-filter-button{min-width:0;height:2.625rem;padding:0 1rem;font-size:.84rem;white-space:nowrap}
  .mobile-app .reel-fandom-grid{gap:1.375rem 0.75rem}
  .mobile-app .reel-fandom-card .rank-number{bottom:0.5rem;left:0.5rem;font-size:.92rem}
  .mobile-app .reel-fandom-card h3{margin-top:0.5rem;font-size:.84rem}

  .mobile-app .reel-series{padding-bottom:2.5rem}
  .mobile-app .reel-series-backdrop{height:32.5rem;opacity:.42;filter:blur(1.25rem) saturate(1.02)}
  .mobile-app .reel-series-hero-content{padding:4.5rem 1rem 1.875rem!important}
  .mobile-app .reel-series-breadcrumb{margin-bottom:1.375rem;font-size:.74rem}
  .mobile-app .reel-series-showcase{grid-template-columns:minmax(0,1fr) 7rem;gap:0.875rem;align-items:center;padding-right:0}
  .mobile-app .reel-series-poster{width:7rem;height:9.3125rem;border-radius:0.5rem}
  .mobile-app .reel-series-meta{margin-bottom:0.5rem;font-size:.69rem}
  .mobile-app .reel-series-copy h1{font-size:1.48rem;line-height:1.2}
  .mobile-app .reel-series-stats{gap:0.75rem;margin:0.6875rem 0;font-size:.74rem}
  .mobile-app .reel-series-tags{gap:0.375rem;margin-bottom:1.125rem}
  .mobile-app .reel-series-tags span{padding:0.3125rem 0.5rem;font-size:.64rem}
  .mobile-app .reel-series-actions{gap:0.5rem}
  .mobile-app .reel-series-play{min-width:0;height:3rem;flex:1;font-size:.82rem}
  .mobile-app .reel-series-icon{width:3rem;height:3rem;flex:0 0 3rem}
  .mobile-app .reel-series-content{padding:1.625rem 1rem 0!important}
  .mobile-app .reel-series-section-heading{margin-bottom:0.875rem}
  .mobile-app .reel-series-section-heading h2,.mobile-app .reel-series-plot h2{font-size:1.08rem}
  .mobile-app .reel-series-episode-rail{grid-auto-columns:6.5rem;gap:0.625rem;margin-right:-1rem;padding-right:1rem}
  .mobile-app .reel-series-episode{min-height:9rem}
  .mobile-app .reel-series-plot{margin-top:2rem}
  .mobile-app .reel-series-plot p{margin-top:0.75rem;padding:1rem;font-size:.87rem;line-height:1.65}
  .mobile-app .reel-related,.mobile-app .reel-comments{margin-top:2.125rem;padding-top:1.625rem}
  .mobile-app .reel-related-grid{gap:1rem 0.625rem}
  .mobile-app .reel-comment-form{gap:0.5rem}
  .mobile-app .reel-comment-form input{min-height:2.75rem;padding:0.625rem 0.75rem}
  .mobile-app .reel-comment-form .reel-secondary-action{min-height:2.75rem;padding:0 0.8125rem}

  .mobile-app .reel-cinema{padding-bottom:2.5rem}
  .mobile-app .reel-cinema-stage{padding-top:0}
  .mobile-app .reel-cinema-stage-content{padding:0}
  .mobile-app .reel-cinema-player{width:100%;max-width:26.875rem;border-radius:0}
  .mobile-app .reel-player-toolbar{padding:0.5rem}
  .mobile-app .reel-player-toolbar-end{gap:0.0625rem}
  .mobile-app .reel-player-icon{width:2.25rem;height:2.25rem}
  .mobile-app .reel-player-setting{min-width:2.375rem;height:2.25rem;padding:0 0.375rem;font-size:.68rem}
  .mobile-app .reel-player-time{font-size:.64rem}
  .mobile-app .reel-cinema-reference-sidebar{padding:1.375rem 1rem 0}
  .mobile-app .reel-cinema-reference-sidebar h1{font-size:1.25rem;line-height:1.3}
  .mobile-app .reel-cinema-plot{padding:1rem 0}
  .mobile-app .reel-cinema-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5rem}
  .mobile-app .reel-cinema-actions button{min-width:0;min-height:2.75rem;padding:0 0.375rem;font-size:.72rem}
  .mobile-app .reel-cinema-actions button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-cinema-episode-grid{max-height:15.75rem}
  .mobile-app .reel-cinema-episode-grid a{min-height:2.5rem}
  .mobile-app .reel-cinema-content{padding:1.5rem 1rem 0}

  .mobile-app .reel-topup-main{padding:1.25rem 1rem 2.5rem}
  .mobile-app .reel-topup-main .reel-breadcrumb{padding:0 0 0.875rem;font-size:.76rem}
  .mobile-app .reel-balance-bar{gap:0.75rem;padding:0.9375rem 0.875rem}
  .mobile-app .reel-balance-items{justify-content:space-between;font-size:.82rem}
  .mobile-app .reel-balance-bar a{min-height:2.25rem;font-size:.78rem}
  .mobile-app .reel-topup-section,.mobile-app .reel-payment-section,.mobile-app .reel-subscription-details{padding:1.25rem 0.875rem}
  .mobile-app .reel-topup-heading h1,.mobile-app .reel-topup-heading h2{font-size:1.08rem}
  .mobile-app .reel-vip-card{min-height:10.5rem;padding:0.9375rem 0.75rem 0}
  .mobile-app .reel-vip-card strong{font-size:1.25rem}
  .mobile-app .reel-vip-benefits{flex-wrap:wrap;gap:0.3125rem 0.5625rem;margin-top:0.75rem;padding:0.5rem 0.75rem;font-size:.62rem}
  .mobile-app .reel-coin-card{min-height:8.875rem;padding:0.875rem 0.75rem}
  .mobile-app .reel-coin-card strong{font-size:1.12rem}
  .mobile-app .reel-coin-card>span:not(.reel-offer-badge){font-size:.67rem}
  .mobile-app .reel-payment-methods{gap:0.5rem}
  .mobile-app .reel-payment-methods span{min-height:2.625rem;padding:0.5rem;font-size:.72rem}
  .mobile-app .reel-subscription-details ol{font-size:.76rem;line-height:1.65}

  .mobile-app .reel-account-mobile{padding:0 1rem 2rem}
  .mobile-app .reel-account-mobile.is-home{padding-top:1rem}
  .mobile-app .reel-account-mobile-profile{gap:0.75rem;padding:0.125rem 0.25rem 0.875rem}
  .mobile-app .reel-account-mobile-avatar{width:3.25rem;height:3.25rem;flex-basis:3.25rem;border-width:0.125rem}
  .mobile-app .reel-account-mobile-avatar svg{width:2.375rem;height:2.375rem}
  .mobile-app .reel-account-mobile-profile strong{font-size:1.2rem}
  .mobile-app .reel-account-mobile-profile small{margin-top:0.25rem;font-size:.78rem}
  .mobile-app .reel-account-mobile-balance{padding:0.875rem 1rem 1rem}
  .mobile-app .reel-account-mobile-balance h2{margin-bottom:0.75rem;font-size:.9rem}
  .mobile-app .reel-account-mobile-balance-items>i{height:2.625rem}
  .mobile-app .reel-account-mobile-balance-items strong{font-size:1.15rem}
  .mobile-app .reel-account-mobile-balance-items>div>span:not(.reel-coin-dot){margin-top:0.3125rem;font-size:.78rem}
  .mobile-app .reel-account-mobile-topup{height:2.75rem;margin-top:0.875rem;font-size:1rem}
  .mobile-app .reel-account-mobile-menu{margin-top:0.875rem}
  .mobile-app .reel-account-mobile-menu :is(button,a){grid-template-columns:1.75rem minmax(0,1fr) 1.125rem;gap:0.75rem;height:3.125rem}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:first-child{width:1.4375rem;height:1.4375rem}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:last-child{width:1.125rem;height:1.125rem}
  .mobile-app .reel-account-mobile-logout{width:100%;height:2.75rem;margin-top:0.875rem;font-size:.92rem}
  .mobile-app .reel-account-mobile-subheader{height:4rem}
  .mobile-app .reel-account-mobile-subheader h1{font-size:1.1rem}
  .mobile-app .reel-account-mobile-subheader button{width:2.75rem;height:2.75rem}
  .mobile-app .reel-account-mobile-subheader button svg{width:1.5rem;height:1.5rem}
  .mobile-app .reel-account-mobile-tabs{gap:1.75rem;height:3.25rem;padding:0}
  .mobile-app .reel-account-mobile-tabs button{font-size:.9rem}
  .mobile-app .reel-account-mobile-tabs button.active:after{bottom:0.3125rem;height:0.1875rem}
  .mobile-app .reel-account-mobile-library{gap:1.125rem 0.625rem;padding:1rem 0}
  .mobile-app .reel-account-mobile-drama h2{margin-top:0.5rem;font-size:.82rem}
  .mobile-app .reel-account-mobile-drama p{margin-top:0.25rem;font-size:.7rem}

  /* The mobile wallet follows the compact asset-and-ledger hierarchy. */
  .mobile-app.reel-account-page:has(.reel-account-mobile.is-wallet) .mobile-site-header,.mobile-app.reel-account-page:has(.reel-account-mobile.is-wallet) .mobile-bottom-nav{display:none}
  .mobile-app .reel-account-mobile.is-wallet{min-height:100dvh;padding:env(safe-area-inset-top) 1rem calc(2rem + env(safe-area-inset-bottom));background:#161823}
  .mobile-app .reel-mobile-wallet-header{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;height:4rem}
  .mobile-app .reel-mobile-wallet-header button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;color:#fff}
  .mobile-app .reel-mobile-wallet-header button svg{width:1.5rem;height:1.5rem;stroke-width:2}
  .mobile-app .reel-mobile-wallet-header h1{margin:0;color:#fff;text-align:center;font-size:1.06rem;font-weight:700;line-height:1.4}
  .mobile-app .reel-mobile-wallet-transactions{margin-top:1.75rem}
  .mobile-app .reel-mobile-wallet-transactions>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.4375rem}
  .mobile-app .reel-mobile-wallet-transactions h2{margin:0;color:#fff;font-size:1.06rem;font-weight:700;line-height:1.45}
  .mobile-app .reel-mobile-wallet-transactions>header button{padding:0.5rem 0;border:0;background:transparent;color:rgba(255,255,255,.72);font-size:.78rem;font-weight:600}
  .mobile-app .reel-mobile-wallet-list{min-width:0}
  .mobile-app .reel-mobile-wallet-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:0.75rem 0;border-bottom:0.0625rem solid rgba(255,255,255,.12)}
  .mobile-app .reel-mobile-wallet-row>div{min-width:0}
  .mobile-app .reel-mobile-wallet-row>div:last-child{text-align:right}
  .mobile-app .reel-mobile-wallet-row h3,.mobile-app .reel-mobile-wallet-row p,.mobile-app .reel-mobile-wallet-row strong,.mobile-app .reel-mobile-wallet-row small{display:block;margin:0}
  .mobile-app .reel-mobile-wallet-row h3{overflow:hidden;color:#fff;font-size:.92rem;font-weight:600;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-mobile-wallet-row p,.mobile-app .reel-mobile-wallet-row small{overflow:hidden;margin-top:0.1875rem;color:rgba(255,255,255,.58);font-size:.7rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-mobile-wallet-row strong{color:#fff;font-size:.92rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.4}
  .mobile-app .reel-mobile-wallet-row small.is-success{color:#00b578}
  .mobile-app .reel-mobile-wallet-list .reel-wallet-empty{min-height:16.25rem}

  .mobile-app .reel-auth-main{background:#141414}
  .mobile-app .reel-auth-form,.mobile-app .reel-auth-card.is-register .reel-auth-form{padding:3.25rem 1.5rem 1.75rem}
  .mobile-app .reel-auth-close,.mobile-app .reel-auth-back{top:max(1rem,env(safe-area-inset-top));width:2.75rem;height:2.75rem}
  .mobile-app .reel-auth-form h1{margin:1.5rem 0 1.25rem;font-size:1.32rem}
  .mobile-app .reel-social-button,.mobile-app .reel-email-button{min-height:3rem;font-size:.9rem}
  .mobile-app .reel-form-stack input{height:3rem;font-size:1rem}
  .mobile-app .reel-auth-submit{height:3rem;font-size:.95rem}
  .mobile-app .reel-check{font-size:.78rem!important}
  .mobile-app .reel-auth-card.is-email .reel-auth-form{padding:0 1.5rem}
  .mobile-app .reel-auth-card.is-register .reel-auth-legal{position:static;margin-top:1.125rem;padding:0}

  .mobile-app .legal-page{padding:1.875rem 1rem 2.25rem!important}
  .mobile-app .legal-page .eyebrow{margin-bottom:0.5rem}
  .mobile-app .legal-page h1{font-size:1.55rem;line-height:1.25}
  .mobile-app .legal-page h2{margin-top:1.75rem!important;font-size:1.05rem}
  .mobile-app .legal-page p{font-size:.92rem;line-height:1.7}
  .mobile-app .legal-page .btn{min-height:2.75rem;padding:0 1.125rem}
  .mobile-app .container.py-5.text-center{padding:2.625rem 1rem!important}
  .mobile-app .container.py-5.text-center h1{font-size:1.5rem;line-height:1.25}
  .mobile-app .container.py-5.text-center .btn{min-height:2.75rem;padding:0 1.125rem}
}

@media(max-width:374px){
  .mobile-app .mobile-navbar{padding:0 0.75rem}
  .mobile-app .reel-category-card{grid-template-columns:6.25rem minmax(0,1fr)}
  .mobile-app .reel-category-cover{min-height:9.875rem}
  .mobile-app .reel-category-card{min-height:9.875rem}
  .mobile-app .reel-category-play{min-width:4.75rem;padding:0 0.4375rem;font-size:.7rem}
  .mobile-app .reel-series-showcase{grid-template-columns:minmax(0,1fr) 6rem}
  .mobile-app .reel-series-poster{width:6rem;height:8rem}
  .mobile-app .reel-series-copy h1{font-size:1.32rem}
  .mobile-app .reel-vip-grid{grid-template-columns:1fr}
  .mobile-app .reel-vip-card{min-height:8.875rem}
  .mobile-app .reel-account-mobile-library{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-app .reel-player-time{display:none}
  .mobile-app .reel-player-setting{min-width:2.125rem;padding:0 0.25rem;font-size:.62rem}
}

/* Store mirrors the reference purchase flow: balance, membership, coins, then payment. */
.reel-topup-main{padding:22px 24px 80px}.reel-topup-wrap{width:min(686px,100%)}.reel-topup-main .reel-breadcrumb{padding:0 0 48px;font-size:1rem}.reel-balance-bar{display:block;min-height:193px;padding:26px 32px;border:0;border-radius:7px;background:#171717}.reel-balance-bar h2{margin:0;color:#a6a6a6;font-size:1.15rem;font-weight:600}.reel-balance-items{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:0;margin-top:34px;text-align:center}.reel-balance-items>div{display:grid;justify-items:center;gap:9px}.reel-balance-items strong{display:flex;align-items:center;color:#f2f2f2;font-size:1.62rem;line-height:1}.reel-balance-items strong svg{width:27px;height:27px;margin-right:7px;color:#f4d789;fill:#fff1bf;stroke:#b57723}.reel-balance-items>i{width:1px;height:64px;background:#494949}.reel-balance-items span{color:#999;font-size:1rem;font-weight:600}.reel-topup-section,.reel-payment-section{padding:0;border:0;background:transparent}.reel-topup-section{margin-top:38px}.reel-topup-heading h1,.reel-topup-heading h2{font-size:1.55rem;line-height:1.2}.reel-topup-heading h1 span{font-weight:800}.reel-topup-heading p{margin:8px 0 32px;color:#999;font-size:1rem;font-weight:600}.reel-vip-grid{grid-template-columns:1fr;gap:16px}.reel-vip-card{min-height:248px;padding:34px 32px 0;border:0;border-radius:7px;background:linear-gradient(115deg,#ffecd3,#f3bf76);box-shadow:none}.reel-vip-card.featured{background:linear-gradient(115deg,#ffefd8,#f3c57e)}.reel-vip-card:before{position:absolute;top:18px;right:39px;width:175px;height:175px;border:22px solid #fff4df42;border-top-color:transparent;border-bottom-color:transparent;transform:skewX(-28deg);content:""}.reel-vip-card:hover{filter:brightness(1.025)}.reel-offer-badge{z-index:1;padding:7px 15px;border-radius:0 7px 0 7px;background:#ef3838;font-size:.9rem}.reel-vip-name,.reel-vip-price,.reel-vip-card small,.reel-vip-benefits{position:relative;z-index:1}.reel-vip-name{font-size:1.2rem;font-weight:500}.reel-vip-card strong{margin:10px 0 0;font-size:2.15rem}.reel-vip-price{gap:8px;margin:0}.reel-vip-price del{font-size:1rem}.reel-vip-card small{margin-top:6px;font-size:.9rem}.reel-vip-benefits{gap:0;width:calc(100% + 64px);margin:30px -32px 0;padding:18px 32px;background:#f4d4a3;color:#3a1f13;font-size:.86rem}.reel-vip-benefits span{flex:1;white-space:nowrap}.reel-vip-benefits svg{width:23px;height:23px}.reel-coins-section{margin-top:50px}.reel-coins-section .reel-topup-heading{margin-bottom:32px}.reel-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reel-coin-card{min-height:218px;padding:35px 32px 20px;border:0;border-radius:7px;background:#171717}.reel-coin-card:hover{border-color:transparent;background:#212121}.reel-coin-card strong{gap:9px;font-size:1.55rem}.reel-coin-large{font-size:1.65rem}.reel-coin-card>span:not(.reel-offer-badge){font-size:.86rem;line-height:1.55}.reel-coin-card em{font-size:1.5rem}.reel-coin-card .reel-offer-badge{padding:7px 16px;font-size:.87rem}.reel-payment-section{margin-top:50px}.reel-payment-section h2{margin:0 0 32px;font-size:1.55rem}.reel-payment-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reel-payment-method{display:flex;align-items:center;justify-content:center;gap:7px;min-height:80px;padding:12px;border:1px solid transparent;border-radius:7px;background:#171717;color:#eee;font-size:1.12rem;font-weight:800;cursor:pointer}.reel-payment-method:hover{background:#232323}.reel-payment-method.selected{border-color:#f1f1f1}.reel-payment-method:nth-child(3){grid-column:1}.reel-payment-method svg{width:27px;height:27px}.reel-payment-logo{width:auto;height:auto;font-size:1.45rem}.reel-payment-google{color:#4285f4}.reel-payment-paypal{font-size:1.12rem}.reel-offer-skeleton{grid-template-columns:1fr;gap:16px}.reel-offer-skeleton span{height:248px}.reel-coin-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-coin-skeleton span{height:218px}

@media(min-width:761px){.reel-topup-main{padding-top:22px}.reel-topup-main .reel-breadcrumb{padding-bottom:48px}.reel-topup-wrap{width:min(686px,100%)}.reel-balance-bar,.reel-topup-section,.reel-payment-section{border:0}.reel-topup-section{padding:0}.reel-vip-grid{gap:16px}.reel-vip-card{height:248px;min-height:248px}.reel-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reel-coin-card{min-height:218px;padding:35px 32px 20px;background:#171717}.reel-coin-card:hover{border-color:transparent}.reel-payment-section{padding:0}}
@media(max-width:760px){.reel-topup-main{padding:22px 16px 44px}.reel-topup-main .reel-breadcrumb{padding:0 0 22px}.reel-balance-bar{min-height:0;padding:22px 18px;border-radius:7px}.reel-balance-bar h2{font-size:1rem}.reel-balance-items{margin-top:24px}.reel-balance-items strong{font-size:1.35rem}.reel-balance-items strong svg{width:22px;height:22px}.reel-balance-items>i{height:48px}.reel-balance-items span{font-size:.86rem}.reel-topup-section{margin-top:32px}.reel-topup-heading h1,.reel-topup-heading h2,.reel-payment-section h2{font-size:1.28rem}.reel-topup-heading p{margin:7px 0 22px;font-size:.88rem}.reel-vip-grid{grid-template-columns:1fr}.reel-vip-card{min-height:210px;padding:26px 22px 0}.reel-vip-card:before{right:24px;width:130px;height:130px;border-width:17px}.reel-vip-name{font-size:1.08rem}.reel-vip-card strong{font-size:1.85rem}.reel-vip-card small{font-size:.78rem}.reel-vip-benefits{width:calc(100% + 44px);margin:24px -22px 0;padding:15px 22px;font-size:.72rem}.reel-vip-benefits svg{width:18px;height:18px}.reel-coins-section,.reel-payment-section{margin-top:38px}.reel-coins-section .reel-topup-heading,.reel-payment-section h2{margin-bottom:22px}.reel-coin-grid{gap:10px}.reel-coin-card{min-height:176px;padding:25px 18px 16px}.reel-coin-card strong{font-size:1.26rem}.reel-coin-large{font-size:1.32rem}.reel-coin-card>span:not(.reel-offer-badge){font-size:.75rem}.reel-coin-card em{font-size:1.2rem}.reel-offer-badge,.reel-coin-card .reel-offer-badge{padding:5px 10px;font-size:.72rem}.reel-payment-methods{gap:10px}.reel-payment-method{min-height:64px;font-size:.9rem}.reel-payment-method svg{width:22px;height:22px}.reel-payment-logo{font-size:1.2rem}.reel-payment-paypal{font-size:.95rem}.reel-offer-skeleton span{height:210px}.reel-coin-skeleton span{height:176px}}
@media(max-width:374px){.reel-vip-benefits{font-size:.65rem}.reel-coin-card{padding-right:13px;padding-left:13px}.reel-payment-method{font-size:.78rem}}

/* Keep each VIP offer compact and readable as one horizontal row. */
.reel-topup-main{padding:16px 24px 52px}.reel-topup-main .reel-breadcrumb{padding-bottom:24px}.reel-balance-bar{min-height:150px;padding:20px 28px}.reel-balance-items{margin-top:24px}.reel-balance-items>i{height:52px}.reel-topup-section{margin-top:26px}.reel-topup-heading p{margin:5px 0 16px}.reel-vip-grid{gap:10px}.reel-vip-card{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1.15fr);grid-template-rows:28px 1fr 44px;height:154px;min-height:154px;padding:18px 24px 0}.reel-vip-card:before{top:8px;right:24px;width:120px;height:120px;border-width:15px;opacity:.5}.reel-vip-name{grid-column:1;grid-row:1;align-self:center;font-size:1rem}.reel-vip-price{grid-column:1;grid-row:2;align-self:center}.reel-vip-card strong{margin:0;font-size:1.8rem}.reel-vip-card small{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;max-width:260px;font-size:.82rem;line-height:1.35}.reel-vip-benefits{grid-column:1 / -1;grid-row:3;align-self:stretch;width:calc(100% + 48px);margin:0 -24px;padding:12px 24px;font-size:.76rem}.reel-vip-benefits svg{width:19px;height:19px}.reel-coins-section{margin-top:32px}.reel-coins-section .reel-topup-heading{margin-bottom:16px}.reel-coin-grid{gap:10px}.reel-coin-card{min-height:158px;padding:22px 24px 16px}.reel-coin-card strong{font-size:1.35rem}.reel-coin-large{font-size:1.4rem}.reel-coin-card em{font-size:1.28rem}.reel-payment-section{margin-top:32px}.reel-payment-section h2{margin-bottom:16px}.reel-payment-methods{gap:10px}.reel-payment-method{min-height:58px;font-size:1rem}.reel-payment-method svg{width:23px;height:23px}.reel-subscription-details{margin-top:22px;padding:18px 0 0;border:0;border-top:1px solid #292929;background:transparent}.reel-subscription-details h2{margin:0 0 10px;color:#fff;font-size:1rem}.reel-subscription-details ol{margin:0;padding-left:18px;color:#8f8f8f;font-size:.78rem;line-height:1.6}
@media(max-width:760px){.reel-topup-main{padding:16px 16px 42px}.reel-topup-main .reel-breadcrumb{padding-bottom:18px}.reel-balance-bar{min-height:128px;padding:18px}.reel-balance-items{margin-top:18px}.reel-balance-items strong{font-size:1.2rem}.reel-balance-items strong svg{width:20px;height:20px}.reel-balance-items>i{height:42px}.reel-balance-items span{font-size:.78rem}.reel-topup-section{margin-top:22px}.reel-topup-heading p{margin-bottom:14px}.reel-vip-card{height:144px;min-height:144px;grid-template-columns:minmax(118px,.82fr) minmax(0,1.18fr);grid-template-rows:25px 1fr 39px;padding:15px 18px 0}.reel-vip-card:before{right:10px;width:100px;height:100px;border-width:12px}.reel-vip-name{font-size:.86rem}.reel-vip-card strong{font-size:1.5rem}.reel-vip-card small{font-size:.69rem}.reel-vip-benefits{width:calc(100% + 36px);margin:0 -18px;padding:10px 18px;font-size:.62rem}.reel-vip-benefits svg{width:16px;height:16px}.reel-coins-section,.reel-payment-section{margin-top:26px}.reel-coins-section .reel-topup-heading,.reel-payment-section h2{margin-bottom:14px}.reel-coin-card{min-height:144px;padding:18px 16px 12px}.reel-coin-card strong{font-size:1.1rem}.reel-coin-large{font-size:1.18rem}.reel-coin-card>span:not(.reel-offer-badge){font-size:.68rem}.reel-coin-card em{font-size:1.05rem}.reel-payment-method{min-height:52px;font-size:.8rem}.reel-payment-method svg{width:20px;height:20px}.reel-subscription-details{margin-top:18px;padding-top:14px}.reel-subscription-details ol{font-size:.7rem;line-height:1.5}}
@media(min-width:641px){.reel-topup-wrap{width:min(calc(100vw - 48px),1388px);max-width:1388px}}

/* VIP packages stay one per row, as in the store reference. */
.reel-vip-grid{grid-template-columns:1fr;gap:16px}.reel-vip-card{display:flex;height:248px;min-height:248px;padding:34px 32px 0}.reel-vip-card:before{top:18px;right:39px;width:175px;height:175px;border-width:22px;opacity:1}.reel-vip-name,.reel-vip-price,.reel-vip-card small{grid-column:auto;grid-row:auto;align-self:auto;max-width:none}.reel-vip-name{font-size:1.2rem}.reel-vip-card strong{margin:10px 0 0;font-size:2.15rem}.reel-vip-price{margin:0}.reel-vip-card small{margin-top:6px;font-size:.9rem;line-height:normal}.reel-vip-benefits{width:calc(100% + 64px);margin:auto -32px 0;padding:18px 32px;gap:0;font-size:.86rem}.reel-vip-benefits span{flex:1}.reel-vip-benefits svg{width:23px;height:23px}.reel-offer-skeleton{grid-template-columns:1fr}.reel-offer-skeleton span{height:248px}
@media(max-width:760px){.reel-vip-grid{grid-template-columns:1fr}.reel-vip-card{display:flex;height:210px;min-height:210px;padding:26px 22px 0}.reel-vip-card:before{top:14px;right:24px;width:130px;height:130px;border-width:17px}.reel-vip-name{font-size:1.08rem}.reel-vip-card strong{font-size:1.85rem}.reel-vip-card small{margin-top:6px;font-size:.78rem}.reel-vip-benefits{width:calc(100% + 44px);margin:auto -22px 0;padding:15px 22px;font-size:.72rem}.reel-vip-benefits svg{width:18px;height:18px}.reel-offer-skeleton span{height:210px}.mobile-app .reel-vip-grid{grid-template-columns:1fr;gap:1rem}.mobile-app .reel-vip-card{display:flex;height:13.125rem;min-height:13.125rem;padding:1.625rem 1.375rem 0}.mobile-app .reel-vip-card small{margin-top:0.375rem;font-size:.78rem;line-height:normal;max-width:none}.mobile-app .reel-vip-benefits{flex-wrap:nowrap;gap:0;width:calc(100% + 2.75rem);margin:auto -1.375rem 0;padding:0.9375rem 1.375rem;font-size:.72rem}}
@media(max-width:760px){.reel-transaction-history{display:none}}

/* Desktop store uses the reference's compact two-column VIP and four-column purchase grids. */
@media(min-width:761px){
  .reel-topup-main{padding:12px 24px 52px}
  .reel-topup-main .reel-breadcrumb{display:none}
  .reel-balance-bar{display:flex;align-items:center;min-height:88px;padding:0 26px;border-radius:8px;border-bottom:1px solid #2d2d2d;background:#151515}
  .reel-balance-bar h2{display:none}
  .reel-balance-items{display:flex;align-items:center;gap:18px;margin:0;text-align:left}
  .reel-balance-items>div{display:flex;align-items:center;gap:8px}
  .reel-balance-items>div strong{font-size:1.05rem}
  .reel-balance-items>div span{order:-1;font-size:1.05rem;color:#ececec}
  .reel-balance-items>i{height:24px}
  .reel-balance-items strong svg{width:21px;height:21px;margin-right:4px}
  .reel-transaction-history{display:flex!important;margin-left:auto;align-items:center;gap:5px;color:#999!important;font-size:1.05rem!important;font-weight:600;text-decoration:none}
  .reel-transaction-history:hover{color:#fff!important}
  .reel-transaction-history svg{width:19px}
  .reel-topup-section{margin-top:34px}
  .reel-topup-heading h1,.reel-topup-heading h2,.reel-payment-section h2{font-size:1.22rem}
  .reel-topup-heading p{margin:5px 0 22px;font-size:.88rem}
  .reel-vip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reel-vip-card{height:202px;min-height:202px;padding:24px 24px 0}
  .reel-vip-card:before{top:18px;right:34px;width:128px;height:128px;border-width:17px}
  .reel-vip-name{font-size:1.04rem}
  .reel-vip-card strong{margin:7px 0 0;font-size:1.78rem}
  .reel-vip-card small{margin-top:5px;font-size:.78rem}
  .reel-vip-benefits{width:calc(100% + 48px);margin:auto -24px 0;padding:14px 24px;font-size:.78rem}
  .reel-vip-benefits svg{width:19px;height:19px}
  .reel-offer-badge{padding:5px 12px;font-size:.8rem}
  .reel-offer-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .reel-offer-skeleton span{height:202px}
  .reel-coins-section{margin-top:36px}
  .reel-coins-section .reel-topup-heading{margin-bottom:22px}
  .reel-coin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .reel-coin-card{min-height:198px;padding:22px 20px 18px}
  .reel-coin-card strong{font-size:1.45rem}
  .reel-coin-large{font-size:1.5rem}
  .reel-coin-card>span:not(.reel-offer-badge){font-size:.76rem}
  .reel-coin-card em{font-size:1.14rem}
  .reel-coin-skeleton{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reel-coin-skeleton span{height:198px}
  .reel-payment-section{margin-top:38px}
  .reel-payment-section h2{margin-bottom:20px}
  .reel-payment-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .reel-payment-method,.reel-payment-method:nth-child(3){min-height:60px;font-size:1rem}
  .reel-payment-method:nth-child(2){grid-column:2}
  .reel-payment-method:nth-child(3){grid-column:4}
  .reel-payment-method svg{width:21px}
  .reel-payment-apple{font-size:1.15rem;letter-spacing:-.04em}
  .reel-subscription-details{margin-top:28px;padding-top:0;border-top:0}
}

.admin-sidebar .brand{display:block;width:172px;color:white;text-decoration:none}.admin-sidebar .brand img{display:block;width:100%;height:auto}.admin-login-brand{display:block;width:52px;height:52px;margin:0 0 14px;object-fit:contain}.reel-brand{font-size:initial;font-weight:initial}.reel-brand-mark{display:block;flex:0 0 auto;border-radius:0;background:transparent;color:transparent;object-fit:contain}.reel-brand-wordmark{display:block;width:auto;height:22px;object-fit:contain}.reel-footer-brand .reel-brand{font-size:initial}.reel-footer-brand .reel-brand-mark{font-size:initial}.reel-footer-brand .reel-brand-wordmark{height:28px}.reel-auth-art-brand{font-size:initial}.reel-auth-art-brand .reel-brand-mark{width:42px;height:42px}.reel-auth-art-brand .reel-brand-wordmark{height:30px}@media(max-width:760px){.reel-footer-brand .reel-brand{font-size:initial}.reel-footer-brand .reel-brand-mark{font-size:initial}.reel-footer-brand .reel-brand-wordmark{height:24px}}@media(max-width:640px){.reel-brand{font-size:initial}.reel-brand-wordmark{height:19px}}

/* Immersive H5 viewing surface. It deliberately only activates inside the mobile shell. */
.reel-mobile-watch>.mobile-watch-stage,.reel-mobile-watch>.mobile-watch-sheet-backdrop,.reel-mobile-watch>.mobile-watch-toast,.reel-mobile-watch>.mobile-watch-stage>.mobile-watch-lock-layer{display:none}
.reel-mobile-watch .reel-cinema-desktop{display:block}
@media(max-width:760px){
  .mobile-app:has(.reel-mobile-watch){padding-bottom:0;background:#000}
  .mobile-app:has(.reel-mobile-watch) main{min-height:100dvh;padding:0}
  .mobile-app .reel-mobile-watch{min-height:100dvh;padding:0;background:#000;color:#fff}
  .mobile-app .reel-mobile-watch>.reel-cinema-desktop{display:none}
  .mobile-app .reel-mobile-watch>.mobile-watch-stage{position:relative;display:block;isolation:isolate;width:100%;height:100dvh;min-height:30rem;overflow:hidden;background:#0e0e0e;touch-action:pan-x}
  .mobile-app .mobile-watch-poster,.mobile-app .mobile-watch-scrim{position:absolute;inset:0;pointer-events:none}
  .mobile-app .mobile-watch-poster{z-index:-3;background:center/cover no-repeat;transform:scale(1.04);filter:brightness(.55)}
  .mobile-app .mobile-watch-scrim{z-index:-1;background:linear-gradient(180deg,#000a 0%,#0000 22%,#0000 54%,#000c 87%,#000f 100%)}
  .mobile-app .reel-mobile-watch video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;background:transparent;object-fit:cover}
  .mobile-app .reel-mobile-watch video::cue{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.45;text-shadow:0 0.0625rem 0.1875rem #000}
  .mobile-app .mobile-watch-subtitle{position:absolute;z-index:6;bottom:calc(env(safe-area-inset-bottom) + 10.25rem);left:50%;width:calc(100% - 2rem);margin:0;color:#fff;font-size:1rem;font-weight:700;line-height:1.45;text-align:center;text-shadow:0 0.0625rem 0.1875rem #000;white-space:pre-line;pointer-events:none;transform:translateX(-50%)}
  .mobile-app .mobile-watch-topbar{position:absolute;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:0.625rem;padding:calc(env(safe-area-inset-top) + 0.625rem) 0.875rem 0.75rem;background:linear-gradient(#0008,#0000)}.mobile-app .mobile-watch-allowed-nav{position:relative;z-index:5}
  .mobile-app .mobile-watch-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:0.4375rem;min-width:0}
  .mobile-app .mobile-watch-round-button,.mobile-app .mobile-watch-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;border:0;background:#111b;color:#fff;backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem);cursor:pointer}
  .mobile-app .mobile-watch-round-button{flex:0 0 2.25rem;width:2.25rem;border-radius:50%}
  .mobile-app .mobile-watch-round-button svg{width:1.25rem;height:1.25rem}
  .mobile-app .mobile-watch-pill{gap:0.3125rem;max-width:8.25rem;padding:0 0.625rem;border-radius:1.125rem;font-size:.7rem;font-weight:750;white-space:nowrap}
  .mobile-app .mobile-watch-pill svg{width:0.9375rem;height:0.9375rem}.mobile-app .mobile-watch-live-dot{width:0.375rem;height:0.375rem;border-radius:50%;background:#ff4545;box-shadow:0 0 0 0.1875rem #ff454530}
  .mobile-app .mobile-watch-center-control{position:absolute;z-index:3;top:45%;left:50%;display:grid;place-items:center;width:3.875rem;height:3.875rem;border-radius:50%;background:#0008;color:#fff;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .16s ease,transform .16s ease;pointer-events:none}
  .mobile-app .mobile-watch-center-control.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.mobile-app .mobile-watch-center-control svg{width:1.8125rem;height:1.8125rem;fill:currentColor;stroke-width:1.5}
  .mobile-app .mobile-watch-preview-label{position:absolute;z-index:4;top:calc(env(safe-area-inset-top) + 3.875rem);left:50%;padding:0.375rem 0.625rem;border-radius:0.3125rem;background:#000a;color:#fff;font-size:.7rem;font-weight:750;transform:translateX(-50%)}
  .mobile-app .mobile-watch-meta{position:absolute;z-index:2;right:5.125rem;bottom:calc(env(safe-area-inset-bottom) + 2.625rem);left:1rem;min-width:0;text-shadow:0 0.0625rem 0.1875rem #000}
  .mobile-app .mobile-watch-recommend{display:inline-flex;align-items:center;gap:0.25rem;max-width:100%;margin:0 0 0.625rem;padding:0.375rem 0.5625rem;border:0;border-radius:0.3125rem;background:#ffffff18;color:#fff;font-size:.68rem;font-weight:700;cursor:pointer;backdrop-filter:blur(0.4375rem);-webkit-backdrop-filter:blur(0.4375rem)}.mobile-app .mobile-watch-recommend.active{background:#ffffff2b;color:#ffaaa6}.mobile-app .mobile-watch-recommend.active svg{fill:currentColor}
  .mobile-app .mobile-watch-recommend svg{width:0.875rem;height:0.875rem}.mobile-app .mobile-watch-meta h1{overflow:hidden;margin:0;color:#fff;font-size:1rem;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mobile-app .mobile-watch-meta p{display:-webkit-box;overflow:hidden;margin:0.3125rem 0 0;color:#e8e8e8;font-size:.78rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .mobile-app .mobile-watch-actions{position:absolute;z-index:3;right:0.6875rem;bottom:calc(env(safe-area-inset-bottom) + 2.625rem);display:grid;justify-items:center;gap:0.8125rem;width:3.4375rem}.mobile-app .mobile-watch-actions button{display:grid;justify-items:center;gap:0.1875rem;width:3.4375rem;padding:0;border:0;background:transparent;color:#fff;font-size:.58rem;font-weight:700;text-shadow:0 0.0625rem 0.125rem #000;cursor:pointer}.mobile-app .mobile-watch-actions svg{width:1.4375rem;height:1.4375rem;stroke-width:1.8}.mobile-app .mobile-watch-actions button.active{color:#ff5252}.mobile-app .mobile-watch-actions button.active svg{fill:currentColor}
  .mobile-app .mobile-watch-progress{position:absolute;z-index:5;right:0;bottom:0;left:0;height:1.75rem;padding:0 0.6875rem calc(env(safe-area-inset-bottom) + 0.5625rem);background:linear-gradient(#0000,#000a);opacity:0;pointer-events:none;transition:opacity .16s ease}.mobile-app .mobile-watch-progress.visible{opacity:1;pointer-events:auto}.mobile-app .mobile-watch-progress input{display:block;width:100%;height:0.25rem;margin:0;appearance:none;border-radius:62.4375rem;background:linear-gradient(90deg,#ff4545 var(--timeline-progress),#ffffff60 var(--timeline-progress));outline:0}.mobile-app .mobile-watch-progress input::-webkit-slider-thumb{width:0.6875rem;height:0.6875rem;appearance:none;border-radius:50%;background:#fff}.mobile-app .mobile-watch-progress input::-moz-range-thumb{width:0.6875rem;height:0.6875rem;border:0;border-radius:50%;background:#fff}
  .mobile-app .reel-mobile-watch>.mobile-watch-sheet-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;background:#0009;backdrop-filter:blur(0.125rem);-webkit-backdrop-filter:blur(0.125rem)}
  .mobile-app .mobile-watch-sheet,.mobile-app .mobile-watch-episode-menu,.mobile-app .mobile-watch-unlock-sheet{width:100%;max-height:min(80dvh,45rem);padding:0.5rem 1rem calc(env(safe-area-inset-bottom) + 1rem);overflow:auto;border:0;border-radius:1rem 1rem 0 0;background:#1a1a1a;color:#fff;box-shadow:0 -1.125rem 2.625rem #0008;animation:mobile-watch-sheet-in .2s ease-out}
  .mobile-app .mobile-watch-sheet-handle{width:2.25rem;height:0.25rem;margin:0 auto 0.75rem;border-radius:62.4375rem;background:#666}.mobile-app .mobile-watch-sheet header,.mobile-app .mobile-watch-unlock-sheet header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.3125rem}.mobile-app .mobile-watch-sheet header h2,.mobile-app .mobile-watch-unlock-sheet header h2{overflow:hidden;margin:0;color:#fff;font-size:1.05rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-app .mobile-watch-sheet header h2 span{color:#aaa;font-size:.8rem}.mobile-app .mobile-watch-sheet header button,.mobile-app .mobile-watch-unlock-sheet header button{display:grid;place-items:center;flex:0 0 2.125rem;width:2.125rem;height:2.125rem;padding:0;border:0;border-radius:50%;background:#2d2d2d;color:#fff}.mobile-app .mobile-watch-sheet header svg,.mobile-app .mobile-watch-unlock-sheet header svg{width:1.125rem;height:1.125rem}
  .mobile-app .mobile-watch-sheet-subtitle{margin:0 0 0.9375rem;color:#aaa;font-size:.76rem}.mobile-app .mobile-watch-episode-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0.625rem;max-height:calc(80dvh - 7rem);padding:0.125rem 0 0.625rem;overflow-y:auto}.mobile-app .mobile-watch-episode-grid a{position:relative;display:grid;place-items:center;min-height:2.875rem;border:0.0625rem solid transparent;border-radius:0.4375rem;background:#292929;color:#fff;font-size:.82rem;font-weight:750;text-decoration:none}.mobile-app .mobile-watch-episode-grid a.active{border-color:#ff514d;background:#40201f;color:#ffb1ac}.mobile-app .mobile-watch-episode-grid a.locked{color:#9a9a9a}.mobile-app .mobile-watch-episode-grid .episode-lock-indicator{position:absolute;top:0.3125rem;right:0.3125rem;width:0.75rem;height:0.75rem}.mobile-app .mobile-watch-episode-grid .reel-playing-indicator{position:absolute;right:0.3125rem;bottom:0.3125rem;display:flex;align-items:flex-end;gap:0.125rem;height:0.875rem;pointer-events:none}.mobile-app .mobile-watch-episode-grid .reel-playing-indicator i{width:0.125rem;border-radius:6.1875rem;background:currentColor;animation:mobile-watch-playing .7s ease-in-out infinite alternate}.mobile-app .mobile-watch-episode-grid .reel-playing-indicator i:nth-child(1){height:0.375rem}.mobile-app .mobile-watch-episode-grid .reel-playing-indicator i:nth-child(2){height:0.8125rem;animation-delay:.18s}.mobile-app .mobile-watch-episode-grid .reel-playing-indicator i:nth-child(3){height:0.5625rem;animation-delay:.36s}
  .mobile-app .reel-mobile-watch>.mobile-watch-episodes-backdrop{align-items:stretch;background:#0e0e0ef2}.mobile-app .mobile-watch-episodes-backdrop .mobile-watch-episode-menu{display:flex;align-self:stretch;flex-direction:column;max-height:none;height:100dvh;padding:calc(env(safe-area-inset-top) + 0.875rem) 1rem calc(env(safe-area-inset-bottom) + 1rem);overflow:hidden;border-radius:0;background:#131313;animation:mobile-watch-episodes-in .22s ease-out}.mobile-app .mobile-watch-episodes-backdrop .mobile-watch-sheet-handle{display:none}.mobile-app .mobile-watch-episodes-backdrop .mobile-watch-sheet-subtitle{flex:0 0 auto;margin-bottom:1rem}.mobile-app .mobile-watch-episodes-backdrop .mobile-watch-episode-grid{flex:1;grid-auto-rows:3.25rem;align-content:start;max-height:none;padding-bottom:0.75rem;overscroll-behavior:contain}
  .mobile-app .mobile-watch-comments-sheet{display:flex;flex-direction:column;min-height:min(68dvh,38.75rem)}.mobile-app .mobile-watch-comment-list{flex:1;min-height:8.75rem;overflow-y:auto;padding:0.5rem 0 0.75rem}.mobile-app .mobile-watch-comment{display:grid;grid-template-columns:2.125rem minmax(0,1fr);gap:0.5625rem;padding:0.6875rem 0;border-bottom:0.0625rem solid #303030}.mobile-app .mobile-watch-comment-avatar,.mobile-app .mobile-watch-reply-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#69413c;color:#ffd9d4;font-weight:800}.mobile-app .mobile-watch-comment-avatar{width:2.125rem;height:2.125rem;font-size:.76rem}.mobile-app .mobile-watch-reply-avatar{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;font-size:.58rem}.mobile-app .mobile-watch-comment-avatar img,.mobile-app .mobile-watch-reply-avatar img{width:100%;height:100%;object-fit:cover}.mobile-app .mobile-watch-comment strong{font-size:.76rem}.mobile-app .mobile-watch-comment time{display:block;margin-top:0.125rem;color:#888;font-size:.62rem}.mobile-app .mobile-watch-comment p{margin:0.375rem 0;color:#e4e4e4;font-size:.78rem;line-height:1.45;word-break:break-word}.mobile-app .mobile-watch-comment p strong{margin-right:0.1875rem}.mobile-app .mobile-watch-comment>div:last-child>div:not(.mobile-watch-replies){display:flex;gap:0.9375rem}.mobile-app .mobile-watch-comment button{padding:0;border:0;background:transparent;color:#aaa;font-size:.67rem}.mobile-app .mobile-watch-comment button svg{width:0.8125rem;height:0.8125rem;vertical-align:-0.125rem}.mobile-app .mobile-watch-comment-like{display:inline-flex;align-items:center;gap:0.1875rem}.mobile-app .mobile-watch-comment-like.active{color:#ff625d}.mobile-app .mobile-watch-comment-like.active svg{fill:currentColor}.mobile-app .mobile-watch-replies{margin:0.5rem 0 0;padding:0.0625rem 0.5625rem;border-left:0.125rem solid #5e3f3c;background:#222}.mobile-app .mobile-watch-reply{display:flex;gap:0.4375rem;padding:0.4375rem 0}.mobile-app .mobile-watch-reply p{margin:0.25rem 0;font-size:.7rem}.mobile-app .mobile-watch-reply .mobile-watch-comment-like{color:#aaa}.mobile-app .mobile-watch-reply .mobile-watch-comment-like.active{color:#ff625d}.mobile-app .mobile-watch-empty{margin:1.375rem 0;color:#999;text-align:center;font-size:.78rem}.mobile-app .mobile-watch-comment-form,.mobile-app .mobile-watch-reply-form{display:flex;align-items:center;gap:0.5rem;padding-top:0.625rem;border-top:0.0625rem solid #363636}.mobile-app .mobile-watch-comment-form input,.mobile-app .mobile-watch-reply-form input{flex:1;min-width:0;height:2.625rem;padding:0 0.75rem;border:0.0625rem solid #444;border-radius:0.5rem;background:#252525;color:#fff;font-size:.8rem}.mobile-app .mobile-watch-comment-form input:focus,.mobile-app .mobile-watch-reply-form input:focus{border-color:#ff514d;outline:none}.mobile-app .mobile-watch-comment-form button,.mobile-app .mobile-watch-reply-form button{display:grid;place-items:center;flex:0 0 2.625rem;width:2.625rem;height:2.625rem;padding:0;border:0;border-radius:50%;background:#ff4c45;color:#fff}.mobile-app .mobile-watch-comment-form button svg,.mobile-app .mobile-watch-reply-form button svg{width:1.125rem;height:1.125rem}
  .mobile-app .mobile-watch-comment-more{display:block;width:100%;margin-top:0.75rem;padding:0.625rem!important;border:0.0625rem solid #454545!important;border-radius:0.5rem!important;background:#292929!important;color:#ddd!important;font-size:.72rem!important}
  .mobile-app .mobile-watch-choice-sheet{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}.mobile-app .mobile-watch-choice-sheet>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.0625rem;padding:0 0.125rem;border:0;border-bottom:0.0625rem solid #313131;background:transparent;color:#e6e6e6;font-size:.88rem;text-align:left}.mobile-app .mobile-watch-choice-sheet>button span{display:inline-flex;align-items:center;gap:0.625rem}.mobile-app .mobile-watch-choice-sheet>button svg{width:1.125rem;height:1.125rem}.mobile-app .mobile-watch-choice-sheet>button.selected{color:#ff817b}.mobile-app .mobile-watch-choice-sheet>button.selected>svg:last-child{color:#ff817b}
  .mobile-app .mobile-watch-stage>.mobile-watch-lock-layer{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:1rem;background:#0005;touch-action:pan-x}.mobile-app .mobile-watch-lock-layer.preview{background:linear-gradient(#0001,#000b)}.mobile-app .mobile-watch-lock-button,.mobile-app .mobile-watch-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:0.4375rem;min-height:2.75rem;padding:0 1.125rem;border:0;border-radius:62.4375rem;background:#ff4d47;color:#fff;font-size:.85rem;font-weight:800;box-shadow:0 0.5rem 1.375rem #0007}.mobile-app .mobile-watch-preview-button{background:#ffffffeb;color:#191919}.mobile-app .mobile-watch-lock-button svg,.mobile-app .mobile-watch-preview-button svg{width:1.125rem;height:1.125rem}
  .mobile-app .reel-mobile-watch>.mobile-watch-unlock-backdrop{z-index:40}.mobile-app .mobile-watch-unlock-sheet{max-height:none;min-height:0;padding-bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.mobile-app .mobile-watch-unlock-content{display:grid;justify-items:center;gap:0.8125rem;padding:1.125rem 0.75rem 1.375rem;text-align:center}.mobile-app .mobile-watch-unlock-content>svg{width:2.4375rem;height:2.4375rem;color:#ff6c64}.mobile-app .mobile-watch-unlock-content strong{font-size:.94rem;line-height:1.4}.mobile-app .mobile-watch-unlock-content div{display:grid;gap:0.25rem;color:#a9a9a9;font-size:.76rem}.mobile-app .mobile-watch-unlock-content b{color:#ffd2a1;font-size:1.2rem}.mobile-app .mobile-watch-unlock-confirm{display:block;width:100%;min-height:3rem;border:0;border-radius:62.4375rem;background:#ff4d47;color:#fff;font-size:.9rem;font-weight:800}
  .mobile-app .mobile-watch-toast{position:fixed;z-index:50;bottom:calc(env(safe-area-inset-bottom) + 2.25rem);left:50%;max-width:calc(100% - 3rem);margin:0;padding:0.5625rem 0.8125rem;border-radius:0.4375rem;background:#000d;color:#fff;font-size:.76rem;text-align:center;transform:translateX(-50%);box-shadow:0 0.3125rem 1.125rem #0005}
  @keyframes mobile-watch-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobile-watch-episodes-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes mobile-watch-playing{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
}
@media(max-width:374px){.mobile-app .mobile-watch-topbar{padding-right:0.625rem;padding-left:0.625rem}.mobile-app .mobile-watch-topbar-actions{gap:0.25rem}.mobile-app .mobile-watch-pill{max-width:7rem;padding:0 0.4375rem;font-size:.63rem}.mobile-app .mobile-watch-meta{left:0.75rem;right:4.5rem}.mobile-app .mobile-watch-actions{right:0.25rem}.mobile-app .mobile-watch-episode-grid{gap:0.4375rem}.mobile-app .mobile-watch-episode-grid a{min-height:2.625rem}}

/* H5 account home follows the supplied profile, membership, wallet, and menu hierarchy. */
@media(max-width:760px){
  .mobile-app .reel-account-mobile{min-height:100dvh;padding:1rem 1rem calc(1.75rem + env(safe-area-inset-bottom));background:#161823;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .mobile-app .reel-account-mobile.is-home{padding-top:1rem}
  .mobile-app .reel-account-mobile-profile{display:flex;align-items:center;gap:1rem;width:100%;padding:0.5rem 0 0.9375rem}
  .mobile-app .reel-account-mobile-avatar{position:relative;display:grid;place-items:center;width:4rem;min-width:4rem;max-width:4rem;height:4rem;min-height:4rem;max-height:4rem;padding:0;overflow:visible;border:0.125rem solid #ffb3b6;border-radius:50%;background:#382526;color:#ffb3b6}
  .mobile-app .reel-account-mobile-avatar-image{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:inherit}
  .mobile-app .reel-account-mobile-avatar-image>svg{width:2.625rem;height:2.625rem;stroke-width:1.5}
  .mobile-app .reel-account-mobile-avatar img{border-radius:50%}
  .mobile-app .reel-account-mobile-identity{display:grid;gap:0.1875rem;min-width:0}
  .mobile-app .reel-account-mobile-profile-details{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}
  .mobile-app .reel-account-mobile-name{display:flex;align-items:center;gap:0.5rem;min-width:0}
  .mobile-app .reel-account-mobile-profile strong{overflow:hidden;font-size:1.25rem;line-height:1.75rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-account-mobile-level{display:inline-flex;align-items:center;gap:0.1875rem;height:1.25rem;padding:0 0.5rem;border-radius:62.4375rem;background:#442f30;color:#fff;font-size:0.625rem;line-height:1;font-weight:500;white-space:nowrap}
  .mobile-app .reel-account-mobile-level svg{width:0.75rem;height:0.75rem;color:#35fbf5;stroke-width:2}
  .mobile-app .reel-account-mobile-uid{display:flex;align-items:center;gap:0.25rem;color:#ffffff99;font-size:0.8125rem;line-height:1.125rem}
  .mobile-app .reel-account-mobile-uid-edit{display:grid;place-items:center;width:1.25rem;height:1.25rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
  .mobile-app .reel-account-mobile-uid-edit svg{width:0.875rem;height:0.875rem;stroke-width:2}
  .mobile-app .reel-account-mobile-membership{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:0.75rem;min-height:5rem;margin:0 0 1.25rem;padding:1rem;overflow:hidden;border:0.0625rem solid #5d3f40;border-radius:1rem;background:#2d1b1b;text-decoration:none}
  .mobile-app .reel-account-mobile-membership:before{position:absolute;inset:0;background:linear-gradient(90deg,#ffb3b61a,transparent 62%);content:"";pointer-events:none}
  .mobile-app .reel-account-mobile-membership:after{position:absolute;top:-3rem;right:-2.375rem;width:8rem;height:8rem;border-radius:50%;background:#ffb3b614;filter:blur(1.25rem);content:"";pointer-events:none}
  .mobile-app .reel-account-mobile-membership-active{border-color:#ad4355;background:linear-gradient(100deg,#40252c,#542a33)}
  .mobile-app .reel-account-mobile-membership-active[data-vip-tier="weekly"]{border-color:#86404e;background:linear-gradient(100deg,#342329,#43262e)}
  .mobile-app .reel-account-mobile-membership-active[data-vip-tier="monthly"]{border-color:#ad4355;background:linear-gradient(100deg,#40252c,#542a33)}
  .mobile-app .reel-account-mobile-membership-active[data-vip-tier="yearly"]{border-color:#cf5363;background:linear-gradient(100deg,#4b2830,#663039)}
  .mobile-app .reel-account-mobile-membership-icon{position:relative;z-index:1;display:grid;place-items:center;width:2.5rem;height:2.5rem;color:#ef3035}
  .mobile-app .reel-account-mobile-membership-icon svg{width:1.375rem;height:1.375rem;fill:none;stroke-width:2}
  .mobile-app .reel-account-mobile-membership span:nth-child(2){position:relative;z-index:1;display:grid;gap:0.25rem;min-width:0}
  .mobile-app .reel-account-mobile-membership strong{overflow:hidden;color:#fff;font-size:1.0625rem;line-height:1.5rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-account-mobile-membership small{overflow:hidden;color:#fff;font-size:0.8125rem;line-height:1.125rem;text-overflow:ellipsis;white-space:nowrap}
  .mobile-app .reel-account-mobile-membership-active small{color:#fff}
  .mobile-app .reel-account-mobile-membership b{position:relative;z-index:1;padding:0.625rem 1.25rem;border-radius:62.4375rem;background:#ffb3b6;color:#680019;font-size:0.75rem;line-height:1rem;font-weight:500;white-space:nowrap}
  .mobile-app .reel-account-mobile-membership>:is(i,svg):last-child{position:relative;z-index:1;width:1.25rem;height:1.25rem;color:#fff}
  .mobile-app .reel-account-mobile-wallet{position:relative;display:grid;gap:1.25rem;min-height:10.625rem;margin:0 0 1.5rem;padding:1.25rem;overflow:hidden;border-radius:1rem;background:#252632}
  .mobile-app .reel-account-mobile-wallet:after{position:absolute;right:-1.75rem;bottom:-1.875rem;width:8rem;height:8rem;border:0.75rem solid #fcdbdb0d;border-radius:50%;box-shadow:inset 0 0 0 0.75rem #fcdbdb08;content:"";pointer-events:none}
  .mobile-app .reel-account-mobile-wallet>button{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:transparent;color:#fff;font-size:1.0625rem;line-height:1.5rem;font-weight:600;text-align:left}
  .mobile-app .reel-account-mobile-wallet>button span{display:inline-flex;align-items:center;gap:0.5rem}
  .mobile-app .reel-account-mobile-wallet>button svg{width:1.25rem;height:1.25rem;color:#fff}
  .mobile-app .reel-account-mobile-wallet>button>svg:last-child{color:#ffffff80}
  .mobile-app .reel-account-mobile-wallet-balances{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center}
  .mobile-app .reel-account-mobile-wallet-balances>i{width:0.0625rem;height:2.625rem;background:#ffffff2e}
  .mobile-app .reel-account-mobile-wallet-balances>div{min-width:0}
  .mobile-app .reel-account-mobile-wallet-balances strong{display:flex;align-items:center;justify-content:center;gap:0.25rem;font-size:1.5rem;line-height:1.75rem;font-weight:700;font-variant-numeric:tabular-nums}
  .mobile-app .reel-account-mobile-wallet-balances .reel-coin-dot{margin:0;color:#f3c55a;font-size:1rem}
  .mobile-app .reel-account-mobile-wallet-balances>div>span{display:block;margin-top:0.25rem;color:#fff;font-size:0.8125rem;line-height:1.125rem}
  .mobile-app .reel-account-mobile-wallet-actions{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:0.75rem}
  .mobile-app .reel-account-mobile-wallet-actions :is(a,button){display:grid;place-items:center;width:100%;height:2.5rem;padding:0;border:0;border-radius:0.25rem;background:#ef3035;color:#fff;font-size:1rem;line-height:1.25rem;font-weight:800;text-decoration:none}
  .mobile-app .reel-account-mobile-wallet-actions :is(a,button):hover{background:#bf1d22;color:#fff}
  .mobile-app .reel-account-mobile-menu{margin-top:0;overflow:hidden;border-radius:1rem;background:#252632}
  .mobile-app .reel-account-mobile-menu :is(button,a){grid-template-columns:2rem minmax(0,1fr) auto 1.25rem;align-items:center;gap:0.75rem;height:4rem;padding:0 1.25rem;border:0;background:transparent;text-align:left;text-decoration:none}
  .mobile-app .reel-account-mobile-menu :is(button,a)+:is(button,a){margin:0 1.25rem;padding-right:0;padding-left:0;border-top:0.0625rem solid #ffffff0f}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:first-child{display:grid;place-items:center;width:2rem;height:2rem;padding:0.5rem;border-radius:50%;background:#382526;stroke-width:1.8}
  .mobile-app .reel-account-mobile-menu :is(button,a):nth-child(2)>svg:first-child{color:#ffb3b6}
  .mobile-app .reel-account-mobile-menu :is(button,a):nth-child(3)>svg:first-child{color:#65dbad}
  .mobile-app .reel-account-mobile-menu :is(button,a)>svg:last-child{width:1.25rem;height:1.25rem;color:#ffffff80}
  .mobile-app .reel-account-mobile-menu span{font-size:0.875rem;line-height:1.375rem}
  .mobile-app .reel-account-mobile-menu small{color:#fff;font-size:0.8125rem;line-height:1.125rem;white-space:nowrap}
  .mobile-app .reel-account-mobile-logout{width:100%;height:3.5rem;margin:1.5rem 0 0;border:0.0625rem solid #5d3f40;border-radius:0.75rem;background:#2d1b1b80;color:#fe2c55;font-size:0.9375rem;line-height:1.375rem;font-weight:500}
}

/* Header avatars must render at the source image's full brightness. */
.reel-avatar-link{opacity:1}

/* Admin navigation uses one expanded group to keep the sidebar scannable. */
.admin-sidebar .admin-nav{display:block;overflow:visible}.admin-nav-group{display:flex;align-items:center;justify-content:space-between;width:100%;margin:28px 0 8px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#94a3b8;font-size:.68rem;font-weight:700;text-align:left;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease}.admin-nav-group:first-child{margin-top:0}.admin-nav-group::after{content:'+';font-size:1rem;font-weight:400;line-height:1}.admin-nav-group:hover{background:#1e293b;color:#fff}.admin-nav-group.expanded{color:#cbd5e1}.admin-nav-group.expanded::after{content:'-'}.admin-nav-group:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.admin-nav-items{display:grid;gap:5px}.admin-nav-items a{display:flex;align-items:center;gap:9px;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:6px}.admin-nav-items a.active,.admin-nav-items a:hover{color:#fff;background:#1e293b}.admin-nav-items a.active .nav-dot{background:#60a5fa}@media(max-width:767px){.admin-sidebar .admin-nav{display:grid;gap:12px;overflow:visible}.admin-nav-group{margin:0;padding:7px 0;color:#94a3b8}.admin-nav-items{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px}.admin-nav-items a{flex:0 0 auto;white-space:nowrap;padding:7px 9px}.admin-nav-items a .nav-dot{display:none}}