:root{
  --qomm-bg: rgba(10,10,10,.92);
  --qomm-line: rgba(212,175,55,.22);
  --qomm-gold: #d4af37;
  --qomm-gold-soft: #f0dc8a;
  --qomm-text: #f6eed8;
}
.qomm-mobile-nav-wrap{display:none}
@media (max-width: 820px){
  body{padding-bottom:calc(150px + env(safe-area-inset-bottom, 0px));}
  .qomm-mobile-nav-wrap{
    display:block;
    position:fixed;
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom, 0px));
    z-index:99999;
    pointer-events:none;
  }
  .qomm-mobile-nav{
    pointer-events:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
    padding:9px;
    border-radius:24px;
    border:1px solid var(--qomm-line);
    background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018)), var(--qomm-bg);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow:0 22px 60px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.05);
  }
  .qomm-item{
    flex:1 1 calc(25% - 8px);
    min-width:64px;
    max-width:112px;
    min-height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    color:var(--qomm-text);
    text-decoration:none;
    border:1px solid rgba(255,255,255,.045);
    transition:transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
    background:rgba(255,255,255,.025);
  }
  .qomm-item:active{transform:translateY(1px) scale(.985)}
  .qomm-item.is-highlight{
    background:linear-gradient(180deg,#efd989,#d4af37);
    color:#111;
    box-shadow:0 10px 24px rgba(212,175,55,.28);
  }
  .qomm-item:not(.is-highlight):hover,
  .qomm-item:not(.is-highlight):focus{
    border-color:rgba(212,175,55,.36);
    background:rgba(255,255,255,.055);
  }
  .qomm-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
  .qomm-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .qomm-label{font-size:10px;font-weight:800;letter-spacing:-.02em;line-height:1.05;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  body.admin-bar .qomm-mobile-nav-wrap{bottom:calc(8px + env(safe-area-inset-bottom, 0px));}
}
@media (max-width: 380px){
  .qomm-item{min-width:58px;min-height:53px;border-radius:14px;}
  .qomm-label{font-size:9.4px;}
  .qomm-icon,.qomm-icon svg{width:19px;height:19px;}
}