/* Source site uses a centered H5 shell. All interior grids follow container width. */
:root[data-layout=source]{--accent:#ffe033;--ink:#252109;--bg:#101010;--panel:#191919;--line:#303030;--muted:#999;background:#070707}
:root[data-layout=source].light{--bg:#f6f6f6;--panel:#fff;--line:#ddd;--muted:#666;--accent:#d6b900;--ink:#141000;background:#e9e9e9}
[data-layout=source] #app{width:min(100%,750px);margin:0 auto;background:var(--bg);min-height:100dvh;container-type:inline-size;box-shadow:0 0 50px #0004}
[data-layout=source] .layout{padding-left:0;min-height:100dvh}
[data-layout=source] .sidebar{display:none}
[data-layout=source] .topbar{height:64px;padding:0 16px;gap:12px}
[data-layout=source] .mobile-brand{display:flex;flex-shrink:0}
[data-layout=source] .mobile-brand .brand{font-size:18px;gap:7px}
[data-layout=source] .brand img{width:28px}
[data-layout=source] .breadcrumb{display:none}
[data-layout=source] .top-search{margin-left:0;flex:1;width:auto;max-width:none;min-width:0}
[data-layout=source] .top-search input{font-size:12px;padding:10px 13px}
[data-layout=source] .toplinks{gap:9px;flex-shrink:0}
[data-layout=source] .toplinks>a:not(:last-child){display:none}
[data-layout=source] .avatar{width:30px;height:30px}
[data-layout=source] .mock-badge{font-size:8px;padding:4px}
[data-layout=source] .main{width:100%;max-width:none;padding:20px 16px 160px}
[data-layout=source] .bottom-nav{display:flex;position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);width:min(100%,750px);z-index:25;justify-content:space-around;background:var(--bg);border-top:1px solid var(--line);padding:10px 3px max(10px,env(safe-area-inset-bottom))}
[data-layout=source] .bottom-nav a{display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:10px;min-width:35px}
[data-layout=source] .bottom-nav a.active{color:var(--accent)}
[data-layout=source] .bottom-nav svg{width:20px;height:20px}
[data-layout=source] .foot,[data-layout=source] .page-title .eyebrow{display:none}
[data-layout=source] .page-title{gap:12px;margin-bottom:19px;align-items:start}
[data-layout=source] h1,[data-layout=source] .page-title h1{font-size:23px;letter-spacing:0;line-height:1.4}
[data-layout=source] h2{font-size:19px;letter-spacing:0}
[data-layout=source] h3{line-height:1.6}
[data-layout=source] .subheading{line-height:1.8;font-size:12px;margin-top:7px}
[data-layout=source] .grid:not(:where(.source-vertical-series-native-root,.source-vertical-series-native-root *,.source-vertical-series-native-popup,.source-vertical-series-native-popup *)){grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
[data-layout=source] .cover{height:auto;aspect-ratio:2/3}
[data-layout=source] .cover-label{left:8px;top:8px;font-size:8px;padding:4px 5px}
[data-layout=source] .cover-meta{left:8px;right:8px;bottom:10px;font-size:9px}
[data-layout=source] .cover-no{font-size:50px}
[data-layout=source] .card h3{margin-top:9px;margin-bottom:4px;font-size:13px}
[data-layout=source] .card .muted span{float:none!important;display:block}
[data-layout=source] .hero{min-height:270px;padding:26px;border-radius:10px;margin-bottom:22px}
[data-layout=source] .drama-hero h2{font-size:34px;letter-spacing:0}
[data-layout=source] .hero-content,[data-layout=source] .drama-hero .hero-content{max-width:85%}
[data-layout=source] .hero p{font-size:12px;line-height:1.8}
[data-layout=source] .hero-photo{width:100%;opacity:.7}
[data-layout=source] .drama-hero:after{background:linear-gradient(90deg,#111e15f0,#111e1577),linear-gradient(0deg,#111e15b0,transparent)}
[data-layout=source] .hero-art{width:180px;right:-70px;opacity:.4}
[data-layout=source] .hero .row{margin-top:18px}
[data-layout=source] .section-title{margin:25px 0 16px;gap:10px}
[data-layout=source] .section-title small{display:none}
[data-layout=source] .filters{flex-wrap:nowrap;overflow:auto;max-width:100%;gap:6px;padding-bottom:5px;margin:17px 0}
[data-layout=source] .chip{white-space:nowrap;flex-shrink:0;padding:8px 13px}
[data-layout=source] .panels{grid-template-columns:minmax(0,1fr);gap:16px}
[data-layout=source] .panel{padding:19px;border-radius:10px}
[data-layout=source] .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
[data-layout=source] .flow-grid a{padding:17px}
[data-layout=source] .detail{grid-template-columns:130px minmax(0,1fr);gap:18px}
[data-layout=source] .detail .cover{height:auto;aspect-ratio:2/3}
[data-layout=source] .detail h1{font-size:22px;margin:8px 0}
[data-layout=source] .detail p{font-size:12px;margin:10px 0;line-height:1.8}
[data-layout=source] .stats{gap:8px;margin:20px 0}
[data-layout=source] .stat{padding:15px 12px}
[data-layout=source] .stat strong{font-size:23px;overflow-wrap:anywhere}
[data-layout=source] .live-room,[data-layout=source] .vertical-room,[data-layout=source] .shorts-layout{grid-template-columns:minmax(0,1fr);gap:16px}
[data-layout=source] .live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
[data-layout=source] .live-chat .chat{height:220px}
[data-layout=source] .shorts-player{width:100%;max-width:350px;margin:auto}
[data-layout=source] .vertical-room .live-player{width:100%;max-width:350px}
[data-layout=source] .banner-mini{padding:16px;gap:12px;flex-wrap:wrap}
[data-layout=source] .auth-wrap{margin:22px auto}
[data-layout=source] #toast{bottom:90px}
/* Grid and flex descendants must be allowed to shrink before long content wraps. */
.main :where(section,article,form,fieldset,.panel,.stack,.row,.list-item,.detail>div,.panels>*,.flow-grid>*,.stats>*,label){min-width:0;max-width:100%}
.main :where(p,h1,h2,h3,strong,small,.tag,.notice,.order-amount){overflow-wrap:anywhere}
.main :where(input,select,textarea){min-width:0;max-width:100%}
.main :where(.btn,.tag){white-space:normal;overflow-wrap:anywhere;text-align:center}
.main .list-item{flex-wrap:wrap}
.main .list-item>div:first-child{flex:1 1 160px;min-width:0}
.main .list-item>.row{flex:0 1 auto}
.main :where(.row,.tabs){min-width:0}
.main .row>label{flex:1 1 140px}
.main .panel .panels{grid-template-columns:minmax(0,1fr)}
.main :where(pre,table){max-width:100%;overflow:auto;display:block}
dialog{max-height:calc(100dvh - 36px);overflow:auto}
@container(max-width:480px){
 [data-layout=source] .grid:not(:where(.source-vertical-series-native-root,.source-vertical-series-native-root *,.source-vertical-series-native-popup,.source-vertical-series-native-popup *)){grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-layout=source] .main{padding:18px 14px 155px}
 [data-layout=source] .hero{padding:23px;min-height:290px}
 [data-layout=source] .hero-content,[data-layout=source] .drama-hero .hero-content{max-width:100%}
 [data-layout=source] .drama-hero h2{font-size:32px}
 [data-layout=source] .detail{grid-template-columns:105px minmax(0,1fr);gap:14px}
 [data-layout=source] .panel{padding:16px}
 [data-layout=source] .topbar{padding:0 12px;gap:8px}
 [data-layout=source] .top-search input{font-size:10px}
 [data-layout=source] .page-title h1{font-size:21px}
 [data-layout=source] .stat strong{font-size:20px}
 [data-layout=source] .stat span{font-size:10px}
}
@media(min-width:701px){[data-layout=source] #experience-center{left:max(16px,calc(50% - 375px + 16px));bottom:85px}}

[data-layout=source] .empty{padding:28px 16px;border:0;background:var(--panel)}
.demo-account-list{display:grid;gap:12px}.demo-account-card{display:grid;gap:9px;border:1px solid var(--line);background:var(--bg);padding:15px;border-radius:9px;min-width:0}.demo-credentials{font-size:12px;line-height:1.8;color:var(--muted)}.demo-credentials code{color:var(--accent);overflow-wrap:anywhere}