#pwaInstallDialog{border:0;border-radius:20px;padding:26px;width:calc(100% - 40px);max-width:380px;box-sizing:border-box;color:#172238;background:#fff;font:16px/1.7 Inter,'Noto Sans KR',sans-serif}
#pwaInstallDialog::backdrop{background:#14223e66;backdrop-filter:blur(3px)}
#pwaInstallDialog h2{margin:0 0 12px;font-size:21px}
#pwaInstallDialog p{margin:0 0 20px;white-space:pre-line;color:#596579}
#pwaInstallDialog button{width:100%;border:0;border-radius:11px;padding:12px;background:#2456ed;color:white;font:inherit;cursor:pointer}
.pwa-install[hidden]{display:none!important}
@media(display-mode:standalone){
  .pwa-install{display:none!important}
  .drawer{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(display-mode:standalone) and (max-width:900px){
  .topbar,.detail-topbar{height:calc(73px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
}

.push-settings{margin:0 24px 20px;padding:18px;border:1px solid #e2e7ef;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f8faff}
.push-settings h2{font-size:16px;margin:0 0 6px}.push-settings p{font-size:14px;line-height:1.6;margin:0;color:#596579}
.push-actions{display:flex;gap:8px;flex-shrink:0}.push-actions button{border:0;border-radius:10px;padding:12px 16px;background:#2456ed;color:#fff;min-height:44px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;white-space:nowrap}
.push-actions button:disabled{opacity:.6;cursor:wait}.push-actions #pushTest{background:#e9efff;color:#2456ed}.push-actions [hidden]{display:none}
@media(max-width:600px){.push-settings{margin:0 20px 18px;align-items:stretch;flex-direction:column;gap:12px}.push-actions button{flex:1}}

/*
 * iOS installed apps can move fixed/sticky viewport layers during root scrolling.
 * Keep the document stationary: only the content pane scrolls; the dock is a
 * normal flex row below it, never a fixed layer over the feed.
 */
@media(display-mode:standalone) and (max-width:900px){
  html.community-app{
    --app-scroll-pane:1;
    height:100%;
    height:100dvh;
    overflow:hidden;
    overscroll-behavior:none;
  }
  html.community-app>body{
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    overscroll-behavior:none;
  }
  html.community-app>body>.app-shell{
    flex:1 1 0%;
    min-height:0;
    width:100%;
    margin:0;
    padding-bottom:20px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:none;
    scroll-padding-top:calc(73px + env(safe-area-inset-top));
  }
  html.community-app #bottomNav{
    position:relative;
    inset:auto;
    flex:0 0 auto;
    width:100%;
    margin:0;
    transform:none;
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    background:#fff;
  }
  html.community-app .modal-sheet{overscroll-behavior-y:contain}
  html.community-app>body:has(>.modal-backdrop:not(.hidden),>.action-sheet-backdrop:not(.hidden),>.drawer.open,>dialog[open])>.app-shell{
    overflow-y:hidden;
  }
}