/** Erome Studio 2.0 · polished catalog / watch experience, additive selectors only. */
body.gzs-reference-site{--gzs-bg:#0c0b11;--gzs-surface:#17141e;--gzs-soft:#211b29;--gzs-line:#302736;--gzs-text:#faf8fc;--gzs-muted:#b6a9bd;--gzs-accent:#ff5f9c;background:var(--gzs-bg)}
:root[data-gzs-mode="light"] body.gzs-reference-site{--gzs-bg:#fbf9fc;--gzs-surface:#fff;--gzs-soft:#f5edf5;--gzs-line:#e8dfe9;--gzs-text:#281b2d;--gzs-muted:#6f6376;--gzs-accent:#ad2365}
.gzs-reference-site :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--gzs-accent);outline-offset:3px}
.gzs-reference-site .gzs-header{box-shadow:0 2px 20px #09051015}
.gzs-reference-header .gzs-topbar{min-height:70px}
.gzs-reference-header .erome-wordmark{font-weight:850;letter-spacing:-.065em}
.gzs-reference-header .gzs-reference-nav .gzs-menu>li>a{transition:background .18s ease,color .18s ease}
.gzs-reference-site .gzs-card{contain:layout style}
.gzs-reference-site .gzs-video-grid .gzs-thumbnail{box-shadow:0 1px 2px #0002;transition:box-shadow .18s ease,border-color .18s ease}
.gzs-reference-site .gzs-video-grid .gzs-card:hover .gzs-thumbnail{border-color:#ff74ad80;box-shadow:0 10px 24px #0005}
.gzs-reference-site .gzs-card-title a{color:var(--gzs-text);text-decoration:none}
.gzs-reference-site .gzs-card-title a:hover{color:var(--gzs-accent)}
.gzs-reference-site .gzs-card-meta{line-height:1.45}
.gzs-reference-site .gzs-video-grid .gzs-card img{aspect-ratio:16/9;object-fit:cover}
.gzs-reference-site .gzs-sort{max-width:100%}
.gzs-reference-site .gzs-pagination,.gzs-reference-site .navigation.pagination{margin:27px 0 18px}
.gzs-reference-site .nav-links{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}
.gzs-reference-site .page-numbers{padding:9px 13px;border-radius:10px;background:var(--gzs-surface);border:1px solid var(--gzs-line);color:var(--gzs-text);font-size:13px;text-decoration:none}
.gzs-reference-site .page-numbers.current,.gzs-reference-site .page-numbers:hover{background:var(--gzs-accent);color:#210c19;border-color:var(--gzs-accent)}
/* Directories contain actual links and serve separate paginated URLs. */
.gzs-directory-head{margin-bottom:22px}
.gzs-directory-head h1{margin-bottom:8px}
.gzs-directory-intro{font-size:14px;line-height:1.6;color:var(--gzs-muted);max-width:70ch;margin:8px 0 18px}
.gzs-directory-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gzs-directory-switch a{font-size:13px;padding:9px 14px;border-radius:10px;background:var(--gzs-surface);border:1px solid var(--gzs-line);color:var(--gzs-text);text-decoration:none;font-weight:700}
.gzs-directory-switch a[aria-current="page"]{color:#210b16;background:var(--gzs-accent);border-color:var(--gzs-accent)}
.gzs-directory-status{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin:7px 0 15px;color:var(--gzs-muted);font-size:12px}
.gzs-directory-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gzs-directory-premium .gzs-directory-item{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;min-height:91px;margin:0;padding:13px;border:1px solid var(--gzs-line);border-radius:14px;background:var(--gzs-surface);color:var(--gzs-text);text-decoration:none;transition:border-color .18s,transform .18s,background .18s}
.gzs-directory-premium .gzs-directory-item:hover{border-color:#ff6da4a6;background:var(--gzs-soft);transform:translateY(-2px)}
.gzs-directory-premium .gzs-directory-item img{width:58px;height:58px;object-fit:cover;border-radius:12px;flex-shrink:0;aspect-ratio:1}
.gzs-directory-icon{flex:0 0 51px;width:51px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gzs-soft);color:var(--gzs-accent)}
.gzs-directory-icon svg{width:25px;height:25px}
.gzs-directory-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.gzs-directory-copy strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.gzs-directory-copy small{font-size:11px;color:var(--gzs-muted);font-weight:500}
.gzs-directory-chevron{margin-left:auto;color:var(--gzs-muted);display:flex;flex-shrink:0}
.gzs-directory-chevron svg{width:16px;height:16px}
.gzs-directory-pagination{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:27px auto}
.gzs-directory-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 12px;border-radius:10px;background:var(--gzs-surface);border:1px solid var(--gzs-line);color:var(--gzs-text);font-weight:700;text-decoration:none}
.gzs-directory-pagination a:hover,.gzs-directory-pagination a[aria-current="page"]{background:var(--gzs-accent);color:#210b16;border-color:var(--gzs-accent)}
.gzs-directory-empty{padding:30px 20px;background:var(--gzs-surface);border:1px solid var(--gzs-line);border-radius:15px;color:var(--gzs-muted)}
/* Video watch: player is the largest element and loads before supplementary recommendations. */
.erome-watch .gzs-breadcrumb{font-size:12px;color:var(--gzs-muted);margin-bottom:14px}
.erome-watch .gzs-single-heading{margin-bottom:16px}
.erome-watch .gzs-single-heading h1{font-size:clamp(21px,2.15vw,31px);max-width:47ch;line-height:1.25}
.erome-watch .gzs-player{border-color:#594357;border-radius:16px;box-shadow:0 16px 38px #0005}
.erome-watch .gzs-watch-primary{min-width:0}
.erome-watch .gzs-watch-sidebar{min-width:0}
.erome-watch .gzs-engagement-v144{padding:12px!important}
.erome-watch .gzs-watch-actions .gzs-button{gap:7px;font-weight:650}
.erome-watch .gzs-watch-actions :is(button,a):hover{border-color:var(--gzs-accent)}
.erome-watch .gzs-premium-watch-info{background:linear-gradient(150deg,var(--gzs-surface),var(--gzs-bg));padding:19px}
.erome-watch .gzs-premium-watch-info-head h2{font-size:18px}
.erome-watch .gzs-premium-topics a{transition:border-color .18s,background .18s}
.erome-watch .gzs-premium-topics a:hover{background:var(--gzs-soft)}
.erome-watch .gzs-related{margin-top:28px}
.erome-watch .erome-discover-sidebar .gzs-widget-title{font-size:18px;line-height:1.3}
/* Avoid animations on important content: render it immediately and let CSS add polish. */
.gzs-reference-site .gzs-card.gzs-reveal,.gzs-reference-site .gzs-model-card.gzs-reveal{opacity:1!important;transform:none!important}
@media (min-width:1180px){.gzs-directory-premium{grid-template-columns:repeat(4,minmax(0,1fr))}.erome-watch .gzs-watch-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px}}
@media (max-width:1179px){.gzs-directory-premium{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
 .gzs-reference-site .gzs-main{padding-top:13px}
 .gzs-reference-header .gzs-topbar{padding-block:10px 8px}
 .gzs-reference-header .gzs-header-search{margin-top:4px}
 .gzs-reference-header .gzs-reference-nav .gzs-menu{gap:7px}
 .gzs-directory-premium{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .gzs-directory-premium .gzs-directory-item{min-height:78px;gap:8px;padding:9px;border-radius:12px}
 .gzs-directory-premium .gzs-directory-item img{width:43px;height:43px;border-radius:9px}
 .gzs-directory-icon{flex:0 0 40px;width:40px;height:40px;border-radius:9px}
 .gzs-directory-icon svg{width:20px;height:20px}
 .gzs-directory-copy strong{font-size:12px}
 .gzs-directory-chevron{display:none}
 .gzs-directory-status{font-size:11px}
 .gzs-directory-head{margin-bottom:18px}
 .gzs-directory-intro{font-size:12px;margin-bottom:12px}
 .gzs-directory-switch{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%;padding-bottom:5px}
 .gzs-directory-switch a{white-space:nowrap;font-size:12px;padding:8px 12px}
 .erome-watch .gzs-single-heading{margin-bottom:11px}
 .erome-watch .gzs-player{border-radius:10px}
 .erome-watch .gzs-premium-watch-info{padding:14px}
 .erome-watch .gzs-watch-actions{gap:7px}
 .erome-watch .gzs-watch-actions .gzs-button{flex:1 1 auto;min-height:44px;justify-content:center}
 .gzs-reference-site .gzs-bottom-nav{padding-bottom:env(safe-area-inset-bottom);z-index:40}
}
@media(max-width:385px){.gzs-directory-premium{grid-template-columns:1fr}.gzs-directory-premium .gzs-directory-item{min-height:67px}}
@media(prefers-reduced-motion:reduce){.gzs-directory-premium .gzs-directory-item,.gzs-reference-site .gzs-video-grid .gzs-thumbnail{transition:none!important}}
