/* Render-blocking shell styles keep slow business scripts from exposing legacy pages. */
[data-portal-header] { display:none; }
/* Desktop content waits for the shared member shell instead of exposing legacy chrome. */
html[data-portal-channel="pc"] body:not(.mc-portal) > :is(.site-header,.mas-page-header,.mf-site-header,.topbar,.workspace,#developerApp,#accountSecurity,#favoritesApp) { visibility:hidden; }
html[data-portal-channel="mobile"] { background:#f6f7f9; }
html[data-portal-channel="mobile"] body { max-width:600px; min-width:0; min-height:100dvh; margin:0 auto; background:#f6f7f9; color:#30343e; }
html[data-portal-channel="mobile"] body > :is(.site-header,.mas-page-header,.topbar,.mf-site-header,.site-footer) { display:none!important; }
html[data-portal-channel="mobile"] [data-portal-header] { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:52px minmax(0,1fr) 52px; align-items:center; gap:8px; box-sizing:border-box; min-height:58px; padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px; border-bottom:1px solid #e4e9ef; background:#fff; color:#30343e; font-family:system-ui,"Microsoft YaHei",sans-serif; }
html[data-portal-channel="mobile"] [data-portal-header] :is(a,button) { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:0; border:0; background:transparent; color:inherit; font:14px/1.5 system-ui,"Microsoft YaHei",sans-serif; text-decoration:none; touch-action:manipulation; }
html[data-portal-channel="mobile"] [data-portal-header] :is(strong,h1) { min-width:0; margin:0; text-align:center; font-size:17px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
html[data-portal-channel="mobile"] [data-portal-header] svg { width:20px; height:20px; }
html[data-portal-channel="mobile"] #developerApp { min-height:0; width:100%; max-width:600px; box-sizing:border-box; margin:0 auto; padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px)); }
html[data-portal-channel="mobile"] #developerApp > .page-heading { display:none; }
html[data-portal-channel="mobile"] #accountSecurity { width:100%; max-width:600px; min-width:0; margin:0 auto; padding:0; }
html[data-portal-channel="mobile"] .portal-initial-state { display:grid; place-items:center; min-height:240px; padding:24px; color:#687483; font-size:14px; }
.portal-load-retry { display:block; min-height:44px; margin:16px auto; padding:10px 16px; max-width:calc(100% - 32px); border:1px solid #d9e2ec; border-radius:6px; background:#fff; color:#355b8d; font:14px/1.5 system-ui,sans-serif; }