/* ===== BASE ===== */
body {
  font-family: "Inter", sans-serif;
  background-image: url('https://res.cloudinary.com/dprt1m1wl/image/upload/v1774948996/ChatGPT_Image_Mar_31_2026_08_53_34_AM_cn2ncc.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

html, body {
  height: 100%;
  height: -webkit-fill-available;
  overflow: hidden;
}

main {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* ===== SCROLLBAR ===== */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ===== GLASSMORPHISM ===== */
.glass-panel {
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass-bubble-user {
  background: rgba(111, 0, 23, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.glass-bubble-ai {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

/* ===== MESSAGE ANIMATION ===== */
.message-bubble {
  animation: slideUp 0.25s ease-out both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== CODE BLOCK ===== */
.code-block {
  background: rgba(255, 255, 255, 0.4);
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: monospace;
  font-size: 13px;
  color: #994347;
  margin-top: 8px;
}
input, textarea {
  font-size: 16px !important;
}