.nav-item .home-icon,
.nav-item.active .home-icon {
  width: 66px;
  height: 66px;
  flex-shrink: 0;
  margin-top: -22px;
  border: 6px solid #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #57a8ff, #2479ee);
  color: #fff;
  box-shadow: 0 5px 15px rgba(40, 126, 236, .25);
  transition: transform .18s ease, box-shadow .18s ease;
}
.bottom-nav .nav-item[data-route="home"] { position: relative; justify-content: flex-start; gap: 5px; color: #3288f5; font-weight: 700; }
.home-icon svg { display: block; width: 31px; height: 31px; }
.nav-item[data-route="home"].active { color: #3288f5; }
.nav-item[data-route="home"].active .home-icon { box-shadow: 0 5px 18px rgba(40, 126, 236, .4); }
.nav-item[data-route="home"]:active .home-icon { transform: scale(.94); }
@media (hover: hover) { .nav-item[data-route="home"]:hover .home-icon { transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .nav-item .home-icon { transition: none; } }
.profile-icon { width: 34px; height: 34px; display: grid; place-items: center; }
.profile-icon svg { display: block; width: 34px; height: 34px; }
.nav-item[data-route="profile"].active { color: #ef535b; }
.community-icon { width: 34px; height: 34px; display: grid; place-items: center; }
.community-icon svg { display: block; width: 34px; height: 34px; }
.nav-item[data-route="community"].active { color: #dca015; }

.home-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px 16px;
  padding: 30px 30px 8px;
}

.home-shortcut {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 4px 6px;
  background: transparent;
  color: #354b44;
  font-size: 18px;
  line-height: 1.5;
  border-radius: 12px;
  -webkit-tap-highlight-color: transparent;
}

.shortcut-icon {
  display: block;
  width: 68px;
  height: 68px;
  flex-shrink: 0;
  transition: transform .18s ease;
}

.home-shortcut span { white-space: nowrap; }
.home-shortcut:active .shortcut-icon { transform: scale(.94); }
.home-shortcut:focus-visible { outline: 3px solid #1b73e8; outline-offset: 4px; }

@media (hover: hover) {
  .home-shortcut:hover .shortcut-icon { transform: translateY(-3px); }
}

@media (max-width: 700px) {
  .home-shortcuts { padding: 24px 14px 4px; gap: 18px 4px; }
  .home-shortcut { font-size: 16px; gap: 8px; padding: 0 0 4px; }
  .shortcut-icon { width: 62px; height: 62px; }
}

@media (max-width: 360px) {
  .home-shortcut { font-size: 14px; }
  .shortcut-icon { width: 54px; height: 54px; }
}

@media (prefers-reduced-motion: reduce) {
  .shortcut-icon { transition: none; }
}
.header-home { display:inline-flex; align-items:center; justify-content:center; width:40px; height:44px; flex-shrink:0; padding:4px; background:transparent; color:#fff; border-radius:8px; }
.header-home[hidden] { display:none; }
.brand-dot[hidden] { display:none; }
.header-home svg { display:block; width:28px; height:28px; }
.header-home:hover { background:rgba(255,255,255,.14); }
.header-home:focus-visible { outline:3px solid white; outline-offset:2px; }