/* ReviewVideo — App CSS */

/* Material Symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Glass card effect */
.glass-card {
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass-panel {
  background: rgba(245, 246, 247, 0.70);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}

/* Step progress line */
.active-step-line::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 100%;
  height: 2px;
  background: #4647d3;
  transform: translateY(-50%);
}

/* Text balance */
.text-balance {
  text-wrap: balance;
}

/* Ambient shadow utility */
.shadow-ambient {
  box-shadow: 0px 4px 20px rgba(44, 47, 48, 0.04), 0px 12px 40px rgba(44, 47, 48, 0.08);
}

/* Primary gradient CTA */
.btn-primary-gradient {
  background: linear-gradient(135deg, #4647d3, #6366F1);
}

/* Video aspect ratio container */
.aspect-9-16 {
  aspect-ratio: 9 / 16;
}