/* Media extension layouts: scoped so the main application remains unaffected. */
.media-page{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;max-width:100%}
.media-page>*{min-width:0;max-width:100%}
.media-page .page-title{margin-bottom:0}
.media-page .stats,.media-page .notice{margin:0}
.media-page .spacer{margin-top:0}
.media-page .panel,.media-page .stack,.media-page form,.media-page label,.media-page .panels,.media-page .list-item,.media-page .row{min-width:0;max-width:100%}
.media-page .panel{overflow-wrap:anywhere;align-content:start}
.media-page .panels{align-items:start}
.media-page form{gap:16px}
.media-page input,.media-page select,.media-page textarea{min-width:0;max-width:100%}
.media-page h1,.media-page h2,.media-page h3,.media-page p,.media-page small{overflow-wrap:anywhere}
.media-page .btn{max-width:100%;min-width:0;white-space:normal;text-align:center;line-height:1.6;overflow-wrap:anywhere}
.media-page .list-item>div,.media-page .list-item>p{min-width:0;flex:1 1 0}
.media-page .list-item>.btn,.media-page .list-item>.row{flex:0 0 auto}
.media-module-nav{gap:10px;padding:0;align-items:stretch}
.media-module-nav .btn{flex:0 1 auto}
.media-work-header{align-items:flex-start;gap:16px}
.media-work-header h2{flex:1 1 0;min-width:0;line-height:1.5}
.media-work-header .tag{flex:0 0 auto}
.media-episode-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0}
.media-details,.media-episode{border:1px solid var(--line);border-radius:9px;padding:0 16px;min-width:0;background:var(--bg)}
.media-details>summary,.media-episode>summary{cursor:pointer;padding:16px 0;font-size:13px;line-height:1.7;font-weight:550;color:inherit;overflow-wrap:anywhere}
.media-episode>summary>span{overflow-wrap:anywhere}
.media-episode>summary>small{display:block;font-size:10px;font-weight:400;color:var(--muted);padding-left:15px}
.media-details-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:4px 0 18px;min-width:0}
.media-details-body .row{align-items:stretch}
.media-details-body .row>.btn{flex:0 1 auto}
.media-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;align-items:stretch}
.media-tier{padding:20px!important;align-content:start;grid-template-rows:auto auto 1fr auto;gap:12px}
.media-tier h3{margin:0}
.media-tier strong{font:24px ui-monospace,monospace;line-height:1.5;color:var(--accent)}
.media-tier .btn{width:100%;align-self:end}
.media-page .progress{margin:6px 0}
.media-chapter-nav{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;min-width:0}
.media-chapter-nav .btn{width:100%;padding:8px;min-height:40px}
.media-comic{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;max-width:100%}
.media-comic svg{display:block;max-width:min(600px,100%)!important;height:auto;min-width:0}
.media-reading-text{max-width:760px!important;justify-self:center;width:100%}
.media-page>form[data-form="media-library-filter"],.media-page>form[data-form="media-community-filter"]{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.media-page>form[data-form="media-library-filter"]>button,.media-page>form[data-form="media-library-filter"]>.form-error,.media-page>form[data-form="media-community-filter"]>button,.media-page>form[data-form="media-community-filter"]>.form-error{grid-column:1/-1}
.media-page .form-error:empty{display:none}
@media(min-width:701px){
 .media-studio form[data-form="media-work-create"],.media-studio form[data-form="media-work-edit"],.media-studio form[data-form="media-episode-edit"],.media-studio form[data-form="media-episode-add"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .media-studio form>label:has(textarea),.media-studio form>button,.media-studio form>.form-error{grid-column:1/-1}
}
@media(max-width:700px){
 .media-page{gap:20px}
 .media-page .list-item{align-items:flex-start;flex-wrap:wrap}
 .media-page .list-item>div,.media-page .list-item>p{flex-basis:100%}
 .media-page .list-item>.row{flex-basis:100%;justify-content:flex-start}
 .media-tiers{grid-template-columns:minmax(0,1fr);gap:12px}
 .media-tier{padding:18px!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:16px}
 .media-tier h3{grid-column:1;align-self:center}
 .media-tier strong{grid-column:2;grid-row:1;font-size:23px;text-align:right}
 .media-tier .muted{grid-column:1/-1}
 .media-tier .btn,.media-tier .tag{grid-column:1/-1}
 .media-page>form[data-form="media-library-filter"],.media-page>form[data-form="media-community-filter"]{grid-template-columns:minmax(0,1fr);padding:18px}
}
@media(max-width:430px){
 .media-module-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .media-module-nav .btn{width:100%;font-size:11px;padding:9px 8px}
 .media-page .panel{padding:18px}
 .media-page .panel .panel{padding:16px}
 .media-page .stats{gap:8px}
 .media-page .stat{padding:14px 10px}
 .media-page .stat strong{font-size:21px}
 .media-work-header h2{font-size:19px}
 .media-details,.media-episode{padding:0 12px}
 .media-details-body .row>.btn{flex:1 1 65px;padding:9px 7px;font-size:11px}
 .media-page .row>.btn{min-height:38px}
 .media-chapter-nav{grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:7px}
 .media-page .page-title{flex-wrap:wrap}
 .media-page .page-title>div{flex-basis:100%}
 .media-page .page-title>.btn{justify-self:start}
}

/* H5 media views: compact navigation and content-led lists. */
.media-page{gap:0;font-size:13px}
.media-page>.page-title{margin:0 0 12px}
.media-page>.page-title h1{font-size:18px!important}
.media-page .media-tabs{display:flex;align-items:center;gap:22px;overflow-x:auto;scrollbar-width:none;min-width:0;max-width:100%;border-bottom:1px solid var(--line);padding:0 2px;margin-bottom:12px}
.media-page .media-tabs::-webkit-scrollbar{display:none}
.media-page .media-tabs>.btn{flex:0 0 auto;background:none!important;border:0!important;border-radius:0!important;padding:12px 0!important;min-height:40px;font-size:14px;color:var(--muted);white-space:nowrap;position:relative}
.media-page .media-tabs>.btn.active{color:var(--accent);font-weight:650}
.media-page .media-tabs>.btn.active:after{content:'';height:3px;position:absolute;left:15%;right:15%;bottom:0;background:var(--accent);border-radius:2px}
.media-page .media-sort-tabs{border:0;gap:18px;margin-bottom:12px}
.media-page .media-sort-tabs>.btn{font-size:12px;padding:6px 0!important;min-height:32px}
.media-page .media-sort-tabs>.btn.active:after{display:none}
.media-page .media-category-tabs{gap:8px;flex-wrap:wrap;max-height:86px;overflow-y:auto;border:0;margin:4px 0 8px}
.media-page .media-category-tabs>.btn{font-size:12px;padding:5px 10px!important;min-height:28px;border-radius:4px!important;background:var(--panel)!important}
.media-page .media-category-tabs>.btn.active{background:#ffe033!important;color:#171717}
.media-page .media-category-tabs>.btn.active:after{display:none}
.media-page>form[data-form="media-library-filter"],.media-page>form[data-form="media-community-filter"]{display:flex;gap:8px;border:0;padding:0;background:none;margin:0 0 10px;align-items:end}
.media-page>form[data-form="media-library-filter"]>label,.media-page>form[data-form="media-community-filter"]>label{flex:1;font-size:0;gap:0}
.media-page>form[data-form="media-library-filter"] input,.media-page>form[data-form="media-community-filter"] input{height:34px;padding:7px 12px;border-radius:18px;font-size:12px;background:var(--panel)}
.media-page>form[data-form="media-library-filter"]>button,.media-page>form[data-form="media-community-filter"]>button{padding:6px 12px;min-height:34px;font-size:12px;border-radius:17px}
.media-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px;margin:0 0 20px}
.media-book{min-width:0;display:block}
.media-art{position:relative;aspect-ratio:160/210;overflow:hidden;border-radius:5px;background:#47575a;color:#fff}
.media-art svg{display:block;width:100%;height:100%}
.media-art>span{position:absolute;left:10%;right:10%;top:37%;font-size:clamp(13px,2vw,20px);font-weight:650;line-height:1.55;text-shadow:0 1px 8px #0005}
.media-art>small{position:absolute;bottom:11%;left:10%;font-size:9px;letter-spacing:2px;opacity:.7}
.media-book h3{font-size:12px!important;line-height:1.5;margin:7px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.media-book>p{font-size:10px;color:var(--muted);margin:0}
.media-reading-saved,.media-entitlements{border-top:1px solid var(--line);padding:14px 0}
.media-reading-saved>summary,.media-entitlements>summary{font-weight:600;cursor:pointer;list-style:none}
.media-reading-saved>summary>span,.media-entitlements>summary>span{float:right;color:var(--muted)}
.media-fund-list{display:grid;gap:0}
.media-fund-project{padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.media-fund-summary{display:grid;grid-template-columns:94px minmax(0,1fr);gap:14px;align-items:start}
.media-fund-cover{display:block;min-width:0}
.media-fund-cover .media-art{aspect-ratio:94/126}
.media-fund-cover .media-art>span{font-size:15px}
.media-fund-info{min-width:0;position:relative;padding-top:2px}
.media-fund-info h2{font-size:15px!important;line-height:1.5;margin:0 0 15px;padding-right:52px}
.media-status{position:absolute;right:0;top:4px;font-size:10px;color:var(--accent)}
.media-fund-info .progress{height:4px;margin:0 0 6px;background:#313131}
.media-fund-progress{display:flex;justify-content:space-between;gap:4px;font-size:10px;color:var(--muted)}
.media-fund-price{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:4px}
.media-fund-price strong{font-size:22px;color:var(--accent)}
.media-fund-price strong small{font-size:10px;font-weight:400}
.media-fund-price>span{border:1px solid #8b7832;color:#ffe497;padding:2px 5px;font-size:10px;border-radius:3px}
.media-fund-expand>summary,.media-support-orders>summary,.media-simulate>summary{list-style:none;font-size:12px;cursor:pointer;padding:12px 0;color:var(--muted)}
.media-fund-expand>summary{padding-left:108px;color:var(--accent)}
.media-fund-expand>summary>span{float:right}
.media-tiers{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;margin:15px 0}
.media-tier{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:12px 5px!important;border:1px solid #49422a;background:#272418;border-radius:6px;gap:7px!important}
.media-tier h3{font-size:12px!important;line-height:1.4}
.media-tier strong{font-size:22px!important;line-height:1.3;white-space:nowrap}
.media-tier strong small{font-size:9px;font-weight:400}
.media-tier p{font-size:10px;color:var(--muted);margin:0}
.media-tier .btn{font-size:11px;padding:5px 9px;min-height:29px!important;margin-top:auto}
.media-simulate{border-top:1px dashed var(--line);margin-top:8px}
.media-simulate>.row{gap:6px;padding-bottom:12px}
.media-simulate .btn{font-size:10px;padding:5px 8px;min-height:28px!important}
.media-support-orders .list-item{padding:10px 0}
.media-feed-post{border-bottom:1px solid var(--line);padding:16px 0;min-width:0}
.media-feed-author{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.media-author-avatar{height:35px;width:35px;display:grid;place-items:center;background:#586861;border-radius:50%;font-size:16px;color:#f4f1df;flex:none}
.media-feed-author>div{flex:1;min-width:0}
.media-feed-author strong{font-size:12px;font-weight:600;display:block}
.media-feed-author small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.media-feed-author>.btn{font-size:11px;min-height:27px!important;padding:4px 10px;border-radius:16px;color:var(--accent)}
.media-feed-post h2{font-size:14px!important;margin:8px 0;line-height:1.5}
.media-post-text{font-size:13px;line-height:1.9;margin:8px 0 14px;color:#c6c6c6}
.media-post-actions{gap:7px}
.media-post-actions .btn{font-size:10px;padding:5px 7px;min-height:28px!important;background:transparent;border-color:transparent;color:var(--muted)}
.media-compose{margin-top:12px;border:1px solid var(--line);border-radius:6px;padding:12px}
.media-compose>summary{cursor:pointer;color:var(--accent);list-style:none}
.media-compose form{padding-top:15px}
.media-community>.panel,.media-community .media-feed>.panel{padding:12px 0!important;background:none;border:0;border-radius:0}
.media-studio{gap:14px}
.media-studio .panel{padding:14px!important;border-radius:6px;box-shadow:none}
.media-studio .panel h2{font-size:15px!important}
.media-studio .stats{gap:0;border-bottom:1px solid var(--line)}
.media-studio .stat{padding:12px 8px!important;background:none;border:0;text-align:center}
.media-studio .stat strong{font-size:22px}
.media-studio .stat span{font-size:10px}
.media-studio .notice{font-size:11px;padding:9px 11px;border-radius:4px}
.media-studio .stack{gap:12px}
.media-studio .media-work{background:none;border:0;border-bottom:6px solid #202020;border-radius:0;padding:14px 0!important}
.media-studio .media-episode-list{gap:7px}
.media-studio .media-episode-list>h3{font-size:13px}
.media-studio .media-details,.media-studio .media-episode{border-radius:4px}
.media-studio .media-details>summary,.media-studio .media-episode>summary{padding:11px 0;font-size:12px}
.media-studio .media-work-header{gap:8px}
@media(min-width:700px){.media-book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.media-fund-summary{grid-template-columns:110px minmax(0,1fr)}.media-fund-info h2{font-size:17px!important}.media-fund-expand>summary{padding-left:124px}}
.media-book-grid>.stack{display:contents}
.media-feed>.stack{display:block}
.media-fund-project .empty{padding:18px 10px;background:none;font-size:12px}
.media-create{border-bottom:1px solid var(--line);padding:4px 0 12px}
.media-create>summary{list-style:none;color:var(--accent);font-weight:600;cursor:pointer;padding:6px 0}
.media-create form{padding-top:16px}
.media-studio form{gap:12px}
.media-studio label{font-size:12px}
.media-studio input,.media-studio select{padding:10px 12px;font-size:13px}
.media-studio textarea{min-height:90px;font-size:13px}
.media-studio .btn{font-size:12px;padding:9px 12px}

/* Drama detail, observed source hero/tabs/episode-grid/footer proportions. */
.drama-detail-page{position:relative;padding:0 0 80px;min-width:0;--detail-yellow:#ffe033}
.drama-detail-share{display:flex;justify-content:flex-end;height:0;position:relative;z-index:2;top:-39px;pointer-events:none}
.drama-detail-share .btn{pointer-events:auto;background:none;border:0;font-size:22px;padding:0 4px;min-height:25px;color:#eee;line-height:1}
.drama-detail-hero{display:grid;grid-template-columns:122px minmax(0,1fr);gap:15px;align-items:start;padding:5px 0 15px}
.drama-detail-poster{min-width:0}
.drama-detail-poster .cover{aspect-ratio:122/162;height:auto!important;border-radius:6px;min-height:0}
.drama-detail-poster .cover img{width:100%;height:100%;object-fit:cover}
.drama-detail-poster .cover-label,.drama-detail-poster .cover-meta,.drama-detail-poster .cover-play{display:none!important}
.drama-detail-poster .cover-no{font-size:50px!important;bottom:12px}
.drama-detail-meta{min-width:0}
.drama-detail-meta h1{font-size:20px!important;line-height:1.4;margin:0 0 8px!important;letter-spacing:0;overflow-wrap:anywhere}
.drama-detail-tags{display:flex;gap:7px;flex-wrap:wrap}
.drama-detail-tags>span{font-size:11px;color:#191500;background:var(--detail-yellow);border-radius:4px;padding:2px 8px;line-height:1.4}
.drama-detail-status{color:#a2a5ad;font-size:12px;margin:12px 0 8px}
.drama-detail-description{font-size:12px;line-height:1.85;color:#a2a5ad;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.drama-detail-benefits{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid #c5a95d;border-radius:18px;background:linear-gradient(110deg,#40371f,#1e1b12 55%,#31240e);margin:0 0 15px}
.drama-detail-benefits-icon{display:grid;place-items:center;width:44px;height:46px;flex:none;border-radius:12px;background:linear-gradient(#fff09a,#f0c64c);font-size:25px;color:#3e2d03}
.drama-detail-benefits>div{display:grid;min-width:0;gap:2px;flex:1}
.drama-detail-benefits small{font-size:9px;color:#ebc45c;letter-spacing:1px;white-space:nowrap}
.drama-detail-benefits strong{font-size:13px;color:#fff0bf}
.drama-detail-benefits div>span{font-size:10px;color:#aca592}
.drama-detail-benefits>.btn{font-size:11px;padding:9px 10px;border-radius:12px;flex:none;min-height:36px;color:#241900;background:#ffe033;border-color:#ffe033}
.drama-detail-purchase{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px;color:#a4a4a4;font-size:11px}
.drama-detail-purchase>.btn{font-size:11px;color:var(--detail-yellow);padding:6px 10px}
.drama-detail-radio{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}
.drama-detail-tabs{display:flex;border-bottom:1px solid #272727;gap:28px;margin-bottom:14px}
.drama-detail-tabs>label{font-size:16px;cursor:pointer;color:#9298a2;position:relative;padding:4px 0 12px;display:block;font-weight:600}
#detail-episodes:checked~.drama-detail-tabs label[for=detail-episodes],#detail-discussion:checked~.drama-detail-tabs label[for=detail-discussion]{color:#f4f4f4}
#detail-episodes:checked~.drama-detail-tabs label[for=detail-episodes]:after,#detail-discussion:checked~.drama-detail-tabs label[for=detail-discussion]:after{content:'';position:absolute;height:3px;background:var(--detail-yellow);left:0;right:0;bottom:0;border-radius:2px}
.drama-detail-radio:focus-visible~.drama-detail-tabs{outline:1px solid var(--detail-yellow);outline-offset:3px}
.drama-detail-discussion-panel{display:none}
#detail-discussion:checked~.drama-detail-episode-panel{display:none}
#detail-discussion:checked~.drama-detail-discussion-panel{display:block}
.drama-detail-episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-width:0}
.drama-detail-episode{aspect-ratio:1;display:grid;place-items:center;background:#171717;border:1px solid #292929;border-radius:10px;font-size:17px;font-weight:650;position:relative;min-width:0;color:#f4f4f4}
.drama-detail-episode.is-first{background:#29260d;border-color:#827813;color:#fff}
.drama-detail-episode.is-first>i{position:absolute;bottom:9px;width:18px;height:3px;background:var(--detail-yellow);border-radius:4px}
.drama-detail-episode-badge{position:absolute;right:0;top:0;border-radius:0 8px 0 5px;background:var(--detail-yellow);color:#242004;font-weight:400;font-size:9px;padding:1px 4px}
.drama-detail-like{margin-top:17px;text-align:right}
.drama-detail-like>.btn{font-size:11px;padding:5px 9px;background:none;color:#999}
.drama-detail-like>.btn.is-liked{color:var(--detail-yellow)}
.drama-detail-footer{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,750px);padding:12px 15px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:13px;border-top:1px solid #292929;background:#101010;box-sizing:border-box}
.drama-detail-footer>.drama-detail-favorite,.drama-detail-service{font-size:12px;padding:5px 0;background:none;border:0;color:#ddd;min-width:47px;text-align:center;white-space:nowrap}
.drama-detail-footer>.drama-detail-play{flex:1;min-width:0;border-radius:30px;background:#ffe033;border-color:#ffe033;color:#171400;box-shadow:0 0 20px #ffe03325;font-size:15px;text-align:center;padding:13px 8px;white-space:nowrap}
.drama-detail-comment{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.drama-detail-comment>small{font-size:10px;color:var(--muted)}
[data-layout=wide] .drama-detail-footer{width:min(850px,calc(100% - 270px));left:calc(50% + 110px)}
@media(max-width:350px){.drama-detail-hero{grid-template-columns:100px minmax(0,1fr);gap:11px}.drama-detail-meta h1{font-size:18px!important}.drama-detail-benefits{padding:11px 8px;gap:7px}.drama-detail-benefits-icon{width:34px}.drama-detail-benefits>.btn{padding:8px;font-size:10px}.drama-detail-benefits small{font-size:8px;letter-spacing:.5px}.drama-detail-footer{gap:8px;padding-left:11px;padding-right:11px}.drama-detail-footer>.drama-detail-play{font-size:13px}}
/* AiDramaDetail's own entry mapDeps[151], index-BkCzgNVI.css. */
:root[data-layout=source] [data-page=detail] .main{padding:0!important;overflow:hidden;height:100dvh}
:root[data-layout=source] .drama-detail-page{height:100dvh;padding:0;display:flex;flex-direction:column;background:#000;color:#fff;overflow:hidden}
:root[data-layout=source] .drama-detail-share{position:relative;top:auto;height:calc(var(--source-rem)*1.28 + env(safe-area-inset-top,0px));min-height:calc(var(--source-rem)*1.28 + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(var(--source-rem)*.32) 0;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;flex-shrink:0}
:root[data-layout=source] .drama-detail-share :is(.source-back,.btn){display:grid;place-items:center;width:calc(var(--source-rem)*.85333);height:calc(var(--source-rem)*.85333);min-height:0;line-height:1;padding:0;margin:0;font-size:calc(var(--source-rem)*.64);border:0;background:none;color:#fff}
.drama-detail-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}
:root[data-layout=source] .drama-detail-scroll{flex:1;padding:0 calc(var(--source-rem)*.32) calc(var(--source-rem)*.32)}
:root[data-layout=source] .drama-detail-hero{display:flex;gap:calc(var(--source-rem)*.32);padding:0;min-width:0}
:root[data-layout=source] .drama-detail-poster{width:calc(var(--source-rem)*2.56);height:calc(var(--source-rem)*3.41333);flex:0 0 calc(var(--source-rem)*2.56);border-radius:calc(var(--source-rem)*.21333);overflow:hidden}
:root[data-layout=source] .drama-detail-poster .cover{height:100%!important;aspect-ratio:auto;border-radius:0}
:root[data-layout=source] .drama-detail-meta{flex:1;min-width:0}
:root[data-layout=source] .drama-detail-meta h1{font-size:calc(var(--source-rem)*.48)!important;font-weight:700;line-height:1.35;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root[data-layout=source] .drama-detail-tags{gap:calc(var(--source-rem)*.16);margin-top:calc(var(--source-rem)*.21333)}
:root[data-layout=source] .drama-detail-tags>span{font-size:calc(var(--source-rem)*.32);padding:calc(var(--source-rem)*.05333) calc(var(--source-rem)*.21333);border-radius:calc(var(--source-rem)*.10667);line-height:1.4}
:root[data-layout=source] .drama-detail-status{font-size:calc(var(--source-rem)*.34667);margin:calc(var(--source-rem)*.21333) 0 0;color:#9ca3af}
:root[data-layout=source] .drama-detail-description{font-size:calc(var(--source-rem)*.32);line-height:1.5;margin:calc(var(--source-rem)*.21333) 0 0;color:#9ca3af}
:root[data-layout=source] .drama-detail-benefits{margin:calc(var(--source-rem)*.21333) 0 calc(var(--source-rem)*.26667);padding:calc(var(--source-rem)*.26667) calc(var(--source-rem)*.26667) calc(var(--source-rem)*.26667) calc(var(--source-rem)*.32);min-height:calc(var(--source-rem)*1.81333);gap:calc(var(--source-rem)*.26667);border-radius:calc(var(--source-rem)*.37333);background:radial-gradient(circle at 12% 0,#ffd78029,transparent 42%),linear-gradient(112deg,#251d13,#16110c 58%,#241809);border-color:#b98a32}
:root[data-layout=source] .drama-detail-benefits-icon{width:calc(var(--source-rem)*1.06667);height:calc(var(--source-rem)*1.06667);border-radius:calc(var(--source-rem)*.32);font-size:calc(var(--source-rem)*.48)}
:root[data-layout=source] .drama-detail-benefits small{font-size:calc(var(--source-rem)*.21333);letter-spacing:.12em;line-height:1}
:root[data-layout=source] .drama-detail-benefits strong{font-size:calc(var(--source-rem)*.34667);line-height:1.25}
:root[data-layout=source] .drama-detail-benefits div>span{font-size:calc(var(--source-rem)*.26667);line-height:1.25}
:root[data-layout=source] .drama-detail-benefits>.btn{font-size:calc(var(--source-rem)*.29333);min-height:calc(var(--source-rem)*.96);min-width:calc(var(--source-rem)*2.02667);padding:0 calc(var(--source-rem)*.29333);border-radius:calc(var(--source-rem)*.26667);background:linear-gradient(#ffe566,#ffd000 48%,#f0b800);font-weight:800}
:root[data-layout=source] .drama-detail-content{margin-top:calc(var(--source-rem)*.48)}
:root[data-layout=source] .drama-detail-tabs{position:sticky;top:0;z-index:6;background:#000;gap:calc(var(--source-rem)*.64);margin:0 calc(var(--source-rem)*-.32) calc(var(--source-rem)*.32);padding:0 calc(var(--source-rem)*.32);border-color:#2c2c2c}
:root[data-layout=source] .drama-detail-tabs>label{font-size:calc(var(--source-rem)*.4);padding:0 0 calc(var(--source-rem)*.26667);margin:0}
:root[data-layout=source] .drama-detail-tabs>label:after{height:calc(var(--source-rem)*.05333)!important}
:root[data-layout=source] .drama-detail-episode-grid{gap:calc(var(--source-rem)*.26667);grid-template-columns:repeat(auto-fill,minmax(calc(var(--source-rem)*1.38667),1fr))}
:root[data-layout=source] .drama-detail-episode{font-size:calc(var(--source-rem)*.4);border-radius:calc(var(--source-rem)*.21333);border-color:#2c2c2c;background:#1a1a1a;font-weight:600}
:root[data-layout=source] .drama-detail-episode.is-first{background:#2a2418;border-color:#ffc61573}
:root[data-layout=source] .drama-detail-episode.is-first>i{bottom:calc(var(--source-rem)*.16);width:calc(var(--source-rem)*.37333);height:calc(var(--source-rem)*.08)}
:root[data-layout=source] .drama-detail-episode-badge{font-size:calc(var(--source-rem)*.24);font-weight:700;line-height:1.2;padding:calc(var(--source-rem)*.02667) calc(var(--source-rem)*.10667);border-radius:0 calc(var(--source-rem)*.21333) 0 calc(var(--source-rem)*.16)}
:root[data-layout=source] .drama-detail-footer{position:static;width:100%;transform:none;left:auto;bottom:auto;flex-shrink:0;gap:calc(var(--source-rem)*.26667);padding:calc(var(--source-rem)*.26667) calc(var(--source-rem)*.32) max(calc(var(--source-rem)*.26667),env(safe-area-inset-bottom));background:#000;border-color:#ffffff14}
:root[data-layout=source] .drama-detail-footer :is(.drama-detail-favorite,.drama-detail-service){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(var(--source-rem)*.05333);width:calc(var(--source-rem)*1.38667);min-width:0;font-size:calc(var(--source-rem)*.29333);padding:0;line-height:1.1}
.drama-detail-footer :is(.drama-detail-favorite,.drama-detail-service)>span{display:block;line-height:1}
.drama-detail-footer :is(.drama-detail-favorite,.drama-detail-service) svg{width:calc(var(--source-rem,39px)*.53333);height:calc(var(--source-rem,39px)*.53333)}
.drama-detail-footer :is(.drama-detail-favorite,.drama-detail-service)>small{font-size:inherit}
:root[data-layout=source] .drama-detail-footer>.drama-detail-play{font-size:calc(var(--source-rem)*.4);height:calc(var(--source-rem)*1.17333);display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;background:linear-gradient(90deg,#ffe033,#e6c100);border:0}
@media(max-width:360px){:root[data-layout=source] .drama-detail-poster{flex-basis:calc(var(--source-rem)*2.13333);width:calc(var(--source-rem)*2.13333);height:calc(var(--source-rem)*2.88)}:root[data-layout=source] .drama-detail-meta h1{font-size:calc(var(--source-rem)*.42667)!important}:root[data-layout=source] .drama-detail-episode-grid{gap:calc(var(--source-rem)*.21333);grid-template-columns:repeat(auto-fill,minmax(calc(var(--source-rem)*1.17333),1fr))}}
.drama-detail-price{display:flex;align-items:center;gap:calc(var(--source-rem,39px)*.16);margin:calc(var(--source-rem,39px)*.26667) 0;min-height:calc(var(--source-rem,39px)*1.44);border:1px solid #d8bc67;border-radius:calc(var(--source-rem,39px)*.32);padding:calc(var(--source-rem,39px)*.13333);background:linear-gradient(100deg,#292219,#17130d);min-width:0}
.drama-detail-price-lead{display:flex;align-items:center;gap:calc(var(--source-rem,39px)*.10667);flex:1;min-width:0}
.drama-detail-price-lead>span{color:#f8d96b;font-size:calc(var(--source-rem,39px)*.48);padding:0 calc(var(--source-rem,39px)*.08)}
.drama-detail-price-lead strong{font-size:calc(var(--source-rem,39px)*.32);line-height:1.15;white-space:nowrap;flex-shrink:0}
.drama-detail-price-lead small{font-size:calc(var(--source-rem,39px)*.26667);line-height:1.25;color:#ffffff8c;border-left:1px solid #ffffff47;padding-left:calc(var(--source-rem,39px)*.21333);white-space:nowrap}
.drama-detail-price-actions{display:flex;gap:calc(var(--source-rem,39px)*.13333);align-self:stretch;flex:1.1;min-width:0}
.drama-detail-price-actions :is(.btn,a,.drama-detail-price-done){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--source-rem,39px)*.02667);flex:1;min-width:0;padding:calc(var(--source-rem,39px)*.18667) calc(var(--source-rem,39px)*.16);border-radius:calc(var(--source-rem,39px)*.24);border:1px solid #ffffff24;background:linear-gradient(#3a3530,#2a2622);color:#fff;text-align:center;white-space:nowrap;line-height:1.1}
.drama-detail-price-actions strong{font-size:calc(var(--source-rem,39px)*.37333);font-weight:800}
.drama-detail-price-actions em{font-size:calc(var(--source-rem,39px)*.26667);font-style:normal;color:#ffffff8c}
.drama-detail-price-actions .drama-detail-price-vip{background:linear-gradient(#ffe566,#ffd000 48%,#f0b800);border-color:#fc3;color:#2a1c00}
.drama-detail-price-actions .drama-detail-price-vip em{color:#5a4200;opacity:.72}
.drama-detail-price-actions .drama-detail-price-done{font-size:calc(var(--source-rem,39px)*.32);color:#ffe033}
.drama-detail-reminder{margin-top:calc(var(--source-rem,39px)*.48)}
.drama-detail-reminder h2{display:flex;align-items:center;gap:calc(var(--source-rem,39px)*.16);font-size:calc(var(--source-rem,39px)*.42667);font-weight:700;margin:0 0 calc(var(--source-rem,39px)*.26667)}
.drama-detail-reminder h2 i{width:calc(var(--source-rem,39px)*.08);height:calc(var(--source-rem,39px)*.37333);border-radius:2px;background:var(--accent)}
.drama-detail-reminder>div{display:grid;gap:calc(var(--source-rem,39px)*.26667);padding:calc(var(--source-rem,39px)*.32);border:1px solid #ffe03324;border-radius:calc(var(--source-rem,39px)*.26667);background:#ffffff0f}
.drama-detail-reminder>div>div{display:flex;align-items:center;gap:calc(var(--source-rem,39px)*.21333);min-width:0}
.drama-detail-reminder>div>div>span{display:grid;place-items:center;flex-shrink:0;width:calc(var(--source-rem,39px)*.74667);height:calc(var(--source-rem,39px)*.74667);border:1px solid #ffc61573;border-radius:calc(var(--source-rem,39px)*.16);color:var(--accent);font-size:calc(var(--source-rem,39px)*.48)}
.drama-detail-reminder svg{width:calc(var(--source-rem,39px)*.48);height:calc(var(--source-rem,39px)*.48)}
.drama-detail-reminder p{flex:1;min-width:0;margin:0;color:#e5e7eb;font-size:calc(var(--source-rem,39px)*.34667);line-height:1.4}
.drama-detail-reminder strong{color:var(--accent)}
.drama-detail-reminder .btn{flex-shrink:0;background:var(--accent);border:0;color:#241900;border-radius:calc(var(--source-rem,39px)*.16);font-size:calc(var(--source-rem,39px)*.32);font-weight:700;height:calc(var(--source-rem,39px)*.74667);padding:0 calc(var(--source-rem,39px)*.26667);line-height:1}
:root[data-layout=source][data-download=true] [data-page=detail] .main,:root[data-layout=source][data-download=true] .drama-detail-page{height:calc(100dvh - var(--source-guide-height))}
/* Crowdfund Hall: hall-DqOyF6Vm.css, feature carousel + two-column cards. */
.media-fund-featured{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px}
.media-fund-featured::-webkit-scrollbar{display:none}
.media-fund-feature{display:flex;flex:0 0 100%;scroll-snap-align:start;gap:calc(var(--source-rem,39px)*0.32);height:calc(var(--source-rem,39px)*4.6933);max-height:253px;min-height:176px;border:1px solid #ffffff14;border-radius:calc(var(--source-rem,39px)*0.3733);background:#141414;padding:calc(var(--source-rem,39px)*0.32);overflow:hidden}
.media-fund-feature-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:start}
.media-fund-feature-copy h2{font-size:calc(var(--source-rem,39px)*0.4266)!important;line-height:1.3;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.media-fund-feature-copy p{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.media-fund-feature-copy p>span,.media-fund-feature-copy p>small{border-radius:20px;background:#ffffff1a;color:#ffffffb8;padding:2px 7px;font-size:calc(var(--source-rem,39px)*0.2666)}
.media-fund-feature-copy p>span{background:var(--accent);color:#1a1400}
.media-fund-feature-copy>div{color:#ffffff8c;font-size:calc(var(--source-rem,39px)*0.32);line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.media-fund-feature-copy>strong{margin-top:auto;background:var(--accent);color:#1a1400;border-radius:30px;font-size:calc(var(--source-rem,39px)*0.3466);padding:6px 12px;white-space:nowrap}
.media-fund-feature-art{width:calc(var(--source-rem,39px)*2.9866);max-width:161px;flex:none;overflow:hidden;border-radius:10px}
.media-fund-feature-art .media-art{height:100%;aspect-ratio:auto}
.media-fund-hall{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--source-rem,39px)*0.2666)}
.media-fund-hall .media-fund-card{padding:0;border:1px solid #ffffff14;background:#141414;border-radius:calc(var(--source-rem,39px)*0.32);overflow:hidden;align-self:start}
.media-fund-hall .media-fund-summary{display:flex;flex-direction:column;gap:0}
.media-fund-hall .media-fund-cover{width:100%}
.media-fund-hall .media-fund-cover .media-art{aspect-ratio:3/4;border-radius:0}
.media-fund-hall .media-fund-info{width:100%;padding:calc(var(--source-rem,39px)*0.2133);display:flex;flex-direction:column}
.media-fund-hall .media-fund-info h2{font-size:calc(var(--source-rem,39px)*0.3466)!important;padding:0;margin:0 0 8px;line-height:1.35}
.media-fund-hall .media-status{position:static;align-self:start;font-size:10px;padding:2px 6px;border-radius:20px;background:#ffe033;color:#1a1400;margin-bottom:7px}
.media-fund-hall .media-fund-progress{font-size:calc(var(--source-rem,39px)*0.2666)}
.media-fund-hall .media-fund-price{margin-top:7px}
.media-fund-hall .media-fund-price strong{font-size:calc(var(--source-rem,39px)*0.32)}
.media-fund-hall .media-fund-price>span{border:0;padding:0;font-size:10px;color:#ffffff80}
.media-fund-hall .media-fund-expand>summary{padding:10px;font-size:11px}
.media-fund-hall .media-fund-expand[open]{grid-column:1/-1}
.media-fund-hall .media-tiers{display:flex!important;flex-direction:column;padding:0 8px}
.media-fund-hall .media-support-orders{padding:0 8px}
.media-fund-orders{color:var(--accent)!important;background:none!important;border:0!important;white-space:nowrap!important}
.media-reader-preferences{min-width:0}
.media-reader-preferences>summary{cursor:pointer;list-style:none;padding:10px 14px;border:1px solid #2f2a2033;border-radius:9px;background:#fff8ea;color:#2f2a20;width:fit-content}
.media-reader-preferences[open]>summary{position:relative;z-index:86}
.media-reader-preferences[open]>summary:before{content:'';position:fixed;inset:0;z-index:-1;background:#0005}
.media-reader-drawer{position:fixed;z-index:87;top:0;bottom:0;right:max(0px,calc((100vw - var(--source-rem,54px)*10)/2));width:min(84vw,calc(var(--source-rem,39px)*9.6));overflow:auto;background:#f8f2e7;color:#2f2a20;border-left:1px solid #2f2a201f;padding:20px 14px;box-shadow:-15px 0 60px #0003}
.media-reader-drawer h2{font-size:19px!important;margin:0 0 24px}
.media-reader-drawer form{padding:14px;background:#fff9ee;border:1px solid #2f2a201f;border-radius:12px}
.media-reader-drawer label{color:#2f2a20}
.media-reader-drawer select{color:#2f2a20;background:#fff;border-color:#2f2a2033}
.media-reader-drawer>p{font-size:12px;color:#2f2a20b3;line-height:1.7;margin:20px 0}
.media-funding .media-tabs{border:0;gap:calc(var(--source-rem,39px)*.16);padding:0 0 10px}
.media-funding .media-tabs>.btn{height:calc(var(--source-rem,39px)*.8);min-height:0!important;padding:0 calc(var(--source-rem,39px)*.32)!important;border-radius:30px!important;background:#ffffff0f!important;font-size:calc(var(--source-rem,39px)*.34667)}
.media-funding .media-tabs>.btn.active{background:var(--accent)!important;color:#1a1400}
.media-funding .media-tabs>.btn.active:after{display:none}
.media-reader-preferences[open]>summary{position:fixed;top:14px;right:calc(max(0px,(100vw - var(--source-rem,54px)*10)/2) + 14px);z-index:88;font-size:0;width:34px;height:34px;padding:0;border:0;background:transparent}
.media-reader-preferences[open]>summary:after{content:'×';display:grid;place-items:center;font-size:24px;color:#2f2a20;width:34px;height:34px}
.media-reader-preferences[data-theme=dark] .media-reader-drawer{background:#181a1f;color:#f2f2f2}
.media-reader-preferences[data-theme=dark] .media-reader-drawer form{background:#202229;border-color:#ffffff1f}
.media-reader-preferences[data-theme=dark] .media-reader-drawer :is(label,select){color:#f2f2f2}
.media-reader-preferences[data-theme=dark] .media-reader-drawer select{background:#15171c;border-color:#ffffff33}
.media-reader-preferences[data-theme=dark] .media-reader-drawer>p{color:#f2f2f2ad}
.media-reader-preferences[data-theme=dark][open]>summary:after{color:#f2f2f2}
.media-reader-preferences[open]>summary:before{display:none}
.media-reader-preferences[open]:before{content:'';position:fixed;inset:0;z-index:86;background:#0005}

.drama-detail-share svg{width:calc(var(--source-rem,39px)*.53333);height:calc(var(--source-rem,39px)*.53333)}
.drama-detail-like{display:none}.drama-detail-scroll:has(#detail-discussion:checked) .drama-detail-like{display:block}
:root[data-layout=source] .drama-detail-reminder .btn{min-height:0;height:calc(var(--source-rem)*.74667);border-radius:calc(var(--source-rem)*.16);padding:0 calc(var(--source-rem)*.26667);font-size:calc(var(--source-rem)*.32);line-height:1}