.dv-bottom-nav{display:none}
@media(max-width:760px){
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .dv-bottom-nav{position:fixed;z-index:85;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:7px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));box-sizing:border-box;border:0;border-top:1px solid #40566780;border-radius:0;background:#111d2cfa;box-shadow:0 -6px 24px #0003;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .dv-bottom-nav .dv-bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:57px;min-width:0;padding:1px 0 3px;margin:0;border:0;border-radius:15px;background:none;color:#a6b5c9;text-decoration:none;cursor:pointer;font:600 10px/1.25 Manrope,system-ui,sans-serif;letter-spacing:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .dv-bottom-icon{position:relative;display:grid;place-items:center;width:39px;height:32px;border-radius:12px;transition:background .18s,color .18s}
  .dv-bottom-nav .dv-bottom-icon>svg{display:block;width:23px;height:23px;max-width:23px;max-height:23px;flex:0 0 23px}
  .dv-bottom-nav .dv-bottom-item[aria-current="page"],.dv-bottom-nav .dv-bottom-item[aria-expanded="true"]{color:#9aebdb}
  .dv-bottom-item[aria-current="page"] .dv-bottom-icon,.dv-bottom-item[aria-expanded="true"] .dv-bottom-icon{background:#8fe1cf18;box-shadow:inset 0 0 0 1px #9ce3d611}
  .dv-bottom-nav .dv-bottom-item:focus-visible{outline:2px solid #9ce3d6;outline-offset:0}
  .dv-bottom-badge{position:absolute;right:-3px;top:-2px;display:grid;place-items:center;min-width:16px;height:16px;box-sizing:border-box;padding:0 4px;border-radius:10px;background:#a0f0de;color:#102c30;border:2px solid #13202f;font-size:9px;font-weight:800;line-height:1}
  .dv-bottom-badge[hidden]{display:none}
  .dv-bottom-avatar{position:relative;display:grid;place-items:center;box-sizing:border-box;width:27px;height:27px;border-radius:50%;border:1.5px solid #78bcaf;background:#203e42;color:#bceee2;font-size:12px;overflow:hidden}
  .dv-bottom-avatar img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
  .dv-bottom-avatar img[hidden]{display:none}
  .dv-bottom-ready .site-header .account>.member-profile-link,.dv-bottom-ready .site-header .account>.member-notifications>summary,.dv-bottom-ready .site-header .account>a{display:none!important}
  .dv-bottom-ready .site-header .account{min-width:0!important;width:0!important;padding:0!important;margin:0!important;gap:0!important}
  details.member-notifications[data-mobile-docked]{position:fixed!important;z-index:110!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;margin:0!important}
  details.member-notifications[data-mobile-docked]>summary{display:none!important}
  details.member-notifications[data-mobile-docked]>.notification-panel{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);box-sizing:border-box;overflow:auto!important;border-radius:22px!important;box-shadow:0 12px 50px #0009!important}
  .dv-nav-fullscreen .dv-bottom-nav,.dv-nav-keyboard .dv-bottom-nav{display:none!important}
  body:has(:fullscreen) .dv-bottom-nav{display:none!important}
  body:has(.sidebar.is-open) .dv-bottom-nav,.cinema-mode .dv-bottom-nav{display:none!important}
}
@media(max-width:350px){.dv-bottom-nav .dv-bottom-item{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dv-bottom-icon{transition:none}}

/* Preserve the existing notification control styling outside the header. */
details.member-notifications[data-mobile-docked] .notification-item{display:flex;align-items:flex-start;gap:12px;background:transparent;border:0;border-radius:12px;padding:13px;color:#d4e0e7;text-decoration:none;text-align:left;white-space:normal}
details.member-notifications[data-mobile-docked] .notification-panel form{margin:0;padding:9px;border-top:1px solid #ffffff09}
details.member-notifications[data-mobile-docked] .notification-panel button{display:block;background:transparent;border:0;border-radius:10px;color:#95d6c8;font-size:11px;min-height:40px;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-heading{gap:12px}
details.member-notifications[data-mobile-docked] .notification-sound{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #3d526b;border-radius:10px;background:#ffffff04;color:#96d6cf;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-sound svg{width:17px;height:17px}
details.member-notifications[data-mobile-docked] .notification-sound[aria-pressed=false]{color:#8394aa;opacity:.7}
details.member-notifications[data-mobile-docked] .notification-item{display:flex;align-items:flex-start;gap:7px}
details.member-notifications[data-mobile-docked] .notification-content{display:flex;gap:11px;flex:1;min-width:0;color:inherit;text-decoration:none}
details.member-notifications[data-mobile-docked] .notification-copy{flex:1;min-width:0;overflow-wrap:anywhere}
details.member-notifications[data-mobile-docked] .notification-remove{display:grid;place-items:center;flex:0 0 34px;width:34px;min-height:36px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;color:#8297b0;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-remove svg{width:16px;height:16px}
details.member-notifications[data-mobile-docked] .notification-remove:hover{background:#ee8e9911;color:#f4b3b8;border-color:#ee8e9926}
details.member-notifications[data-mobile-docked] .notification-toolbar{display:flex;gap:8px;padding:12px 16px}
details.member-notifications[data-mobile-docked] .notification-toolbar button{flex:1;min-height:40px;padding:8px;border:1px solid #354b62;border-radius:9px;background:#ffffff03;color:#b6d6df;font-size:11px;font-weight:650;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-toolbar .notification-clear-all{color:#cebdc8;border-color:#66525e55}
details.member-notifications[data-mobile-docked] .notification-toolbar button:disabled{opacity:.4;cursor:default}
details.member-notifications[data-mobile-docked] .notification-undo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;margin:0 12px 12px;border:1px solid #78cec839;border-radius:9px;background:#78cec809;font-size:11px;color:#b7d5da}
details.member-notifications[data-mobile-docked] .notification-undo button{min-height:34px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#7bdfd5;font-size:11px;font-weight:700;cursor:pointer}
details.member-notifications[data-mobile-docked] .notification-undo button{width:auto;flex:0 0 auto}
details.member-notifications[data-mobile-docked] .notification-status{font-size:11px;color:#b7cbdc;margin:0;padding:0 16px 12px}
details.member-notifications[data-mobile-docked] [hidden]{display:none!important}
details.member-notifications[data-mobile-docked] button:focus-visible{outline:2px solid #79d6cb;outline-offset:2px}
@media(max-width:600px){details.member-notifications[data-mobile-docked] .notification-remove{min-width:40px;min-height:44px}details.member-notifications[data-mobile-docked] .notification-toolbar button{min-height:44px}}