/* ROOT SE · Apple adaptive glass layer · 2026-09-26
   Full bleed shell; safe area only protects controls. */
@supports (-webkit-touch-callout:none){
  :root{
    --ios-top:env(safe-area-inset-top,0px);
    --ios-bottom:env(safe-area-inset-bottom,0px);
    --ios-left:env(safe-area-inset-left,0px);
    --ios-right:env(safe-area-inset-right,0px);
    --ios-header:58px;
    --ios-nav:68px;
    --ios-glass:rgba(5,15,22,.68);
    --ios-glass-strong:rgba(5,15,22,.84);
    --ios-stroke:rgba(190,235,255,.16);
  }
  html,body{width:100%!important;height:100%!important;margin:0!important;background:var(--bg-main,#02070b)!important;overflow:hidden!important}
  body{min-height:100dvh!important}
  #appShell.shell{
    position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    margin:0!important;padding:0!important;overflow:hidden!important;
    background:var(--bg-main,#02070b)!important;
  }
  #appShell>.topbar{
    position:fixed!important;z-index:120!important;
    top:0!important;left:0!important;right:0!important;
    box-sizing:border-box!important;width:100%!important;
    height:calc(var(--ios-header) + var(--ios-top))!important;
    min-height:calc(var(--ios-header) + var(--ios-top))!important;
    padding:var(--ios-top) max(14px,var(--ios-right)) 0 max(14px,var(--ios-left))!important;
    margin:0!important;
    background:linear-gradient(180deg,rgba(3,12,17,.86),rgba(3,12,17,.66))!important;
    border-bottom:1px solid var(--ios-stroke)!important;
    -webkit-backdrop-filter:saturate(150%) blur(22px)!important;
    backdrop-filter:saturate(150%) blur(22px)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.14)!important;
  }
  #mainContent.content{
    position:fixed!important;
    top:calc(var(--ios-header) + var(--ios-top))!important;
    right:0!important;
    bottom:calc(var(--ios-nav) + var(--ios-bottom))!important;
    left:0!important;
    box-sizing:border-box!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;
    margin:0!important;
    padding:14px max(12px,var(--ios-right)) 18px max(12px,var(--ios-left))!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scrollbar-gutter:auto!important;
  }
  #appShell>.nav{
    position:fixed!important;z-index:125!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    box-sizing:border-box!important;width:100%!important;
    height:calc(var(--ios-nav) + var(--ios-bottom))!important;
    min-height:calc(var(--ios-nav) + var(--ios-bottom))!important;
    margin:0!important;
    padding:5px max(8px,var(--ios-right)) var(--ios-bottom) max(8px,var(--ios-left))!important;
    background:linear-gradient(180deg,rgba(3,12,17,.70),rgba(3,12,17,.90))!important;
    border:0!important;border-top:1px solid var(--ios-stroke)!important;border-radius:0!important;
    -webkit-backdrop-filter:saturate(160%) blur(24px)!important;
    backdrop-filter:saturate(160%) blur(24px)!important;
    box-shadow:0 -10px 32px rgba(0,0,0,.16)!important;
  }
  #appShell>.nav>button{
    min-width:0!important;min-height:56px!important;
    margin:0 2px!important;padding:5px 2px!important;
    border:1px solid transparent!important;border-radius:16px!important;
    background:transparent!important;
    transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  #appShell>.nav>button.on{
    background:linear-gradient(145deg,rgba(160,230,255,.13),rgba(80,170,255,.055))!important;
    border-color:rgba(166,229,255,.17)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 20px rgba(0,0,0,.12)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  #appShell>.nav>button:active,.iconBtn:active{transform:scale(.96)!important}
  #appShell>.nav .nicon,.drawerIcon,.iconBtn{
    border-radius:12px!important;
    -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
    backdrop-filter:blur(14px) saturate(145%)!important;
  }
  .iconBtn{
    border:1px solid rgba(184,232,255,.14)!important;
    background:linear-gradient(145deg,rgba(183,231,255,.10),rgba(70,155,205,.035))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
    -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
    backdrop-filter:blur(16px) saturate(145%)!important;
  }
  .drawerLayer{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important}
  .sideDrawer{
    top:0!important;bottom:0!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    padding-top:max(12px,var(--ios-top))!important;
    padding-bottom:max(8px,var(--ios-bottom))!important;
    background:rgba(3,12,17,.80)!important;
    border-right:1px solid rgba(184,232,255,.14)!important;
    -webkit-backdrop-filter:blur(28px) saturate(155%)!important;
    backdrop-filter:blur(28px) saturate(155%)!important;
  }
  .drawerNav button{
    border-radius:15px!important;
    border:1px solid rgba(255,255,255,.025)!important;
    background:rgba(255,255,255,.018)!important;
  }
  .drawerNav button.on{
    background:rgba(127,211,255,.10)!important;
    border-color:rgba(157,224,255,.14)!important;
  }
  .homeHero,.homePublication,.broadcastCard,.rowCard,.card,.heroAction{
    border-color:rgba(180,231,255,.12)!important;
    background:linear-gradient(145deg,rgba(12,28,38,.66),rgba(4,13,19,.54))!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 34px rgba(0,0,0,.13)!important;
  }
  .chatScreen:not(.hidden){
    position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
    padding:0!important;background:var(--bg-main,#02070b)!important;
  }
  .chatScreen>.chatHead{
    box-sizing:border-box!important;
    min-height:calc(58px + var(--ios-top))!important;
    padding-top:var(--ios-top)!important;
    background:rgba(3,12,17,.76)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
  }
  .chatScreen>.composer{
    box-sizing:border-box!important;
    padding-bottom:max(10px,var(--ios-bottom))!important;
    background:rgba(3,12,17,.76)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
  }
}
@media(min-width:900px){
  /* Keep desktop geometry; only the Apple/WebKit mobile layer above changes iPhone/iPad chrome. */
}