.notification-guide{max-width:720px;margin-top:28px;padding:28px;border:1px solid #30384e;background:linear-gradient(145deg,#171b27,#101219);box-shadow:0 18px 60px #0004}.notification-guide-head{display:flex;gap:18px;align-items:flex-start}.notification-guide-head h2{margin:5px 0 8px}.notification-guide-head p:last-child{color:var(--muted);line-height:1.6}.notification-guide-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:#3153ff22;border:1px solid #536aff;color:#91a0ff;font-size:20px}.desktop-notification-help,.mobile-notification-help>div{margin-top:20px;padding:20px;border:1px solid #2c3345;background:#0b0e14}.notification-guide h3{margin:0 0 12px;font-size:15px}.notification-guide ol{margin:0;padding-left:20px;color:#b4bac7;line-height:1.65}.notification-guide li+li{margin-top:8px}.notification-guide p{color:#81899a;line-height:1.5}.notification-guide button{margin-top:18px;border:1px solid #536aff;background:transparent;color:#fff;padding:13px 18px;font-size:9px;font-weight:bold;letter-spacing:.12em}.push-card{margin-top:0!important;border-top:0!important}
@media(max-width:760px){body{padding-bottom:72px}header{height:64px}header nav{display:grid!important;position:fixed;left:0;right:0;bottom:0;top:auto;height:64px;z-index:100;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background:#0c0f16;border-top:1px solid var(--line);box-shadow:0 -10px 30px #0008}header nav>a,header nav form{display:flex!important;margin:0!important;min-width:0;align-items:stretch;justify-content:center}header nav>a,header nav button{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 3px!important;margin:0!important;border:0!important;color:#aab1c0;text-align:center;font-size:10px;line-height:1.15}header nav button{color:#d98b73}.notification-guide{padding:22px 17px}.notification-guide-head{gap:12px}.notification-guide-icon{flex-basis:40px;height:40px}.desktop-notification-help{display:none}.mobile-notification-help>div{padding:17px 14px}.push-card{border-top:1px solid var(--line)!important}}
@media(min-width:761px){.mobile-notification-help{display:none}}

.app-nav svg{display:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-nav span{white-space:nowrap}
@media(max-width:760px){
 header nav>a::before,header nav button::before{display:block;font-size:22px;line-height:22px;font-weight:400;margin-bottom:5px}
 header nav>a[href="/"]::before{content:"⌂"}
 header nav>a[href*="page=profile"]::before{content:"♙"}
 header nav>a[href*="page=settings"]::before{content:"⚙"}
 header nav>a[href*="page=admin"]::before{content:"♛"}
 header nav>a[href*="page=login"]::before{content:"↪"}
 header nav button::before{content:"↪";transform:scaleX(-1)}
 header nav>a,header nav button{flex-direction:column;gap:2px;font-size:10px!important;font-weight:600}
 header .app-nav{height:72px}
 header .app-nav>a,header .app-nav button{display:flex!important;flex-direction:column;gap:5px}
 header .app-nav>a::before,header .app-nav button::before{display:none}
 header .app-nav svg{display:block;flex:0 0 22px}
 header .app-nav span{display:block}
}