/* Shared responsive shell. The desktop link layout is in responsive-system.css. */
.zc-mobile-sheet-heading,.zc-mobile-site-links,.zc-mobile-language-row,.zc-mobile-security{display:none}
.zc-mobile-sheet-backdrop,.zc-mobile-profile-fallback{display:none}
.zc-primary-nav{display:none}
.account-dropdown :is(.zc-mobile-telegram,.zc-mobile-channel){display:flex;align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:64px;margin-top:var(--space-2);padding:var(--space-3);border:0;border-radius:var(--radius-card);background:var(--surface-2);color:var(--text);font:400 var(--font-body-size)/1.4 var(--font-ui);text-align:left;text-transform:none;letter-spacing:normal;text-decoration:none;white-space:normal}
.account-dropdown :is(.zc-mobile-telegram,.zc-mobile-channel):focus-visible,.account-dropdown.zc-mobile-settings :is(.zc-mobile-telegram,.zc-mobile-channel):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
:is(.zc-mobile-telegram,.zc-mobile-channel)>svg{flex:none;width:24px;height:24px;color:var(--brand-text)}
.zc-mobile-support-copy{display:grid;gap:var(--space-1);flex:1;min-width:0}
.zc-mobile-support-copy strong{font-size:var(--font-body-size);font-weight:600;line-height:1.4}
.zc-mobile-support-copy small{font-size:var(--font-caption-size);font-weight:400;line-height:1.5;color:var(--text-muted);overflow-wrap:anywhere}
.zc-mobile-support-chevron{flex:none;color:var(--text-muted);font-size:24px;font-weight:400;line-height:1}
 body>header.zc-mobile-header{position:sticky;top:0;z-index:80;display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px!important;align-items:center;gap:8px;min-height:72px;width:100%;margin:0;padding:12px 16px!important;padding-top:max(12px,env(safe-area-inset-top))!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;transition:background var(--motion-normal,200ms) var(--ease-out,ease-out),backdrop-filter var(--motion-normal,200ms) var(--ease-out,ease-out)}
 body>header.zc-mobile-header.zc-mobile-header-scrolled{background:color-mix(in srgb,var(--bg) 94%,transparent)!important;backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent)!important}
 body>header.zc-mobile-header>.brand{grid-row:1;grid-column:1;justify-self:start;min-width:0;margin:0;padding:0;max-width:100%}
 body>header.zc-mobile-header>.brand .brand-logo-img,body>header.zc-mobile-header>.brand>img{width:min(100%,190px)!important;max-width:190px!important;height:auto!important}
 body>header.zc-mobile-header>.site-nav,body>header.zc-mobile-header>.zc-lang-head,body>header.zc-mobile-header>.nav-signup,body>header.zc-mobile-header>.zc-partner-pill{display:none!important}
 body>header.zc-mobile-header>:is(#signout,#logout,.nav-login):not(.zc-mobile-profile-trigger),body>header.zc-mobile-header>:is(#signout,#logout,.nav-login)[hidden],body>header.zc-mobile-header>a:not(.brand,.zc-mobile-search,.zc-mobile-profile-trigger){display:none!important}
 body>header.zc-mobile-header>.zc-mobile-search{display:inline-flex!important;align-items:center;justify-content:center;grid-row:1;grid-column:2;justify-self:center;width:44px;height:44px;min-height:44px;margin:0!important;padding:10px;border:0!important;border-radius:var(--radius-pill);background:transparent!important;color:var(--text)!important;box-shadow:none!important;text-decoration:none}
 body>header.zc-mobile-header>.zc-mobile-search svg{display:block;width:22px;height:22px}
 body>header.zc-mobile-header>.zc-mobile-profile-trigger:not([hidden]){display:flex!important;align-items:center;justify-content:center;grid-row:1;grid-column:3;justify-self:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0!important;padding:0!important;border:0!important;border-radius:var(--radius-pill)!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:0!important;gap:0!important}
 body>header.zc-mobile-header>.zc-mobile-profile-trigger:not([hidden])::before{display:none!important}
 body>header.zc-mobile-header>.zc-mobile-profile-trigger:not([hidden]):not(:has(.zc-rank-badge,.zc-header-badge))::after{content:'';display:block;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:50%;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f7' stroke-width='1.5'%3E%3Ccircle cx='12' cy='8' r='3'/%3E%3Cpath d='M5 20v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E") center/20px no-repeat}
 body>header.zc-mobile-header>.zc-mobile-profile-trigger:not([hidden])>:not(.zc-rank-badge,.zc-header-badge){display:none!important}
 body>header.zc-mobile-header .account-avatar.zc-rank-badge,body>header.zc-mobile-header .zc-header-badge{display:block!important;width:36px!important;height:36px!important;min-width:36px!important;margin:0!important}
 body>header.zc-mobile-header :is(a,button):focus-visible{outline:2px solid var(--brand);outline-offset:2px}
 #zc-floating-chat{display:none!important}
 body .browse-mobile{position:fixed!important;inset:auto 0 0!important;z-index:75!important;display:flex;align-items:stretch;justify-content:space-around;gap:0;width:100%;margin:0;border:0!important;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)!important;border-radius:0!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;background:color-mix(in srgb,var(--bg) 95%,transparent)!important;backdrop-filter:blur(20px)}
 body .browse-mobile .browse-mobile-btn{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:44px;min-height:48px;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text-muted)!important;font:600 var(--font-caption-size)/1.2 var(--font-ui);letter-spacing:normal!important;text-transform:none!important;text-decoration:none}
 body .browse-mobile .browse-mobile-btn:is(.active,[aria-current="page"]){background:transparent!important;color:var(--brand-text)!important}
 body .browse-mobile .browse-mobile-btn svg{width:22px;height:22px;flex:none}
 body .browse-mobile .browse-mobile-label{font-size:var(--font-caption-size)!important;line-height:1.2;letter-spacing:normal;white-space:nowrap}
 body .browse-mobile :is([data-section="home"],.browse-mobile-telegram){display:none!important}
 body .browse-mobile [data-section="dramas"] .browse-mobile-label{max-width:68px;white-space:normal;line-height:1.1}
 body:has(>.browse-mobile:not([hidden]))>main{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
 .player-session-active>.browse-mobile,.player-session-active>header.zc-mobile-header{visibility:hidden;pointer-events:none}
 .zc-mobile-sheet-backdrop{display:block;position:fixed;inset:0;z-index:119;border:0;border-radius:0;background:#0009;backdrop-filter:blur(4px);margin:0;padding:0;touch-action:none}
 .account-dropdown.zc-mobile-settings{position:fixed!important;inset:auto 0 0!important;z-index:120!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;max-width:100%;width:100%!important;max-height:min(88dvh,780px);min-width:0!important;margin:0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:0 -16px 80px #0008;animation:zcMobileSheetIn var(--motion-normal,200ms) var(--ease-out,ease-out)}
 .zc-mobile-settings>:is(.zc-mobile-sheet-heading,.account-menu-identity,.menu-profiles,.zc-mobile-site-links,.zc-mobile-telegram,.zc-mobile-channel,.zc-mobile-language-row){grid-column:1/-1}
 .account-dropdown.zc-mobile-settings[hidden]{display:none!important}
 .zc-mobile-settings .zc-mobile-sheet-heading{position:sticky;top:-8px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);padding:12px 0 8px}
 .zc-mobile-sheet-heading h2{margin:0;font-size:18px!important;font-weight:600;line-height:1.4;letter-spacing:normal}
 .zc-mobile-sheet-close{display:grid;place-items:center;flex:none;min-width:44px;width:44px;height:44px;min-height:44px;margin:0;padding:10px;border:0;border-radius:var(--radius-pill)!important;background:var(--surface-2);color:var(--text)}
 .zc-mobile-sheet-close svg{width:20px;height:20px}
 .zc-mobile-settings :is(a,button)[role="menuitem"]{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px;border:0;border-radius:var(--radius-card);background:transparent;color:var(--text);font:400 14px/1.4 var(--font-ui);letter-spacing:normal;text-transform:none;text-decoration:none;text-align:left}
 .zc-mobile-settings :is(a,button)[role="menuitem"]:is(:hover,:focus-visible){outline:0;background:var(--surface-2);color:var(--text)}
 .zc-mobile-settings .account-menu-identity{margin:4px 0 8px;padding:12px;background:var(--surface-2);border:0;border-radius:var(--radius-card)}
 .zc-mobile-settings .account-menu-identity strong{font-size:14px;font-weight:600;color:var(--text)}
 .zc-mobile-settings .account-menu-identity small{font-size:12px;color:var(--text-muted)}
 .zc-mobile-settings .menu-profiles{padding:0 0 8px;margin-bottom:4px;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
 .zc-mobile-settings .zc-mobile-site-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:8px;margin-top:4px;border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
 .zc-mobile-settings .zc-mobile-tv-mode{display:flex;grid-column:2;align-items:center;gap:8px;width:100%;min-width:0;min-height:48px;margin:0;padding:12px;border:0;border-radius:var(--radius-card);background:transparent;color:var(--text);font:400 14px/1.4 var(--font-ui);letter-spacing:normal;text-transform:none;text-align:left;cursor:pointer}
 .zc-mobile-settings .zc-mobile-tv-mode:hover{background:var(--surface-2)}
 .zc-mobile-settings .zc-mobile-tv-mode:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;background:var(--surface-2)}
 .zc-mobile-tv-state{margin-left:auto;color:var(--text-muted);font-size:var(--font-caption-size)}
 .zc-mobile-tv-track{position:relative;flex:none;width:28px;height:16px;border:1px solid var(--text-muted);border-radius:var(--radius-pill);background:var(--surface-2)}
 .zc-mobile-tv-track::after{content:'';position:absolute;inset:2px auto auto 2px;width:10px;height:10px;border-radius:50%;background:var(--text);transition:transform var(--motion-fast,150ms) var(--ease-out,ease-out)}
 .zc-mobile-tv-mode[aria-checked="true"] .zc-mobile-tv-track{border-color:var(--brand);background:var(--brand)}
 .zc-mobile-tv-mode[aria-checked="true"] .zc-mobile-tv-track::after{transform:translateX(12px)}
 .zc-mobile-settings :is(.zc-mobile-security,.zc-mobile-telegram,.zc-mobile-channel){display:flex}
 .zc-mobile-settings :is(.zc-mobile-telegram,.zc-mobile-channel){background:var(--surface-2)!important;margin-top:8px}
 .zc-mobile-settings .zc-mobile-language-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 12px;font-size:14px;color:var(--text-muted)}
 .zc-mobile-settings .zc-lang-head{position:relative!important;inset:auto!important;display:block!important;grid-column:auto;grid-row:auto;justify-self:auto;margin:0!important;transform:none!important}
 .zc-mobile-settings .zc-lang-head .zc-lang-btn{min-width:72px;min-height:44px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text)}
 .zc-mobile-settings .zc-lang-head .zc-lang-menu{top:calc(100% + 8px)!important;bottom:auto!important;left:auto!important;right:0!important;max-height:240px;background:var(--surface-2);border-color:color-mix(in srgb,var(--text) 12%,transparent);border-radius:var(--radius-card)}
 .browse-search-overlay{background:var(--bg)!important;color:var(--text)!important;font-family:var(--font-ui)!important}
 .browse-search-overlay-bar{background:var(--bg)!important;gap:8px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}
 .browse-search-overlay-bar input{border-color:color-mix(in srgb,var(--text) 12%,transparent);border-radius:var(--radius-card);background:var(--surface);color:var(--text)}
 .browse-search-overlay-bar input:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 25%,transparent)}
 .browse-search-overlay-submit{min-height:48px;padding:0 12px;border:0!important;border-radius:var(--radius-card);background:var(--brand-strong)!important;color:var(--text)!important;box-shadow:none!important;font-size:14px;font-weight:600}
 .browse-search-overlay-back{color:var(--text)}
 .browse-search-overlay-results{padding:24px 16px}
 .browse-search-overlay-match{border-color:color-mix(in srgb,var(--text) 8%,transparent);border-radius:var(--radius-card);background:var(--surface);color:var(--text)}
 .browse-search-overlay-match{gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2)}
 .browse-search-overlay-match strong{font-family:var(--font-ui);font-size:var(--font-body-size);font-weight:600;line-height:1.4}
 .browse-search-overlay-match small{font-family:var(--font-ui);font-size:var(--font-caption-size);font-weight:400;line-height:1.4}
 .browse-search-overlay-eyebrow{margin:var(--space-5) 0 var(--space-3);font-size:var(--font-caption-size);font-weight:400}
 .browse-search-overlay-match small,.browse-search-overlay-help,.browse-search-overlay-eyebrow{color:var(--text-muted);letter-spacing:normal}
 @keyframes zcMobileSheetIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
/* Standalone account, install and sign-in documents use the same shell stylesheet. */
@media(min-width:701px){
 .account-dropdown:not(.zc-mobile-settings):has(>.zc-mobile-telegram,>.zc-mobile-channel){width:min(360px,calc(100vw - 48px));max-width:calc(100vw - 48px)}
 .account-dropdown:not(.zc-mobile-settings) :is(.zc-mobile-telegram,.zc-mobile-channel){min-height:60px;padding:10px 12px;gap:10px}
}
@media(min-width:701px) and (max-width:1023px){
 body>header.zc-mobile-header{padding-inline:24px!important}
}
@media(min-width:1024px){
 body>header.zc-mobile-header{grid-template-columns:minmax(190px,226px) minmax(0,1fr) 44px 44px!important;gap:var(--space-4);min-height:88px;padding:16px 48px!important}
 body>header.zc-mobile-header>.brand .brand-logo-img{width:212px!important;max-width:212px!important}
 body>header.zc-mobile-header>.zc-mobile-search{grid-column:3}
 body>header.zc-mobile-header>.zc-mobile-profile-trigger:not([hidden]){grid-column:4}
 body>header.zc-mobile-header>.zc-primary-nav{display:flex;align-items:center;justify-self:start;gap:var(--space-5);grid-row:1;grid-column:2;min-width:0;padding-inline:var(--space-4)}
 .zc-primary-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--text-muted);font:600 var(--font-body-size)/1.3 var(--font-ui);text-decoration:none;white-space:nowrap}
 .zc-primary-nav a:is(:hover,[aria-current="page"]){color:var(--text)}
 .zc-primary-nav a[aria-current="page"]{box-shadow:inset 0 -2px var(--brand)}
 body .browse-mobile{display:none!important}
 body:has(>.browse-mobile:not([hidden]))>main{padding-bottom:48px!important}
 .account-dropdown.zc-mobile-settings{inset:88px 48px auto auto!important;width:420px!important;max-width:calc(100vw - 96px);max-height:calc(100dvh - 112px);padding:8px 16px 20px;border:1px solid var(--border-strong);border-radius:var(--radius-card)!important;box-shadow:var(--shadow-modal)}
 .zc-mobile-sheet-backdrop{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){.account-dropdown.zc-mobile-settings{animation:none!important}.zc-mobile-header,.zc-mobile-tv-track::after{transition:none!important}}
