.mobile-app-top,.mobile-app-bottom{display:none}#mobile-menu{border:0;border-radius:20px;padding:22px;width:min(430px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;color:#172b46;box-shadow:0 20px 70px #162b4633}#mobile-menu::backdrop{background:#13233d70}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.mobile-menu-heading button{width:44px;height:44px;border:0;border-radius:50%;font-size:1.6rem;background:#f1f4fa;color:inherit}#mobile-menu nav{grid-template-columns:1fr 1fr;gap:5px}#mobile-menu nav a{background:#f5f7fb;min-height:48px;padding:13px;font-size:.85rem}.mobile-menu-language{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid #e1e7ef}.mobile-app-mode{padding-top:calc(64px + env(safe-area-inset-top,0px));padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.mobile-app-mode>.sidebar,.mobile-app-mode .topbar,.mobile-app-mode .landing-header{display:none}.mobile-app-mode .app-shell{margin-left:0}.mobile-app-mode .mobile-app-top{display:flex;position:fixed;top:0;left:0;right:0;height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));align-items:center;justify-content:space-between;gap:15px;background:#fffffff5;border-bottom:1px solid #e8edf3;backdrop-filter:blur(12px);z-index:40}.mobile-app-top .brand{width:185px;height:44px}.mobile-app-top button{display:grid;place-items:center;width:44px;height:44px;border:0;background:#f3f6fb;border-radius:12px;color:#294263}.mobile-app-mode .mobile-app-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;position:fixed;bottom:0;left:0;right:0;padding:8px max(6px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:#fffffff7;border-top:1px solid #e2e8f0;box-shadow:0 -5px 25px #1b355408;backdrop-filter:blur(12px);z-index:40}.mobile-app-bottom a{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:52px;padding:4px 2px;border-radius:12px;color:#7a8798}.mobile-app-bottom a span{font-size:.62rem;width:auto;line-height:1.2;text-align:center;overflow-wrap:anywhere}.mobile-app-bottom a[aria-current=page]{background:#edf2ff;color:#2b57dc;font-weight:700}.mobile-app-mode .landing-hero{padding-top:30px}.mobile-app-mode .landing-footer{padding-bottom:24px}.mobile-app-mode .install-row{margin-top:0}.mobile-app-mode #help-main,.mobile-app-mode #signup-main{padding-top:24px}.mobile-app-mode :target{scroll-margin-top:85px}.mobile-app-mode input,.mobile-app-mode textarea,.mobile-app-mode select{scroll-margin-bottom:100px}.mobile-app-mode .skip:focus{position:fixed;top:5px;z-index:60}
.header-install{white-space:nowrap;font-size:.78rem;padding:9px 12px}.mobile-app-top .mobile-install{width:auto;max-width:110px;min-height:44px;height:auto;padding:7px 10px;margin-left:auto;font-size:.72rem;line-height:1.3;background:#edf2ff;color:#2b57dc;font-weight:600}.mobile-app-top:has(.mobile-install){gap:8px}.mobile-app-top:has(.mobile-install) .brand{width:clamp(125px,40vw,185px);min-width:0;flex-shrink:1}.mobile-app-top #mobile-menu-open{flex-shrink:0}.mobile-install:disabled{opacity:.6;cursor:default}@media(min-width:761px){.landing-nav-actions:has(.header-install){flex-wrap:wrap;justify-content:flex-end}.topbar-controls:has(.header-install){gap:10px}}

.mobile-member-entry{display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;color:#2b57dc;font-size:.75rem;font-weight:600;white-space:nowrap}.mobile-app-top:has(.mobile-member-entry) .brand{width:clamp(90px,27vw,150px)}.mobile-app-top:has(.mobile-member-entry) .mobile-install{max-width:88px;font-size:.65rem;margin-left:0}.landing-nav-actions .member-entry{white-space:nowrap;border:1px solid #b8c8e5;background:#fff;color:#244eac}

#mobile-menu .sidebar-account{margin:0 0 18px;width:100%;min-width:0;box-sizing:border-box}#mobile-menu .sidebar-account select{width:100%;min-width:0;max-width:100%}#mobile-menu nav a{overflow-wrap:anywhere}

/* A mobile report has its own account context, readable cards and touch targets. */
.mobile-account-context[hidden]{display:none}
.mobile-account-context{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce4f1;border-radius:16px;padding:14px;margin-bottom:20px;min-width:0}
.mobile-account-context>img{flex:0 0 32px}
.mobile-account-context .sidebar-account{flex:1;margin:0;padding:0;border:0;background:none;max-width:none;min-width:0}
.mobile-account-context .sidebar-account label{font-size:12px}
.mobile-account-context .sidebar-account select{font-size:16px;min-height:44px;padding:8px;max-width:100%}
.mobile-account-context .sidebar-account a{font-size:13px}
@media(max-width:760px){
 .mobile-app-mode main{padding:20px 16px;min-width:0;width:100%}
 .mobile-app-mode .intro h1{font-size:26px;letter-spacing:-.6px;margin:0 0 20px}
 .mobile-app-mode .real-analytics{padding:16px;min-width:0}
 .mobile-app-mode .real-analytics:has(>.youtube-dashboard){padding:0}
 .mobile-app-mode .insights-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mobile-app-mode .insights-card{padding:16px 12px;overflow-wrap:anywhere}
 .mobile-app-mode .insights-card h2{font-size:14px;line-height:1.4}
 .mobile-app-mode .insights-value{font-size:26px;margin:12px 0}
 .mobile-app-mode .insights-cards>.insights-card:last-child:nth-child(odd){grid-column:1/-1}
 .mobile-app-mode .youtube-summary{padding:16px}
 .mobile-app-mode .youtube-summary .insights-cards{grid-template-columns:1fr}
 .mobile-app-mode .youtube-summary .insights-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .mobile-app-mode .youtube-summary .insights-value{margin:0;font-size:24px}
 .mobile-app-mode .youtube-comparison,.mobile-app-mode .insights-note{font-size:13px;line-height:1.6}
 .mobile-app-mode .youtube-video-row{background:#f8faff;border:1px solid #e3eaf4;border-radius:14px;padding:14px;margin-top:14px}
 .mobile-app-mode .youtube-video-identity{display:grid;grid-template-columns:1fr;gap:12px}
 .mobile-app-mode .youtube-video-preview{width:100%;aspect-ratio:16/9}
 .mobile-app-mode .youtube-video-identity strong{font-size:16px;line-height:1.5}
 .mobile-app-mode .youtube-video-stats{gap:12px;padding-top:12px;border-top:1px solid #dce4f1}
 .mobile-app-mode .youtube-video-stats dt{font-size:13px}
 .mobile-app-mode .youtube-video-stats dd{font-size:18px}
 .mobile-app-mode .youtube-bars{min-width:0;gap:2px}
 .mobile-app-mode .youtube-chart,.mobile-app-mode .youtube-videos,.mobile-app-mode .insights-content{padding:16px}
 .mobile-app-mode .content-filter-fields{display:grid;grid-template-columns:1fr;gap:14px}
 .mobile-app-mode .content-filter-fields>label{min-width:0;font-size:14px}
 .mobile-app-mode input:not([type=checkbox]),.mobile-app-mode select,.mobile-app-mode textarea{font-size:16px;max-width:100%;min-width:0}
 .mobile-app-mode .content-filter-note{font-size:13px}
 .mobile-app-mode .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
 .mobile-app-mode .history-pagination,.mobile-app-mode .youtube-pagination{gap:8px;flex-wrap:wrap}
 .mobile-app-mode .youtube-pagination .button{min-width:44px;min-height:44px}
 .mobile-app-mode .post-card-table,.mobile-app-mode .post-card-table tbody{display:block;white-space:normal}
 .mobile-app-mode .post-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mobile-app-mode .post-card-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #dfe7f3;border-radius:14px;padding:16px;margin:14px 0;background:#fff}
 .mobile-app-mode .post-card-table td{display:block;min-width:0!important;max-width:none!important;padding:0;border:0;text-align:left;font-size:16px}
 .mobile-app-mode .post-card-table td:first-child,.mobile-app-mode .post-card-table td:nth-child(2){grid-column:1/-1}
 .mobile-app-mode .post-card-table td[data-label]::before{content:attr(data-label);display:block;font-size:13px;color:#728096;margin-bottom:5px}
 .mobile-app-mode .post-title-cell p{font-size:15px;line-height:1.6}
 .mobile-app-mode .post-title-cell a{display:inline-block;padding-block:10px;font-size:14px}
 .mobile-app-mode .reach-section{padding:14px}
 .mobile-app-mode .reach-readout{padding:12px}
 .mobile-app-mode .mobile-app-top .brand{width:125px}
 .mobile-app-mode .mobile-app-bottom a span{font-size:11px}
 .mobile-app-mode .meta-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
 .mobile-app-mode .meta-metrics>div{padding:16px 12px;min-width:0}
 .mobile-app-mode .meta-metrics>div:last-child:nth-child(odd){grid-column:1/-1}
 .mobile-app-mode .meta-metrics span{font-size:14px}
 .mobile-app-mode .meta-metrics strong{font-size:26px;margin-top:10px}
 .mobile-app-mode .reach-columns{min-width:0;gap:2px}
 .mobile-app-mode .reach-day{min-width:0;padding:0;flex:1}
 .mobile-app-mode .reach-date{display:none}
 .mobile-app-mode .reach-description{font-size:14px}
}