/* User approved direction: black / charcoal / white, amber active states. */
:root{--pink:#ffbf32;--bg:#080808;--panel:#1c1c1c;--muted:#aaa;--line:#ffffff12;--radius:13px;color-scheme:dark}body{background:#111;color:#f5f5f5}.mobile{background:#080808}.panel,.menu-panel,.watch-card,.language-grid button,.auth-card,.sheet{background:#1c1c1c;border-color:#ffffff10;box-shadow:none}.primary,.chip.active,.episode.active,.toggle.on,.watch-play{background:#ffbf32;color:#15120b;border-color:#ffbf32;box-shadow:none}.primary:hover,.primary:active{background:#ffd46c}.secondary{background:#282828;border:1px solid #ffffff18;color:#eee}.secondary:active,button[aria-pressed=true],.selected{color:#ffc33d}.bottom-tabs{background:#111;border-top-color:#ffffff12;box-shadow:none}.bottom-tabs a.active{color:#ffc33d}.chip{background:#252525;border-color:#ffffff0d;color:#c9c9c9}.chip.active{color:#111}.icon-btn:active,a:active{color:#ffbf32}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffbf32;outline-offset:3px}.brand .brand-mark{background:#ffbf32}.brand svg:not(.custom-icon) circle{fill:#ffbf32}.brand svg:not(.custom-icon){color:#ffbf32}.shortcut .tile{background:#262626!important;box-shadow:inset 0 1px 0 #ffffff18;color:#fff}.shortcut:active .tile{background:#ffbf32!important;color:#111}.home-content .hero{box-shadow:none}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;align-items:start}.poster .art{width:100%;aspect-ratio:.64;background-color:#252525;border-radius:11px}.poster .art img{display:block;width:100%;height:100%;object-fit:contain}.poster-caption,.home-content .poster-caption{background:linear-gradient(transparent,#111b 40%,#111e);gap:2px;padding:13px 7px 7px}.poster-caption .poster-name{color:#fff;text-shadow:none;font-family:inherit}.poster-caption .poster-meta{color:#ddd}.home-top3{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.rank-podium{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-podium .poster .art{aspect-ratio:.64}.rank-podium .poster[data-place="1"] .art{border-color:#ffbf32;box-shadow:0 0 12px #ffbf3225}.episode-recommendations .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-shortcuts,.profile-note,.menu-link>small,.profile-footer{color:#aaa}.menu-link>.icon,.menu-link>.icon:first-child{color:#ddd}.menu-link:active{color:#ffbf32}.profile .avatar{background:linear-gradient(140deg,#777,#333);border-color:#aaa}.personal-recommendations{padding:0 14px 30px}.personal-recommendations .section-title{margin:12px 0}.personal-recommendations h2{font-size:17px}.personal-recommendations small{color:#999}.personal-recommendations .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-footer{margin-bottom:18px}.page-header,.header{background:#080808}.page-header h1{color:#eee}.language-grid .selected{border-color:#ffbf32}.language-monogram{background:#333;color:#ffc33d}.share-sheet,.invite-link,.invite-hero{background:#202020}.invite-hero{background:radial-gradient(ellipse at top,#5c431a,#1b1b1b 75%)}.invite-symbol{color:#ffbf32}.pull-note,.description{color:#aaa}.watch-progress progress{accent-color:#ffbf32}.watch-progress progress::-webkit-progress-value{background:#ffbf32}.watch-play .icon{fill:#111;stroke:#111}.toggle:after{background:#fff}.chipbar{overscroll-behavior-x:contain}input,select,textarea{background:#252525;border-color:#ffffff18;color:#f5f5f5;accent-color:#ffbf32}.feedback-note,.hint{color:#c8c8c8;background:#24211b;border-color:#ffbf3225}.ticket-thread{overflow-wrap:anywhere;line-height:1.8}.ticket-thread blockquote{margin:14px 0 0;padding:12px;border-left:3px solid #ffbf32;background:#292929}.ticket-thread small{display:block;color:#aaa;font-size:11px}.ticket-list{padding:0 14px}.ticket-list h2{font-size:17px;margin:20px 0 12px}.download-row .row{margin-top:15px}.download-row small{display:block;overflow-wrap:anywhere;color:#aaa}.download-row p{margin:8px 0}.comments-sheet{min-height:28vh}.comment-author{display:flex;align-items:center;gap:9px}.comment-author strong{font-size:12px;color:#aaa;min-width:0;overflow-wrap:anywhere}.comment-author small{font-size:10px;color:#888;margin-left:auto;flex-shrink:0}.comment-avatar{height:30px;width:30px;flex-shrink:0;background:#363636;border-radius:50%;display:grid;place-items:center}.comment-avatar .icon{height:17px;width:17px}.comment{padding:14px 0;border-bottom:1px solid #ffffff0b}.comment-body{margin:8px 0;line-height:1.8;font-size:14px;overflow-wrap:anywhere}.comment-actions{display:flex;gap:18px}.comment-actions button{color:#aaa;font-size:12px;min-height:32px}.comment-replies{padding:8px 0 8px 25px;color:#aaa}.comment-replies summary{cursor:pointer;font-size:12px}.comment-form{position:sticky;bottom:-22px;background:#1c1c1cf7;padding:10px 0;margin-top:15px}.sheet{background:#1c1c1c}.sheet-head{background:#1c1c1cfa}.sheet-head h2{font-size:17px}.sheet-head>button{color:#ddd}.sheet:before{background:#666}.sheet-shade{background:#0008}.player{background:#000}.player-surface{background:#000}.player .backdrop{opacity:0}.player-top{top:max(12px,env(safe-area-inset-top));left:8px;right:8px;gap:5px;background:linear-gradient(#0005,transparent);z-index:4}.player-top .chip{background:transparent;color:#aaa;padding:5px 9px;border:0;font-size:14px;min-height:40px;box-shadow:none}.player-top .chip.active{color:#fff;font-weight:700;border-bottom:2px solid #ffbf32;border-radius:0}.feed-search{margin-left:auto;color:#fff}.player-side{right:6px;bottom:175px;gap:12px;z-index:3}.player-side button{width:50px;min-height:44px;gap:4px;color:#fff}.player-side button .icon{width:27px;height:27px}.player-side button span{font-size:10px;line-height:1.4}.player-side .selected{color:#ffbf32}.player-side .selected .icon{fill:#ffbf32;stroke:#ffbf32}.player-bottom{left:12px;right:12px;bottom:12px;z-index:3;padding-top:30px}.player-bottom h2{font-size:17px;line-height:1.6;max-width:calc(100% - 50px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-progress{font-size:11px;color:#aaa;margin:4px 0 10px}.player-controls{gap:3px}.player-controls>.icon-btn{min-width:34px;width:34px;min-height:36px;height:36px}.player-controls input{accent-color:#fff;height:4px;min-height:32px;min-width:0;background:transparent}.player-controls>select{width:51px;background:#242424;border:0;border-radius:20px;font-size:11px}.player-bottom>.row{border:1px solid #ffffff13;background:#242424e8;border-radius:22px;padding:4px 10px;margin-top:8px;min-height:39px}.player-bottom>.row button{min-height:30px;line-height:1.4;display:flex;gap:3px;align-items:center}.landscape-open{display:none;position:absolute;left:50%;top:58%;transform:translateX(-50%);border-radius:25px;min-height:37px;background:#242424e6;color:#fff;padding:7px 16px;align-items:center;gap:6px;z-index:4;font-size:13px}.landscape-open .icon{height:18px;width:18px}.player[data-video-orientation=landscape]:not(.display-active) .landscape-open{display:flex}.player.display-active .landscape-open{display:none}.player.display-active .sheet{max-height:calc(100% - 16px)}body:has(.comments-sheet) .player:not(.display-active) .player-side,body:has(.comments-sheet) .player:not(.display-active) .player-bottom,body:has(.comments-sheet) .player:not(.display-active) .player-top{visibility:hidden}body:has(.comments-sheet) .player:not(.display-active) video{height:34svh;object-fit:contain;inset:0}.sheet:has(.comments-sheet){max-height:63svh;min-height:48svh}.feed-campaign{position:absolute;inset:0;background:#000;z-index:9;display:flex;align-items:center;justify-content:center}.feed-campaign>img,.feed-campaign>video{width:100%;height:100%;object-fit:contain}.feed-campaign.portrait>img,.feed-campaign.portrait>video{object-fit:cover}.campaign-label{position:absolute;top:max(22px,env(safe-area-inset-top));left:15px;background:#222c;border-radius:4px;font-size:11px;padding:4px 8px}.campaign-close{position:absolute;right:12px;top:max(18px,env(safe-area-inset-top));background:#222c;min-height:36px;min-width:50px;border-radius:24px;padding:6px 10px;font-size:12px}.campaign-cta{position:absolute;bottom:24px;left:15px;right:15px;background:#2b2b2be8;border-radius:10px;padding:14px}.campaign-cta h3{font-size:15px;line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}.campaign-cta a{display:block;text-align:center;padding:12px;background:#ffbf32;color:#111;border-radius:7px;font-weight:600}.admin,.admin-main,.admin-body{background:#111}.admin-sidebar{background:#161616;border-right-color:#ffffff12}.admin-top{background:#141414;border-bottom-color:#ffffff10}.admin-sidebar a.active{background:#ffbf3214;color:#ffbf32;border-left-color:#ffbf32;box-shadow:inset 3px 0 #ffbf32}.admin-subbrand,.admin-footer,.admin-sidebar>small,.admin-top .muted{color:#888}.admin .panel{background:#1c1c1c}.admin table th{background:#252525;color:#aaa}.admin table td{color:#ddd;border-color:#ffffff0d}.admin .sheet{background:#1c1c1c}.admin .sheet-head{background:#1c1c1cf5}.admin .text-link,.admin a.text-link{color:#ffbf32}.admin .status.active,.admin .status.published,.admin .status.succeeded{background:#24352b;color:#9ad3ac}.admin .status.draft,.admin .status.pending{background:#3a321d;color:#ffd76e}.studio-panel{margin:18px 0;padding:20px}.studio-panel h3{font-size:16px;margin:0 0 16px}.studio-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:16px 0}.studio-filters label{display:flex;flex-direction:column;gap:5px;min-width:140px;flex:1;font-size:12px;color:#aaa}.studio-filters button{flex-shrink:0}.studio-thumb{width:95px!important;height:65px!important;object-fit:contain;border-radius:7px;background:#111}.studio-ad-preview img,.studio-ad-preview video{max-width:100%;max-height:280px;object-fit:contain}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px;background:#252525;border-radius:10px}.permission-grid label{display:flex;gap:7px;align-items:center;font-size:13px}.permission-grid input{width:16px;min-height:16px}.studio-panel .form{max-width:700px}.studio-panel .hint{margin-bottom:18px}#studio-task-result{overflow-wrap:anywhere;padding:12px 0;color:#ffbf32}.admin-toolbar select{max-width:360px}.comment-thread .empty{padding:25px 10px}.personal-recommendations .poster .art[data-poster-orientation=landscape] .poster-caption{padding-top:10px}.poster .art[data-poster-orientation=landscape] .poster-caption .poster-meta{font-size:10px}.poster .art[data-poster-orientation=landscape] .poster-caption .poster-name{font-size:11px}@media(max-width:360px){.player-side{gap:8px;bottom:175px}.player-side button{min-height:40px;width:44px}.player-side button .icon{height:24px;width:24px}.player-top .chip{font-size:12px;padding-inline:5px}.player-controls>.icon-btn{width:30px;min-width:30px}.player-controls>select{width:47px}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}} 
/* Keep the five original colorful home shortcuts as requested during review. */
.shortcut .tile{background:linear-gradient(135deg,#ff7994,#ff245d)!important;box-shadow:inset 0 1px 8px #fff3;color:#fff}
.shortcut:nth-child(2) .tile{background:linear-gradient(135deg,#ff9680,#ff9a3e)!important}
.shortcut:nth-child(3) .tile{background:linear-gradient(135deg,#9d9aff,#6652ff)!important}
.shortcut:nth-child(4) .tile{background:linear-gradient(135deg,#ff79c6,#f421a0)!important}
.shortcut:nth-child(5) .tile{background:linear-gradient(135deg,#ce8aff,#a629ff)!important}
/* Latest review: three portrait covers or two landscape covers per row. */
.poster-grid,.personal-recommendations .poster-grid,.episode-recommendations .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;}
.poster-grid>.poster{grid-column:span 2;min-width:0;}
.poster-grid>.poster.landscape-card{grid-column:span 3;}
.home-top3,.rank-podium{grid-template-columns:repeat(3,minmax(0,1fr));}
.home-top3>.poster,.rank-podium>.poster{grid-column:auto;}
.poster.landscape-card .poster-caption{position:static;background:#1c1c1c;padding:5px 7px 8px;}
.brand .brand-mark{background:transparent!important;box-shadow:none}
.brand svg:not(.custom-icon){color:#fa348a}.brand svg:not(.custom-icon) circle{fill:#fa348a}
.poster-grid,.personal-recommendations .poster-grid,.episode-recommendations .poster-grid{grid-auto-flow:row}
.poster-grid>.poster:not(.landscape-card)+.poster.landscape-card{grid-column:1 / span 3}
.home-top3>.poster,.rank-podium>.poster{grid-column:auto!important}
.poster.landscape-card .poster-caption{border-radius:0 0 11px 11px}
.membership-plans{display:grid;gap:10px;margin:15px 0}.membership-plans>div{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#282828;padding:14px;border-radius:9px}.membership-plans strong{font-size:14px;overflow-wrap:anywhere}.membership-plans span{color:#ffc43c;white-space:nowrap;font-size:13px}
.player-top .chip.active{background:transparent;box-shadow:none}.player-top .chip.active:after{content:none}

.commerce-content .panel p{line-height:1.75;overflow-wrap:anywhere}.merchant-logo{width:84px;height:84px;object-fit:contain;border-radius:20px}.merchant-avatar{width:48px;height:48px;object-fit:cover;border-radius:50%}.merchant-card .row,.gift-card .row{flex-wrap:wrap}.gift-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gift-card{padding:12px;min-width:0}.gift-card>img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:14px}.gift-card h2{font-size:16px;line-height:1.6}.gift-card .primary,.gift-card .secondary{width:100%;margin-top:8px}.points-hero{margin:16px;background:linear-gradient(135deg,#38223c,#1d1920)}.points-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.points-metrics strong,.points-metrics span{display:block;overflow-wrap:anywhere}.points-metrics strong{font-size:26px;color:#ffca52}.points-metrics span{font-size:12px;line-height:1.8}.points-hero .row{flex-wrap:wrap}.break-code{display:block;overflow-wrap:anywhere;user-select:all}

.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.resource-grid img,.resource-grid video{width:100%;height:160px;object-fit:contain}.profile-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-options{display:flex;flex-wrap:wrap;gap:10px}.avatar-options img{width:64px;height:64px;object-fit:cover;border-radius:50%}

.native-card .art img{object-fit:contain!important;background:#18161a}.native-label{position:absolute;left:6px;top:6px;font-size:10px;padding:3px 6px;border-radius:5px;background:#000b;color:white}.native-phone-preview{max-width:390px;padding:14px;border:1px solid #514350;border-radius:28px;background:#09080b}.native-position-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.native-position{position:relative;min-width:0;padding:0;border:1px solid #444;border-radius:12px;overflow:hidden;background:#211c26}.native-position img{width:100%;aspect-ratio:2/3;object-fit:cover}.native-position span{display:block;padding:6px;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.native-position b{position:absolute;top:5px;left:5px;background:#ffca52;color:#111;padding:3px;border-radius:4px;font-size:10px}.native-position.has-ad{outline:2px solid #ffca52}

.native-preview-art{width:100%;aspect-ratio:2/3;position:relative!important}.native-position>img{object-fit:contain;background:#18151b}

.domain-poster-button{padding:0;width:100%;display:block}.domain-poster-button img{width:100%;display:block;border-radius:20px}.domain-kit-page>.row{gap:12px;margin:18px 0;flex-wrap:wrap}.domain-copy-row{display:flex;align-items:center;gap:10px;margin:12px 0}.domain-copy-row span{flex:1;min-width:0;overflow-wrap:anywhere}.domain-preview-image,#domain-admin-preview canvas{width:100%;max-width:360px;border-radius:18px}.domain-image-dialog{max-width:95vw;max-height:95dvh;padding:12px;border:1px solid #777;background:#151118;color:white;border-radius:20px}.domain-image-dialog img{max-width:85vw;max-height:80dvh;object-fit:contain}.domain-image-dialog::backdrop{background:#000c}.domain-image-dialog button{display:block;margin:auto}

.commerce-content>.points-hero{margin:0 0 16px}.invitation-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff12}.invitation-row small{grid-column:1/-1}.commerce-content .panel>.row{gap:10px;flex-wrap:wrap;margin:12px 0}

.gift-detail>img{width:100%;max-height:420px;object-fit:contain;border-radius:16px}.gift-detail>h2,.gift-detail>p,.gift-detail>strong{display:block;margin:14px 0}.gift-detail>.primary{width:100%;margin-top:18px}