@media(min-width:761px){.topbar{height:68px!important;min-height:68px!important;gap:16px!important;background:rgba(18,22,21,.97)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 8px 26px rgba(7,10,9,.15)!important}.topbar:before{background:radial-gradient(circle at 18% -140%,rgba(222,91,68,.26),transparent 38%)!important}.topbar:after{height:1px!important;background:linear-gradient(90deg,#dc624d 0 84px,rgba(255,255,255,.08) 84px 100%)!important}.topbar .brand{gap:9px!important;padding-right:10px!important;font-size:21px!important;letter-spacing:-.055em!important}.topbar .brand-mark{width:25px!important;height:25px!important;background:#d85a46!important;color:#fff!important;border-radius:5px!important;clip-path:none!important;font-size:15px!important}.topbar nav{margin-left:4px!important;gap:2px!important;padding:4px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important}.topbar nav a,.topbar nav a:first-child{min-height:34px!important;padding:8px 11px!important;border-radius:7px!important;color:#b8c1bd!important;font-size:11px!important;font-weight:780!important}.topbar nav a:after{display:none!important}.topbar nav a:hover,.topbar nav a:focus-visible,.topbar nav a.active{background:rgba(255,255,255,.1)!important;color:#fff!important}.topbar nav a:nth-child(4){color:#ffab9b!important}.topbar .header-actions{gap:7px!important}.topbar .header-actions .btn{min-height:35px!important;padding:8px 12px!important;border-radius:9px!important;font-size:10px!important}.topbar .header-actions .btn.ghost{border-color:rgba(255,255,255,.18)!important;color:#f1f4f2!important}.topbar .header-actions .btn.primary{background:#d85a46!important;border-color:#d85a46!important}.topbar .header-actions .btn.primary:hover{background:#ed7059!important}}
@media(max-width:760px){.topbar{height:60px!important;min-height:60px!important;background:rgba(18,22,21,.98)!important;border-bottom-color:rgba(255,255,255,.09)!important}.topbar:after{height:1px!important;background:linear-gradient(90deg,#d85a46 0 70px,rgba(255,255,255,.09) 70px 100%)!important}.topbar .brand-mark{border-radius:4px!important;clip-path:none!important;background:#d85a46!important;color:#fff!important}.mobile-bottom-nav{background:rgba(18,22,21,.99)!important}.mobile-bottom-nav a.active i{color:#f17862!important}}

/* Mobile navigation: use one visual language for every destination and never let it extend the page width. */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:760px){
  body{padding-bottom:90px!important}
  main,main>*{min-width:0}
  .mobile-bottom-nav{box-sizing:border-box!important;width:100%!important;max-width:100vw!important;overflow:hidden!important}
  .mobile-bottom-nav a{box-sizing:border-box!important;min-width:0!important;overflow:hidden!important}
  .mobile-bottom-nav a i{display:grid!important;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.055);color:#bec7c3;font-family:Arial,sans-serif;font-size:0!important;font-style:normal!important;font-weight:800;line-height:1!important;transition:background .16s ease,color .16s ease,transform .16s ease}
  .mobile-bottom-nav a i:before{display:block;font-size:16px;line-height:1}
  .mobile-bottom-nav a:nth-child(1) i:before{content:"⌂"}
  .mobile-bottom-nav a:nth-child(2) i:before{content:"⌕"}
  .mobile-bottom-nav a:nth-child(3) i:before{content:"◷"}
  .mobile-bottom-nav a:nth-child(4) i:before{content:"+"}
  .mobile-bottom-nav a:nth-child(5) i:before{content:"○"}
  .mobile-bottom-nav a.active i{background:rgba(240,115,94,.16)!important;color:#f28b78!important;transform:translateY(-1px)}
}