/*
 * Erome Studio Premium 1.9.0 — layered override.
 * Variables deliberately inherit from legacy theme + Customizer.
 * Desktop and mobile are treated as different layouts, never by scaling desktop controls.
 */
body.gzs-reference-site{
  --gzs-bg:#0e0a10;--gzs-surface:#19131c;--gzs-soft:#251b29;
  --gzs-line:#392a3c;--gzs-text:#faf6fb;--gzs-muted:#bfb0c1;
  --gzs-accent:#fb639e;--erome-hot:#fb639e;--erome-ink:#240d1b;
  background:var(--gzs-bg);line-height:1.55;
}
:root[data-gzs-mode=light] body.gzs-reference-site{
  --gzs-bg:#fcf8fb;--gzs-surface:#fff;--gzs-soft:#f4e9f1;
  --gzs-line:#e9dce6;--gzs-text:#241725;--gzs-muted:#725d72;--gzs-accent:#a51e61;
}
.gzs-reference-site .gzs-container{width:min(1510px,100%);padding-inline:clamp(14px,2.4vw,32px)}
.gzs-reference-site .gzs-header{background:var(--gzs-bg);border-bottom:1px solid var(--gzs-line)}
.gzs-reference-header .gzs-topbar{gap:18px;min-height:72px;padding-block:12px}
.gzs-reference-header .gzs-brand{flex:0 0 auto}
.gzs-reference-header .gzs-search{background:var(--gzs-surface);border:1px solid var(--gzs-line);box-shadow:inset 0 1px 0 #ffffff08;border-radius:13px}
.gzs-reference-header .gzs-search input{font-size:14px;min-width:0}
.gzs-reference-header .gzs-search input:focus-visible{outline:none}
.gzs-reference-header .gzs-search:focus-within{border-color:var(--gzs-accent);box-shadow:0 0 0 3px #ff75a620}
.gzs-reference-header .gzs-search button{color:var(--gzs-text);background:var(--gzs-soft);border-radius:0 12px 12px 0}
.gzs-reference-header .gzs-header-actions .gzs-login,.gzs-reference-header .gzs-header-actions .gzs-kvs-upload{transition:filter .16s,transform .16s}
.gzs-reference-header .gzs-header-actions .gzs-login:hover,.gzs-reference-header .gzs-header-actions .gzs-kvs-upload:hover{filter:brightness(1.12)}
.gzs-reference-nav{overflow-x:auto;scrollbar-width:none;padding-block:6px 12px}
.gzs-reference-nav .gzs-menu{justify-content:flex-start;gap:6px}
.gzs-reference-nav .gzs-menu>li>a{font-size:13px;min-height:39px;padding:10px 15px;border-radius:10px;font-weight:650}
.gzs-reference-nav .gzs-menu>.current-menu-item>a,.gzs-reference-nav .gzs-menu>li>a[aria-current=page]{background:var(--gzs-surface);color:var(--gzs-text);box-shadow:inset 0 -2px 0 var(--gzs-accent)}
.gzs-reference-site .gzs-main{padding-top:20px}
.gzs-reference-site .gzs-topic-chips{margin:0 0 18px;padding-bottom:5px;gap:8px;scrollbar-width:none}
.gzs-reference-site .gzs-topic-chips a{border:1px solid var(--gzs-line);background:var(--gzs-surface);color:var(--gzs-muted);min-height:35px;display:inline-flex;align-items:center;border-radius:9px;font-weight:600;font-size:12px}
.gzs-reference-site .gzs-topic-chips a:hover{color:var(--gzs-text);border-color:var(--gzs-accent)}
.gzs-reference-site .gzs-section-heading{margin:0 0 14px;align-items:center;gap:12px}
.gzs-reference-site .gzs-section-heading .gzs-grid-title{font-size:clamp(21px,2.2vw,28px);line-height:1.18;letter-spacing:-.045em;margin:0;font-weight:800}
.gzs-reference-site .gzs-sort{padding:3px;border:1px solid var(--gzs-line);background:var(--gzs-surface);border-radius:10px;gap:3px}
.gzs-reference-site .gzs-sort a{font-size:12px;min-height:34px;display:flex;align-items:center;padding-inline:11px}
.gzs-reference-site .gzs-sort a.is-active{background:var(--gzs-accent);color:#250c1a}
.gzs-premium-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 18px;padding:14px 16px;border:1px solid var(--gzs-line);border-radius:14px;background:linear-gradient(110deg,var(--gzs-surface),var(--gzs-bg));color:var(--gzs-muted)}
.gzs-premium-intro p{max-width:64ch;font-size:13px;line-height:1.6;margin:0}
.gzs-premium-quicklinks{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}
.gzs-premium-quicklinks a{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:12px;padding:8px 10px;border-radius:9px;border:1px solid var(--gzs-line);background:var(--gzs-soft);color:var(--gzs-text)}
.gzs-premium-quicklinks .gzs-icon{width:15px;height:15px;color:var(--gzs-accent)}
.gzs-reference-site .gzs-video-grid{gap:22px 14px}
.gzs-reference-site .gzs-video-grid .gzs-card{padding:0;background:transparent;border:none;min-width:0;border-radius:12px;box-shadow:none;overflow:visible;transform:none}
.gzs-reference-site .gzs-video-grid .gzs-thumbnail{border:1px solid var(--gzs-line);border-radius:12px;background:#201821;overflow:hidden;isolation:isolate}
.gzs-reference-site .gzs-video-grid .gzs-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.gzs-reference-site .gzs-card-title{margin:9px 2px 5px;font-weight:700;line-height:1.42;letter-spacing:-.01em;font-size:clamp(12px,1.05vw,14px);-webkit-line-clamp:2;min-height:2.8em}
.gzs-reference-site .gzs-card-meta{padding:0 2px 2px;color:var(--gzs-muted);gap:6px 10px;font-size:11px}
.gzs-reference-site .gzs-card-meta>span{white-space:nowrap}
.gzs-reference-site .gzs-card-meta .gzs-icon{width:14px;height:14px}
.gzs-reference-site .gzs-duration{font-variant-numeric:tabular-nums;padding:4px 6px;font-size:11px;background:#0c0810df;border-radius:6px}
.gzs-reference-site .gzs-card-save{width:35px;height:35px;border:1px solid #ffffff30;background:#130b1aca;backdrop-filter:blur(8px);border-radius:10px}
.gzs-reference-site .gzs-thumbnail:hover img{transform:scale(1.035)}
.gzs-reference-site .gzs-card-play{background:#0c06152e}
.gzs-reference-site .gzs-card-play .gzs-icon{width:40px;height:40px}
.gzs-reference-site .gzs-card-love .erome-heart{color:var(--gzs-accent)}
.gzs-reference-site .gzs-card-love .erome-heart svg{fill:none}
.gzs-reference-site .gzs-page-heading h1{font-size:clamp(23px,3vw,36px);letter-spacing:-.04em;line-height:1.16}
.gzs-reference-site .gzs-archive-description{max-width:85ch;color:var(--gzs-muted);font-size:14px;line-height:1.7}
.gzs-premium-archive-counter{margin:4px 0 0;font-size:12px;color:var(--gzs-muted)}
/* Watch page: player remains first and dominant; information follows in logical reading order. */
.erome-watch .gzs-single-heading h1{max-width:100%;font-size:clamp(22px,2.4vw,32px);line-height:1.2;letter-spacing:-.035em}
.erome-watch .gzs-player{margin-bottom:12px;border:1px solid var(--gzs-line);border-radius:14px;overflow:hidden;background:#000;box-shadow:0 15px 30px #0003}
.erome-watch .gzs-player video{width:100%;height:auto;display:block;max-height:74vh;background:#000}
.erome-watch .gzs-engagement-v144{border-radius:13px!important;border-color:var(--gzs-line)!important;background:var(--gzs-surface)!important}
.erome-watch .gzs-watch-actions{display:flex;flex-wrap:wrap;gap:8px}
.erome-watch .gzs-watch-actions .gzs-button{min-height:43px;border:1px solid var(--gzs-line);border-radius:10px;font-size:12px}
.gzs-premium-watch-info{padding:16px;margin:14px 0 18px;border:1px solid var(--gzs-line);border-radius:13px;background:var(--gzs-surface)}
.gzs-premium-watch-info-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 15px}
.gzs-premium-watch-info-head h2{font-size:17px;letter-spacing:-.025em;margin:0;font-weight:800}
.gzs-premium-watch-info-head>span{color:var(--gzs-muted);font-size:11px}
.gzs-premium-watch-excerpt{color:var(--gzs-muted);font-size:13px;line-height:1.7;margin:12px 0 0}
.gzs-premium-topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.gzs-premium-topics a{display:inline-flex;align-items:center;gap:5px;min-height:33px;padding:6px 10px;border:1px solid var(--gzs-line);border-radius:8px;font-size:12px;color:var(--gzs-text);background:var(--gzs-soft)}
.gzs-premium-topics a:hover{border-color:var(--gzs-accent)}
.gzs-premium-topics .gzs-icon{width:14px;height:14px;color:var(--gzs-accent)}
.erome-watch .gzs-watch-sidebar .erome-discover-sidebar{padding:15px;background:var(--gzs-surface);border-radius:14px}
.erome-watch .erome-discover-sidebar .gzs-card{border-color:var(--gzs-line);background:var(--gzs-bg);padding:7px}
.erome-watch .erome-discover-sidebar .gzs-card-title{min-height:0}
.gzs-reference-site .gzs-footer{border-top:1px solid var(--gzs-line);background:var(--gzs-bg)}
.gzs-reference-site .gzs-footer .gzs-footer-section h2{color:var(--gzs-text)}
.gzs-reference-site .gzs-bottom-nav{background:var(--gzs-surface);border-top:1px solid var(--gzs-line);backdrop-filter:blur(12px)}
.gzs-reference-site .gzs-bottom-nav a,.gzs-reference-site .gzs-bottom-nav button{min-height:48px}
.gzs-reference-site .gzs-bottom-nav [aria-current=page]{color:var(--gzs-accent)}
/* Let native screens and plugins preserve their layout; constrain text/containers only. */
.gzs-reference-site .gzs-entry-content{overflow-wrap:anywhere}
.gzs-reference-site .gzs-app,.gzs-reference-site .gzs-main{min-width:0}
@media(min-width:1200px){
  .gzs-reference-site .gzs-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .gzs-reference-site .erome-catalog-layout .gzs-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .erome-watch .gzs-watch-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}
}
@media(min-width:761px) and (max-width:1199px){
  .gzs-reference-site .gzs-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gzs-premium-intro{flex-wrap:wrap}
}
@media(max-width:760px){
  .gzs-reference-site .gzs-container{padding-inline:12px}
  .gzs-reference-header{position:relative;z-index:30}
  .gzs-reference-header .gzs-topbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:0;padding-block:12px 9px}
  .gzs-reference-header .gzs-brand{max-width:165px;min-width:0}
  .gzs-reference-header .gzs-brand>a{font-size:25px}
  .gzs-reference-header .gzs-brand-mark{width:35px;height:35px}
  .gzs-reference-header .gzs-header-actions{gap:7px;justify-content:flex-end;flex-wrap:nowrap}
  .gzs-reference-header .gzs-header-actions .gzs-kvs-upload,.gzs-reference-header .gzs-header-actions .gzs-login,.gzs-reference-header .gzs-header-actions .gzs-mobile-menu-button{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:11px;padding:0}
  .gzs-reference-header .gzs-kvs-upload span,.gzs-reference-header .gzs-header-actions .gzs-login span{display:none}
  .gzs-reference-header .gzs-header-search{grid-column:1/-1;grid-row:2;margin-top:0;min-width:0;max-width:none}
  .gzs-reference-header .gzs-search{height:42px;min-height:42px;border-radius:11px}
  .gzs-reference-header .gzs-search input{font-size:14px;padding:10px 13px}
  .gzs-reference-header .gzs-search button{min-height:42px;width:46px}
  /* Menu expands in normal flow beneath the search rather than covering login/forms */
  .gzs-reference-header .gzs-reference-nav{display:none;margin:0;padding-block:12px;border-top:1px solid var(--gzs-line);border-bottom:0;overflow:visible;width:100%}
  .gzs-menu-open .gzs-reference-header .gzs-reference-nav{display:block}
  .gzs-reference-header .gzs-reference-nav .gzs-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0}
  .gzs-reference-header .gzs-reference-nav .gzs-menu>li>a{font-size:13px;padding:12px;min-height:44px;background:var(--gzs-surface);border:1px solid var(--gzs-line);white-space:normal;border-radius:10px}
  .gzs-reference-header .gzs-reference-nav .gzs-menu>li>a:hover,.gzs-reference-header .gzs-reference-nav .gzs-menu>li.current-menu-item>a{background:var(--gzs-soft);color:var(--gzs-text);border-color:var(--gzs-accent)}
  .gzs-reference-site .gzs-main{padding-top:15px}
  .gzs-reference-site .gzs-topic-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap;margin:0 -12px 15px;padding:0 12px 7px}
  .gzs-reference-site .gzs-topic-chips::-webkit-scrollbar{display:none}
  .gzs-reference-site .gzs-section-heading{align-items:flex-start;gap:10px;margin-bottom:12px}
  .gzs-reference-site .gzs-section-heading .gzs-grid-title{font-size:20px}
  .gzs-reference-site .gzs-sort{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .gzs-reference-site .gzs-sort a{white-space:nowrap;min-height:34px;font-size:11px}
  .gzs-premium-intro{display:block;padding:12px;margin-bottom:18px}
  .gzs-premium-intro p{font-size:12px}
  .gzs-premium-quicklinks{margin-top:11px;gap:7px}
  .gzs-premium-quicklinks a{font-size:11px;padding:8px}
  .gzs-reference-site .gzs-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 10px}
  .gzs-reference-site .gzs-video-grid .gzs-card-title{font-size:12px;min-height:2.7em;margin:8px 1px 4px}
  .gzs-reference-site .gzs-video-grid .gzs-card-meta{font-size:10px;gap:4px 6px;white-space:normal}
  .gzs-reference-site .gzs-card-save{width:29px;height:29px}
  .gzs-reference-site .gzs-card-play{opacity:0}
  .gzs-reference-site .gzs-page-heading h1{font-size:24px}
  .erome-watch .gzs-single-heading h1{font-size:22px}
  .erome-watch .gzs-watch-sidebar{margin-top:18px}
  .gzs-premium-watch-info{padding:12px}
  .gzs-premium-watch-info-head h2{font-size:15px}
  .erome-watch .gzs-player{border-radius:10px}
  .gzs-reference-site .gzs-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}
  .gzs-footer .erome-footer-top{flex-wrap:wrap}
}
@media(max-width:360px){
  .gzs-reference-header .gzs-brand>a{font-size:21px}
  .gzs-reference-header .gzs-header-actions{gap:4px}
  .gzs-reference-header .gzs-header-actions .gzs-kvs-upload,.gzs-reference-header .gzs-header-actions .gzs-login,.gzs-reference-header .gzs-header-actions .gzs-mobile-menu-button{width:34px;height:34px;min-width:34px;min-height:34px}
  .gzs-premium-quicklinks a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.gzs-reference-site .gzs-card,.gzs-reference-site .gzs-thumbnail img,.gzs-reference-header .gzs-header-actions>a{transition:none!important;animation:none!important}}