.notification-nav-link{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #4c3b20;border-radius:50%;background:#251f17;color:#ffbf50;text-decoration:none;box-shadow:0 7px 24px #0006}
.notification-nav-link:hover{border-color:#ff9d1b;background:#302719}.notification-nav-link.mail-fallback{border-color:#384454;background:#1c2430;color:#b9d8ff}
.notification-nav-badge{position:absolute;right:-5px;top:-7px;min-width:21px;height:21px;padding:3px;border-radius:999px;background:#e74c3c;color:#fff;font:700 .62rem/15px Inter;font-style:normal;text-align:center}
.notification-nav-badge[hidden],.mobile-inbox-badge[hidden]{display:none}
.topbar:has(>.notification-nav-link){gap:14px}.topbar:has(>.notification-nav-link)>nav{gap:5px}
.mobile-menu-toggle,.mobile-dock{display:none}
.mobile-menu-toggle{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font-size:1.25rem;padding:5px 10px;cursor:pointer}
@media(max-width:720px){
 body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
 .notification-nav-link{display:none}
 .topbar{height:auto!important;min-height:66px;padding:10px 0;align-items:center!important}
 .mobile-menu-toggle{display:block;min-width:44px;min-height:44px;margin-left:auto}
 .topbar .login{min-height:44px;display:inline-flex;align-items:center;padding:9px 12px}
 .topbar>nav{display:none!important;order:4;width:100%;max-height:calc(100dvh - 154px);overflow-y:auto;padding:8px 12px 14px!important;flex-direction:column;gap:2px!important;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 18px 45px #0008}
 .topbar>nav.mobile-open{display:flex!important}
 .topbar>nav a{min-height:42px;padding:11px 6px!important;border-bottom:1px solid var(--line);font-size:.85rem!important}
 .topbar>nav a:last-child{border-bottom:0}
 .mobile-dock{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid #353945;background:rgba(20,22,29,.96);backdrop-filter:blur(14px);box-shadow:0 -10px 35px #0008}
 .mobile-dock a{display:grid;place-items:center;min-width:0;min-height:48px;padding:6px 1px;border-radius:7px;color:#aeb1bb;font-size:.62rem;font-weight:700;text-align:center;text-decoration:none}
 .mobile-dock a.active,.mobile-dock a:hover{background:#2a2419;color:#ffbf50}
 .mobile-dock .mobile-inbox-link{position:relative;gap:1px}
 .mobile-inbox-link>span{font-size:1rem;line-height:1}
 .mobile-inbox-link>small{font:700 .58rem Inter}
 .mobile-inbox-badge{position:absolute;top:1px;right:calc(50% - 22px);min-width:17px;height:17px;padding:2px 4px;border-radius:999px;background:#e74c3c;color:#fff;font:700 .55rem/13px Inter;font-style:normal}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 92px);padding:24px 18px}
 button,.button,.outline,input,select,textarea{touch-action:manipulation}
}