/* App-wide glass navigation and tactile button treatment. */
.site-header .menu-toggle,.site-header .nav-links{display:none!important}
body{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
.site-header{position:sticky!important;top:12px!important;z-index:80;backdrop-filter:blur(24px) saturate(1.55)!important;-webkit-backdrop-filter:blur(24px) saturate(1.55)!important;background:linear-gradient(125deg,#ffffffdf,#f8f6ffcc)!important;border-color:#ffffffec!important;box-shadow:0 10px 36px #28204616,inset 0 1px #fff!important}
.site-header .brand{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s;transform-origin:right center}
.site-header .brand:hover{transform:translateY(-1px) scale(1.025);filter:drop-shadow(0 5px 10px #8a75d52b)}
.site-header .brand-icon{box-shadow:0 5px 13px #17172d20,inset 0 1px #ffffff80}
.mobile-dock{position:fixed;z-index:100;right:50%;bottom:calc(12px + env(safe-area-inset-bottom));display:grid;width:min(680px,calc(100% - 24px));grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:8px;transform:translateX(50%);border:1px solid #ffffffed;border-radius:26px;background:linear-gradient(130deg,#ffffffd9,#f0edffca 55%,#e9f7f2ce);box-shadow:0 15px 44px #2920472b,inset 0 1px #fff,inset 0 -1px #ffffff90;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);animation:dock-rise .65s cubic-bezier(.16,1,.3,1) both}
.mobile-dock:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff6b,transparent 35%,#ffffff27 68%,#ffffff75);content:"";pointer-events:none}
.mobile-dock-link{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-width:0;min-height:58px;overflow:hidden;border:1px solid transparent;border-radius:19px;color:#77798d;font-size:9px;font-weight:800;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s,color .25s,box-shadow .32s,border-color .32s}
.mobile-dock-link:active{transform:scale(.9)}
.mobile-dock-link.active{color:#44388a;border-color:#ffffffd9;background:linear-gradient(145deg,#ffffffed,#f3efffce);box-shadow:0 6px 18px #4c3e9224,inset 0 1px #fff,inset 0 -1px #7861ed12}
.mobile-dock-link.active:after{position:absolute;top:3px;left:50%;width:17px;height:3px;transform:translateX(-50%);border-radius:4px;background:linear-gradient(90deg,#a88cff,#6552ce);box-shadow:0 0 12px #8068e96b;content:"";animation:tab-glow 2.4s ease-in-out infinite}
.dock-icon{display:grid;place-items:center;width:27px;height:27px;color:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
.dock-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-dock-link.active .dock-icon{transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 3px 5px #7965d945);animation:icon-breathe 2.6s ease-in-out infinite}
.mobile-dock-link span:last-child{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}
.button,.notification-toggle,.push-toggle,.filter-pill,.group-tab,.mention-option{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s,border-color .28s,filter .28s}
.button:after,.notification-toggle:after,.push-toggle:after{position:absolute;z-index:-1;top:-65%;left:-55%;width:38%;height:230%;transform:translateX(-160%) rotate(22deg);background:linear-gradient(90deg,transparent,#ffffffa8,transparent);content:"";pointer-events:none}
.button:hover:after,.notification-toggle:hover:after,.push-toggle:hover:after{animation:glass-sheen .8s ease}
.button-primary,.glass-button{border:1px solid #ffffff8a!important;background:linear-gradient(135deg,#242944e8,#5548a8db)!important;color:#fff!important;box-shadow:0 9px 24px #28204725,inset 0 1px #ffffff80!important;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.button-primary:hover,.glass-button:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.08);box-shadow:0 14px 30px #28204730,inset 0 1px #ffffffa0!important}
.button-outline,.notification-toggle{border-color:#ffffffd9!important;background:linear-gradient(140deg,#ffffffd9,#f4f1ff9e)!important;color:#34334d!important;box-shadow:0 5px 16px #2820470d,inset 0 1px #fff!important;backdrop-filter:blur(14px) saturate(1.45);-webkit-backdrop-filter:blur(14px) saturate(1.45)}
.button-outline:hover,.notification-toggle:hover{transform:translateY(-2px);border-color:#c9bdfa!important;box-shadow:0 10px 23px #5e4ab21b,inset 0 1px #fff!important}
.button:focus-visible,.mobile-dock-link:focus-visible,.notification-toggle:focus-visible{outline:3px solid #8874eb88;outline-offset:3px}
.menu-toggle{display:none!important}
.nav-links{display:none!important}
.site-header>.button,.site-header .community-header-actions>a.button{display:none!important}
@keyframes dock-rise{from{opacity:0;transform:translate(50%,22px) scale(.97);filter:blur(7px)}to{opacity:1;transform:translate(50%,0) scale(1);filter:blur(0)}}
@keyframes tab-glow{0%,100%{opacity:.65;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.25)}}
@keyframes icon-breathe{0%,100%{transform:translateY(-1px) scale(1.06)}50%{transform:translateY(-3px) scale(1.12)}}
@keyframes glass-sheen{to{transform:translateX(460%) rotate(22deg)}}
@media(max-width:420px){body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mobile-dock{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100% - 16px);gap:2px;padding:6px;border-radius:22px}.mobile-dock-link{min-height:54px;border-radius:16px;font-size:8px}.dock-icon{width:25px;height:25px}.dock-icon svg{width:19px;height:19px}.mobile-dock-link.active:after{top:2px;width:14px}}
@media(max-width:650px){.site-header{width:calc(100% - 20px)!important;height:62px!important;margin:10px auto 0!important;padding-inline:14px!important;border-radius:20px!important}.community-body .site-header{position:sticky!important;top:10px!important}.community-body .nav-links,.nav-links.open{display:none!important}.community-shell,.groups-shell{scroll-margin-top:84px}}
@media(prefers-reduced-motion:reduce){.mobile-dock,.mobile-dock-link,.mobile-dock-link.active .dock-icon,.mobile-dock-link.active:after{animation:none!important}.button,.notification-toggle,.push-toggle,.mobile-dock-link{transition:none!important}.button:hover,.notification-toggle:hover,.push-toggle:hover{transform:none}}