/* KissPHP v3.5: reference-derived correction for default Purple/Green theme.
 * Reference: user-supplied kisskh.do HTML + purple-green.css.
 * Do not alter single episode, movie, drama templates or other themes. */
html[data-theme="purple-green"] {
  --bg:#303030;--surface:#424242;--surface2:#505050;
  --nav:rgba(33,33,33,.98);--fg:#fff;
  --kh-primary:#7b1fa2;--kh-secondary:#69f0ae;
  --accent:#69f0ae;--accent-alt:#7b1fa2;
}
html[data-theme="purple-green"] .kh-toolbar {
  background:rgba(33,33,33,.98)!important;color:#fff!important;
}
html[data-theme="purple-green"] .kh-toolbar .nav-link,
html[data-theme="purple-green"] .kh-toolbar .kh-signin,
html[data-theme="purple-green"] .kh-toolbar .kh-search-open {color:#fff!important}
html[data-theme="purple-green"] .kh-toolbar .nav-link:hover,
html[data-theme="purple-green"] .kh-toolbar .nav-link.selected,
html[data-theme="purple-green"] .kh-toolbar .kh-signin:hover {
  background:rgba(255,255,255,.06)!important;
}
/* KissKH reference uses green accents on carousel arrow icon buttons, not purple fills. */
html[data-theme="purple-green"] .kh34-hero .hero-controls>button {
 background:rgba(0,0,0,.18);color:#69f0ae;box-shadow:none;
}
html[data-theme="purple-green"] .kh34-hero .hero-controls>button:hover{background:rgba(255,255,255,.08)}
html[data-theme="purple-green"] .kh34-hero .hero-dots button.active{background:#69f0ae}
/* Original sidenav is charcoal (#424242), list-style and primary navigation has 5 entries. */
.kh35-drawer.mobile-drawer {display:none;top:0;bottom:0;left:0;width:min(280px,86vw);padding:0;
 overflow-y:auto;overscroll-behavior:contain;box-shadow:0 8px 32px #0008;z-index:225;
 background:#424242;color:white;max-height:100dvh;}
.kh35-drawer.mobile-drawer.open{display:block}
.kh35-drawer-head{display:flex;align-items:center;height:56px;padding:0 9px}
.kh35-drawer-head button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;
 color:#fff;background:transparent;border:0;border-radius:50%;padding:0;cursor:pointer}
.kh35-drawer .kh35-mobile-item{display:flex;align-items:center;gap:26px;min-height:48px;line-height:1.3;
 margin:0;padding:0 17px;color:#fff;border:0;box-sizing:border-box;
 background:transparent;text-decoration:none;font:500 14px/1.3 Roboto,Arial,sans-serif}
.kh35-drawer .kh35-mobile-item>.material-icons:first-child{font-size:23px;width:23px;flex:0 0 23px}
.kh35-drawer .kh35-mobile-item:hover,.kh35-drawer .kh35-mobile-item:focus-visible,
.kh35-drawer-head button:hover{background:rgba(255,255,255,.06)}
.kh35-mobile-theme{border:0}
.kh35-mobile-theme summary{list-style:none;cursor:pointer}
.kh35-mobile-theme summary::-webkit-details-marker{display:none}
.kh35-mobile-theme .kh35-chevron{margin-left:auto;font-size:19px;opacity:.8;transition:transform .15s ease}
.kh35-mobile-theme[open] .kh35-chevron{transform:rotate(180deg)}
.kh35-theme-options{padding:2px 4px 5px 62px;background:#383838}
.kh35-theme-options button{font:400 13px Roboto,Arial,sans-serif;text-align:left;background:transparent;
 color:#fff;min-height:43px;padding:8px 12px;border:0;border-radius:3px;width:100%;cursor:pointer}
.kh35-theme-options button:hover,.kh35-theme-options button.is-current{background:#ffffff17}
.kh35-mobile-secondary{border-top:1px solid #ffffff20;margin-top:12px;padding:7px 0 16px 62px}
.kh35-mobile-secondary a{display:block;font:400 12px/1.35 Roboto,Arial,sans-serif;min-height:39px;
 padding:11px 10px;border:0;color:#fff;opacity:.8}
.kh35-mobile-secondary a:hover{opacity:1;background:#ffffff10}
.kh-menu-backdrop:not([hidden]){inset:0;background:rgba(189,189,189,.55)}
/* Never overlay the first useful paint with decorative loading animations. */
#kh-boot-loading{display:none!important}
.kh-main #page-content.kh-route-out,.kh-main #page-content.kh-route-in{animation:none!important;pointer-events:auto}
#kh-route-loading:not([hidden]){pointer-events:none;background:rgba(48,48,48,.70)}
a,button,[role="button"]{touch-action:manipulation}
@media(max-width:959px){.kh35-drawer.mobile-drawer{display:none}.kh35-drawer.mobile-drawer.open{display:block}}
@media(prefers-reduced-motion:reduce){.kh35-mobile-theme .kh35-chevron{transition:none}}
/* Do not let desktop action buttons spill horizontally when fonts are slow to load. */
@media(min-width:960px){
 .kh-toolbar{gap:3px;min-width:0;padding-inline:7px}
 .kh-toolbar .nav-logo{margin-left:3px!important;margin-right:4px!important}
 .kh-toolbar .kh-links{min-width:0;gap:0}
 .kh-toolbar .nav-link{padding-inline:6px;gap:4px}
 .kh-toolbar .kh-login-drop,.kh-toolbar .kh-signin{min-width:0}
}