/* MeTube v2.10.1 mobile production certification layer. */
:root{--mobile-cert-bg:#08070d;--mobile-cert-panel:#12131b;--mobile-cert-text:#f8f8fb;--mobile-cert-muted:#b7bac7;--mobile-cert-accent:#ff2d55;--mobile-cert-dock:68px;color-scheme:dark}
.ghp-mobile-popup-scrim,.ghp-mobile-navigation-scrim,.ghp-pwa-update{display:none}
.ghp-pwa-update{position:fixed;right:14px;bottom:18px;z-index:12120;width:min(430px,calc(100vw - 28px));grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,45,85,.34);border-radius:18px;color:var(--mobile-cert-text);background:linear-gradient(145deg,#21131b,#11131a);box-shadow:0 24px 64px rgba(0,0,0,.65)}
.ghp-pwa-update.is-visible{display:grid}.ghp-pwa-update strong,.ghp-pwa-update small{display:block}.ghp-pwa-update small{margin-top:3px;color:var(--mobile-cert-muted);line-height:1.35}.ghp-pwa-update button{min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:#fff;background:rgba(255,255,255,.07);font:inherit;font-weight:850;cursor:pointer}.ghp-pwa-update [data-pwa-activate]{border-color:transparent;background:linear-gradient(135deg,#ff2d55,#ad0028)}
@media(max-width:900px){body.ghp-mobile-popup-open,body.sidebar-open,body.premium-sidebar-open{overflow:hidden!important}.ghp-mobile-popup-scrim,.ghp-mobile-navigation-scrim{position:fixed;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.ghp-mobile-popup-scrim{z-index:12040}.ghp-mobile-navigation-scrim{z-index:11990}body.ghp-mobile-popup-open .ghp-mobile-popup-scrim{display:block}body.sidebar-open .ghp-mobile-navigation-scrim,body.premium-sidebar-open .ghp-mobile-navigation-scrim{display:block}body>.ghp-mobile-popup-portal:is(.account-popup,.ghp-notification-dropdown){position:fixed!important;top:calc(68px + env(safe-area-inset-top))!important;right:8px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;left:8px!important;z-index:12060!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;border:1px solid rgba(255,45,85,.34)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),var(--mobile-cert-panel)!important;box-shadow:0 28px 80px rgba(0,0,0,.72)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body>.ghp-mobile-popup-portal:is(.account-popup,.ghp-notification-dropdown)::before{display:none!important}body>.ghp-mobile-popup-portal:is(.account-popup,.ghp-notification-dropdown).show,body>.ghp-mobile-popup-portal:is(.account-popup,.ghp-notification-dropdown).active{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}body>.ghp-notification-dropdown.ghp-mobile-popup-portal .ghp-notification-body{max-height:none!important;overflow:visible!important}.ghp-pwa-update{right:10px;bottom:calc(var(--mobile-cert-dock) + 12px + env(safe-area-inset-bottom));width:calc(100vw - 20px)}main>section:not(:first-child),.admin-directory-section,.admin-panel-card,.ops-panel,.security-panel{content-visibility:auto;contain-intrinsic-size:1px 420px}:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(255,75,114,.86)!important;outline-offset:3px}.ghp-mobile-popup-portal[aria-modal=true],.sidebar[aria-modal=true],.ghp-sidebar[aria-modal=true],.premium-sidebar[aria-modal=true]{isolation:isolate}}
@media(max-width:520px){.ghp-pwa-update{grid-template-columns:1fr 1fr}.ghp-pwa-update>div{grid-column:1/-1}.ghp-pwa-update button{width:100%}body>.ghp-mobile-popup-portal:is(.account-popup,.ghp-notification-dropdown){top:calc(62px + env(safe-area-inset-top))!important;right:6px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;left:6px!important;border-radius:17px!important}}
@media(prefers-reduced-motion:reduce){.ghp-pwa-update,.ghp-mobile-popup-portal{animation:none!important;transition:none!important}}

/* v2.10.1: keep the real navigation above its scrim on every page shell. */
@media(max-width:900px){body>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar,.premium-sidebar){display:block!important;position:fixed!important;top:calc(66px + env(safe-area-inset-top))!important;right:auto!important;bottom:calc(var(--mobile-cert-dock) + env(safe-area-inset-bottom))!important;left:0!important;width:min(320px,88vw)!important;min-width:min(320px,88vw)!important;height:auto!important;max-height:none!important;margin:0!important;padding-top:16px!important;overflow-x:hidden!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-110%)!important;z-index:12010!important;background:linear-gradient(180deg,#3b000c 0%,#180008 38%,#090a0f 100%)!important;border-right:1px solid rgba(255,45,85,.32)!important;box-shadow:24px 0 64px rgba(0,0,0,.72)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.sidebar-open>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar),body.premium-sidebar-open>.ghp-mobile-navigation-portal.premium-sidebar{display:block!important;opacity:1!important;visibility:visible!important;transform:translateX(0)!important}body.sidebar-open>.ghp-mobile-navigation-portal .ghp-sidebar-brand-card>div,body.sidebar-open>.ghp-mobile-navigation-portal .nav-title,body.sidebar-open>.ghp-mobile-navigation-portal .nav-item span,body.sidebar-open>.ghp-mobile-navigation-portal .ghp-sidebar-footer{display:block!important}body.sidebar-open>.ghp-mobile-navigation-portal .nav-item{display:flex!important;justify-content:flex-start!important;padding:12px 14px!important}.ghp-mobile-navigation-scrim{z-index:12000!important}}
@media(max-width:520px){body>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar,.premium-sidebar){top:calc(62px + env(safe-area-inset-top))!important;width:min(310px,90vw)!important;min-width:min(310px,90vw)!important}}

/* v2.18.18: one explicit drawer state; the backdrop cannot open by itself. */
@media(max-width:900px){
    .ghp-mobile-sidebar-scrim{display:none!important}
    body.sidebar-open .ghp-mobile-navigation-scrim,
    body.premium-sidebar-open .ghp-mobile-navigation-scrim{display:none}
    body.ghp-mobile-navigation-visible .ghp-mobile-navigation-scrim{
        display:block!important;
        z-index:12100!important;
    }
    body>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar,.premium-sidebar){
        display:block!important;
        position:fixed!important;
        inset:0 auto 0 0!important;
        width:min(330px,90vw)!important;
        min-width:min(330px,90vw)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
        padding:calc(16px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom))!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translate3d(-105%,0,0)!important;
        z-index:12110!important;
        background:linear-gradient(180deg,#3b000c 0%,#180008 38%,#090a0f 100%)!important;
        border-right:1px solid rgba(255,45,85,.32)!important;
        box-shadow:24px 0 64px rgba(0,0,0,.72)!important;
        isolation:isolate;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
    }
    body>.ghp-mobile-navigation-portal.is-mobile-open:is(.sidebar,.ghp-sidebar,.premium-sidebar){
        display:block!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translate3d(0,0,0)!important;
    }
    body>.ghp-mobile-navigation-portal.is-mobile-open :is(.ghp-sidebar-inner,.premium-sidebar__scroll,.nav-group,.nav-title,.nav-item,.nav-item span,.ghp-sidebar-footer){
        visibility:visible!important;
        opacity:1!important;
    }
    body>.ghp-mobile-navigation-portal.is-mobile-open .nav-item{
        display:flex!important;
        justify-content:flex-start!important;
        padding:12px 14px!important;
    }
}
@media(max-width:520px){
    body>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar,.premium-sidebar){
        width:min(310px,92vw)!important;
        min-width:min(310px,92vw)!important;
    }
}
@media(prefers-reduced-motion:reduce){
    body>.ghp-mobile-navigation-portal:is(.sidebar,.ghp-sidebar,.premium-sidebar){transition:none!important}
}