/* Shared phone navigation from the homepage. */
.mobile-menu-toggle{display:none}
@media(max-width:680px){
 body{padding-top:64px!important}
 body .bottom-menu,body .bottom-menu.is-at-top{top:env(safe-area-inset-top,0px);left:0;transform:none;width:100%;max-width:none;height:64px;padding:12px 24px;gap:16px;border-radius:0;background:#0e0f11;box-shadow:none;box-sizing:border-box}
 body .bottom-menu-left{gap:0;flex:1}
 body .bottom-brand{min-width:68px;width:68px;padding:0;height:40px}
 body .bottom-brand>span,body .bottom-divider,body .bottom-chat{display:none}
 body .bottom-brand .top-brand-logo{opacity:1;width:68px;height:18px}
 body .bottom-actions{gap:16px}
 body .bottom-start{padding:10px 24px;font:500 14px/20px Inter,sans-serif;background:#fff;color:#000;height:40px;box-sizing:border-box}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;background:none;border:0;border-radius:99px;cursor:pointer}
 .mobile-menu-toggle img{width:24px;height:24px}
 body .bottom-actions:after{content:'';height:20px;width:1px;background:#34363c;order:1}
 .mobile-menu-toggle{order:2}
 body .bottom-links{display:none;position:absolute;left:8px;right:8px;top:64px;padding:16px;background:#1c1e21;border-radius:24px;box-shadow:0 16px 32px #0005;flex-direction:column;align-items:stretch;gap:8px}
 body .bottom-menu.mobile-menu-open .bottom-links{display:flex}
 body .bottom-links a,body .bottom-links>.feed-coming-soon{font:500 16px/24px Inter,sans-serif;padding:12px 16px;color:#91939d}
 body .bottom-links a[aria-current],body .bottom-links a:hover{color:#e3e5f1;background:#0e0f11}
}

@media(max-width:680px){
 body .bottom-menu,body .bottom-menu.is-at-top,body .bottom-menu:not(.is-at-top){width:100%;max-width:none;left:0;top:env(safe-area-inset-top,0px);bottom:auto;transform:none;background:#0e0f11;border-radius:0;transition:none;}
 body .bottom-menu-left,body .bottom-brand,body .top-brand-logo{transition:none;}
}

@media(max-width:680px){
 html.mobile-footer-background{background-color:#82f277;background-image:linear-gradient(to bottom,#fff 22.042%,#82f277);background-size:100% 522px;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;}
 html.mobile-footer-background body{background:transparent!important;}
}

/* Bubble Menu: mobile-only pills; the existing header stays unchanged. */
@media(max-width:680px){
 body .mobile-menu-toggle{flex-direction:column;gap:6px;background:transparent!important;box-shadow:none;}
 body .mobile-menu-toggle img{display:none;}
 .mobile-menu-line{display:block;width:24px;height:2px;border-radius:2px;background:#91939d;transform-origin:center;transition:transform .3s ease;}
 .mobile-menu-open .mobile-menu-line:first-of-type{transform:translateY(4px) rotate(45deg);}
 .mobile-menu-open .mobile-menu-line:last-of-type{transform:translateY(-4px) rotate(-45deg);}
 body .bottom-links{position:fixed;inset:64px 0 0;top:calc(64px + env(safe-area-inset-top,0px));padding:56px 24px 32px;overflow-y:auto;overscroll-behavior:contain;background:transparent;border-radius:0;box-shadow:none;gap:16px;align-items:stretch;justify-content:flex-start;z-index:101;}
 body .bottom-menu.mobile-menu-open .bottom-links,body .bottom-menu.mobile-menu-closing .bottom-links{display:flex;}
 body .bottom-links a,body .bottom-links>.feed-coming-soon,body .bottom-links a[aria-current],body .bottom-links a:hover{display:flex;align-items:center;justify-content:center;flex:none;width:100%;min-height:80px;padding:16px 0;border-radius:999px;background:#fff;color:#111;font:400 clamp(1.2rem,3vw,4rem)/1.2 Inter,Arial,sans-serif;box-shadow:0 4px 14px #0002;transform-origin:center;overflow:hidden;}
 body .bottom-links a:hover,body .bottom-links a:focus-visible{background:#82f277;color:#111;}
 body .bottom-links>.feed-coming-soon{color:#777;cursor:default;}
 .mobile-bubble-label{display:inline-flex;align-items:center;gap:8px;}
 .mobile-menu-open .bottom-links>*,.mobile-menu-open .mobile-bubble-label{animation:mobile-bubble-in .5s cubic-bezier(.34,1.56,.64,1) var(--bubble-delay,0s) both;}
 .mobile-menu-open .mobile-bubble-label{animation-name:mobile-bubble-label-in;animation-timing-function:cubic-bezier(.22,1,.36,1);}
 .mobile-menu-closing .bottom-links>*{animation:mobile-bubble-out .2s ease-in both;}
 .mobile-menu-closing .mobile-bubble-label{animation:mobile-bubble-label-out .2s ease-in both;}
}
@keyframes mobile-bubble-in{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes mobile-bubble-label-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobile-bubble-out{to{transform:scale(0);opacity:0}}
@keyframes mobile-bubble-label-out{to{opacity:0;transform:translateY(24px)}}
@media(prefers-reduced-motion:reduce){.mobile-menu-line{transition:none}.mobile-menu-open .bottom-links>*,.mobile-menu-open .mobile-bubble-label,.mobile-menu-closing .bottom-links>*{animation:none!important}}
@media(max-width:680px){
 body .bottom-menu .bottom-links>a,body .bottom-menu .bottom-links>.feed-coming-soon{background:#fff!important;color:#111!important;}
 body .bottom-menu .bottom-links>a:hover,body .bottom-menu .bottom-links>a:focus-visible{background:#82f277!important;color:#111!important;}
 body .bottom-menu .bottom-links>.feed-coming-soon{color:#777!important;}
}
@media(min-width:681px){.mobile-bubble-label{display:contents;}}