/* ===== FEATURE BAR (Claymorphism) ===== */
.feature-bar {
  position: fixed;
  bottom: 28px;
  width: 100%;
  background: rgba(255, 248, 243, 0.98);
  border-top: 1px solid rgba(212, 145, 125, 0.2);
  display: flex;
  justify-content: space-around;
  padding: 6px 0;
  z-index: 1000;
  box-shadow: 0 -4px 16px rgba(180, 120, 80, 0.08);
}

.feature-bar button {
  background: none;
  border: none;
  font-size: 20px;
  color: #D4917D;
  cursor: pointer;
  transition: all 0.2s;
  padding: 8px;
  border-radius: 12px;
}

.feature-bar button:hover {
  transform: scale(1.1);
  background: rgba(212, 145, 125, 0.1);
  color: #B8927E;
}

.feature-bar button:active {
  transform: scale(0.95);
}