/* KissPHP v1.3: keep original purple/green unchanged; optional extra themes. */
html[data-theme="midnight-blue"]{color-scheme:dark;--bg:#111927;--surface:#202b3d;--surface2:#2a384f;--fg:#f6f9ff;--muted:#b3c2d8;--line:#ffffff23;--nav:#101a2b;--accent:#80cbc4;--accent-alt:#536dfe;--kh-primary:#3949ab;--kh-on-primary:#fff;--kh-primary-hover:#5c6bc0;--shadow:0 2px 8px #0008}
html[data-theme="ocean-teal"]{color-scheme:dark;--bg:#152b2a;--surface:#20403d;--surface2:#2b504b;--fg:#f4fffc;--muted:#c4dbd5;--line:#ffffff2b;--nav:#0e2424;--accent:#64ffda;--accent-alt:#00897b;--kh-primary:#00796b;--kh-on-primary:#fff;--kh-primary-hover:#009688;--shadow:0 2px 8px #0007}
html[data-theme="warm-sand"]{color-scheme:light;--bg:#f6f3ec;--surface:#fffdf9;--surface2:#ebe5d9;--fg:#28241e;--muted:#685f51;--line:#37271623;--nav:#5d4037;--accent:#b45f2b;--accent-alt:#795548;--kh-primary:#6d4c41;--kh-on-primary:#fff;--kh-primary-hover:#8d6e63;--shadow:0 2px 8px #3525131b}
html[data-theme="warm-sand"] .kh-toolbar,html[data-theme="midnight-blue"] .kh-toolbar,html[data-theme="ocean-teal"] .kh-toolbar{background:var(--nav)!important;color:#fff!important}
html[data-theme="warm-sand"] .kh-toolbar .nav-link,html[data-theme="midnight-blue"] .kh-toolbar .nav-link,html[data-theme="ocean-teal"] .kh-toolbar .nav-link{color:#fff!important}
html[data-theme="warm-sand"] .kh-boot-spinner-stroke,html[data-theme="warm-sand"] .kh-route-spinner-path{stroke:#554537}
.kh-theme-separator{height:1px;background:var(--line,#444);border:0;margin:6px 8px}
/* Default KissKH purple-green color palette remains #303030 / #424242 / #69f0ae. */
.kh-theme-menu{max-height:min(68vh,390px);overflow-y:auto;overscroll-behavior:contain}
.kh-theme-menu button{min-height:38px}
/* Layout stability for lazy images: placeholder never shifts cards. */
.kh-card-img{contain:layout paint;position:relative}
.kh-card-img img.kh-img-lazy{width:100%;height:100%;object-fit:cover;transition:opacity .23s ease;will-change:auto}
.kh-card-img img.kh-img-lazy.lazyloaded{opacity:1}
.kh-card-img img.kh-img-lazy.kh-img-error{opacity:.75}
/* Keep content as responsive as original and avoid horizontal scroll. */
.kh-content,.kh-drama-grid,.kh-drama-left,.kh-drama-right,.kh-v12-player-col{min-width:0}
.kh-v12-episode-buttons{max-width:100%;overflow-wrap:anywhere}
.kh-carousel-row{overscroll-behavior-inline:contain;scrollbar-width:thin;scroll-snap-type:x proximity}
.kh-carousel-row .kh-card{scroll-snap-align:start}
.kh-drama-left iframe{max-width:100%}
@media(max-width:767px){.kh-drama-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.kh-drama-grid .kh-drama-left,.kh-drama-grid .kh-drama-right{width:100%!important;max-width:100%!important;min-width:0!important}.kh-player{width:100%;aspect-ratio:16 / 9}.kh-home-section .kh-section-title{gap:6px}.kh-content{padding-inline:10px!important}.kh-carousel-row .kh-card{min-width:150px}}
@media(max-width:390px){.kh-player-icons{gap:3px}.kh-v12-actions{flex-wrap:wrap}.kh-theme-menu{max-width:min(94vw,300px)}}
@media(prefers-reduced-motion:reduce){.kh-card-img img.kh-img-lazy{transition:none}.kh-carousel-row{scroll-behavior:auto;scroll-snap-type:none}}


/* KissPHP v1.4: nonblocking player and account panel — placed after compiled legacy rules. */
.kh-v12-player iframe[hidden],.kh-v14-player-poster[hidden],.kh-v14-player-status[hidden]{display:none!important}
.kh-v14-player-poster{position:absolute;inset:0;z-index:3;background:#090909;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:#fff;text-align:center}
.kh-v14-player-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;filter:brightness(.65);z-index:-1}
.kh-v14-start-player{z-index:5;display:inline-flex;align-items:center;gap:9px;background:#69f0ae;color:#111;border:0;border-radius:5px;padding:11px 20px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 3px 15px #0008}
.kh-v14-start-player .material-icons{font-size:23px}.kh-v14-start-player:hover,.kh-v14-start-player:focus-visible{filter:brightness(1.08)}
.kh-v14-player-poster small{color:#ddd;font-size:11px;max-width:90%}
.kh-v14-player-status{position:absolute;left:8px;bottom:8px;right:8px;z-index:18;border-radius:4px;background:#000c;color:#fff;text-align:center;padding:8px 12px;font-size:12px;pointer-events:none}
.kh-player-busy .kh-v14-player-status:before{content:'';display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #fff4;border-top-color:#69f0ae;border-radius:50%;vertical-align:-3px;animation:kh-spin .7s linear infinite}
@keyframes kh-spin{to{transform:rotate(360deg)}}
.kh-account-v14{max-width:1180px;margin:16px auto;padding:8px 16px 40px}.kh-account-v14>h1{font-size:23px;font-weight:500;margin:14px 0}
.kh-account-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 18px;border-bottom:1px solid #80808044}
.kh-account-tabs a{padding:11px 14px;color:var(--fg,#fff);text-decoration:none}
.kh-account-tabs a[aria-current=page]{color:var(--accent,#69f0ae);border-bottom:2px solid currentColor}
.kh-account-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.kh-account-media-item{background:var(--surface,#424242);border-radius:5px;overflow:hidden;min-width:0}
.kh-account-media-item>a{display:block;position:relative;aspect-ratio:16/9;background:#222}.kh-account-media-item>a img{width:100%;height:100%;object-fit:cover}
.kh-account-ep{position:absolute;bottom:6px;right:7px;background:#000b;color:#fff;font-size:11px;padding:4px 7px;border-radius:2px}
.kh-account-media-item>div{padding:12px}.kh-account-media-item h2{font-size:14px;font-weight:500;line-height:1.35;margin:0 0 8px}.kh-account-media-item h2 a{color:inherit}
.kh-account-media-item p{font-size:12px;color:var(--muted,#aaa);min-height:18px;margin:0 0 12px}.kh-account-resume{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent,#69f0ae)}
.kh-account-unfavorite{color:inherit;background:transparent;border:1px solid #8889;padding:5px 9px;border-radius:3px;cursor:pointer;font-size:12px}
.kh-profile-panel{display:flex;align-items:center;gap:16px;padding:14px;background:var(--surface,#424242);border-radius:5px}.kh-profile-avatar .material-icons{font-size:74px;color:var(--accent,#69f0ae)}.kh-profile-panel h2{margin:0 0 7px}.kh-profile-panel p{margin:0;opacity:.7}
.kh-profile-editor{margin:14px 0}.kh-profile-editor form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.kh-profile-editor label{flex:1;min-width:200px}.kh-profile-editor input{display:block;min-width:100%;padding:9px;margin-top:6px}
.kh-account-provider{display:flex;justify-content:space-between;gap:15px;padding:12px 4px;border-bottom:1px solid #8883}
.kh-v14-boot-custom{width:112px;height:112px;object-fit:contain;animation:kh-v14-breathe 1.35s ease-in-out infinite}@keyframes kh-v14-breathe{50%{opacity:.68;transform:scale(.94)}}
@media(max-width:650px){.kh-account-v14{padding:5px 10px 26px}.kh-account-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kh-account-media-item>div{padding:9px}.kh-account-tabs a{padding:9px 10px;font-size:12px}.kh-profile-editor form{display:block}.kh-v14-start-player{font-size:13px;padding:10px 15px}}
@media(max-width:360px){.kh-account-media-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kh-v14-boot-custom{animation:none}.kh-player-busy .kh-v14-player-status:before{animation:none}}
.kh-v14-player-poster{isolation:isolate}
.kh-v14-player-cover{z-index:0}
.kh-v14-start-player,.kh-v14-player-poster small{position:relative;z-index:1}

/* v1.7 — cross-document navigation, default Theme and consistent responsive cards. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:kh-v17-out .16s ease-out both}
::view-transition-new(root){animation:kh-v17-in .16s ease-out both}
@keyframes kh-v17-out{to{opacity:.65;transform:translateX(-6px)}}
@keyframes kh-v17-in{from{opacity:.8;transform:translateX(6px)}}
.kh-top-editor .kh-top-add{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-top:16px}
.kh-top-editor .kh-top-add label{flex:1;min-width:210px}
.kh-top-editor .kh-top-add select{max-width:100%}
.kh-v12-info-col,.kh-v12-info-card,.kh-v12-player-col{min-width:0}
.kh-v12-description-body{overflow-wrap:anywhere}
@media(max-width:767px){.kh-top-editor .kh-top-add{display:block}.kh-top-editor .kh-top-add .btn{margin-top:10px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* v1.8 — reference header order, compact Material controls and consistent mobile drawer. */
.kh-toolbar[data-kh-header-version="1.8"]{min-height:64px;align-items:center;gap:3px;padding-inline:clamp(8px,1vw,16px)}
.kh-toolbar[data-kh-header-version="1.8"] .nav-logo{display:inline-flex;align-items:center;flex-shrink:0;max-width:145px}
.kh-toolbar[data-kh-header-version="1.8"] .nav-logo img{display:block;height:auto;max-height:42px;object-fit:contain}
.kh-toolbar[data-kh-header-version="1.8"] .kh-links{display:flex;align-items:center;flex-wrap:nowrap;gap:0}
.kh-toolbar[data-kh-header-version="1.8"] .nav-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-height:38px;border-radius:4px;transition:background-color .18s ease,color .18s ease}
.kh-toolbar[data-kh-header-version="1.8"] .nav-link:hover,.kh-toolbar[data-kh-header-version="1.8"] .nav-link:focus-visible{background:rgba(255,255,255,.10)}
.kh-toolbar[data-kh-header-version="1.8"] .nav-link.selected{background:rgba(255,255,255,.13)}
.kh-toolbar[data-kh-header-version="1.8"] .kh-signin{white-space:nowrap;border:1px solid currentColor;border-radius:4px;padding:6px 11px;display:inline-flex;align-items:center;gap:4px;max-width:210px}
.kh-toolbar[data-kh-header-version="1.8"] .kh-search-open{display:inline-flex;align-items:center;gap:5px}
.kh-toolbar[data-kh-header-version="1.8"] .kh-theme-menu{z-index:1005;min-width:200px;box-shadow:0 5px 16px #0006}
.kh-toolbar[data-kh-header-version="1.8"] .kh-theme-menu button[aria-pressed=true]{font-weight:600;color:var(--accent,#69f0ae)}
.kh-login-menu[hidden],.kh-account-menu[hidden],.kh-menu-backdrop[hidden]{display:none!important}
.kh-v18-page-enter{animation:kh-v18-in .28s cubic-bezier(.2,.6,.2,1) both}
@keyframes kh-v18-in{from{opacity:.72;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.kh-main #page-content.kh-route-out{opacity:.92;transform:translateX(-8px);transition:opacity .09s ease,transform .09s ease}
/* Show route overlay only for genuinely slow navigation; never penalize fast pages. */
.kh-route-loading{background:var(--bg,#303030);opacity:.98;pointer-events:none}
.kh-route-loading[hidden]{display:none!important}
.kh-route-spinner{height:min(200px,42vw);width:min(200px,42vw)}
.kh-health-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:15px 0}
.kh-health-stats .panel{display:flex;flex-direction:column;gap:7px}.kh-health-stats strong{font-size:27px}.kh-health-pills{display:flex;flex-wrap:wrap;gap:10px}.kh-health-pills span{padding:4px 9px;border:1px solid var(--line,#8884);border-radius:5px}
.kh-health-module{font-size:12px;border-radius:4px;padding:3px 6px;margin-right:4px}.kh-health-module.ok{background:#0d813b33}.kh-health-module.missing{background:#b6303033}
@media(max-width:1120px){.kh-toolbar[data-kh-header-version="1.8"]{gap:0}.kh-toolbar[data-kh-header-version="1.8"] .kh-links{gap:0}.kh-toolbar[data-kh-header-version="1.8"] .nav-link{padding-inline:7px;font-size:13px}}
@media(max-width:960px){.kh-toolbar[data-kh-header-version="1.8"] .kh-links{display:none}.kh-toolbar[data-kh-header-version="1.8"] .burger{display:inline-flex!important}.kh-toolbar[data-kh-header-version="1.8"] .nav-logo{max-width:124px}.kh-toolbar[data-kh-header-version="1.8"] .kh-search-label{display:none}}
@media(max-width:600px){.kh-toolbar[data-kh-header-version="1.8"]{min-height:56px;padding-inline:8px}.kh-toolbar[data-kh-header-version="1.8"] .kh-signin{padding:5px 8px}.kh-toolbar[data-kh-header-version="1.8"] .nav-logo{max-width:104px}.kh-toolbar[data-kh-header-version="1.8"] .kh-toolbar .material-icons{font-size:21px}}
@media(prefers-reduced-motion:reduce){.kh-v18-page-enter,.kh-main #page-content.kh-route-out{animation:none!important;transition:none!important}}