:root {
  --neon-blue: #00f2ff;
  --bg-dark: #020617;
}

body {
  margin: 0; background: var(--bg-dark); color: #fff;
  font-family: 'Inter', system-ui, sans-serif;
  height: 100vh; display: flex; justify-content: center; align-items: center;
}

.app {
  width: 95%; max-width: 1000px; height: 90vh;
  background: rgba(15, 23, 42, 0.9); backdrop-filter: blur(25px);
  border: 1px solid rgba(0, 242, 255, 0.3); border-radius: 32px;
  display: flex; flex-direction: column;
}

.header { padding: 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

/* MUCH BIGGER PICTURE */
.profile-pic {
  width: 120px; height: 120px; border-radius: 24px;
  border: 3px solid var(--neon-blue); object-fit: cover;
  box-shadow: 0 0 25px rgba(0, 242, 255, 0.4);
}

.title-group { margin-left: 10px; }
.title-group h1 { font-size: 2.2rem; color: var(--neon-blue); margin: 0; text-shadow: 0 0 10px rgba(0, 242, 255, 0.5); }
.subtitle { color: #94a3b8; font-size: 1rem; }

.mode-selector select {
  background: #000; color: var(--neon-blue); border: 1px solid var(--neon-blue);
  padding: 8px 12px; border-radius: 8px; cursor: pointer; font-family: inherit;
}

.status { padding: 10px 30px; font-size: 0.75rem; color: var(--neon-blue); text-transform: uppercase; background: rgba(0,0,0,0.3); }

.chat { flex: 1; padding: 30px; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; }

.bubble { padding: 18px 24px; border-radius: 22px; font-size: 1.05rem; line-height: 1.6; }
.ai .bubble { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255,255,255,0.1); }
.user .bubble { background: var(--neon-blue); color: #000; font-weight: 700; align-self: flex-end; }

.input-area { padding: 25px; display: flex; gap: 15px; border-top: 1px solid rgba(255,255,255,0.1); }
textarea { flex: 1; background: #000; border: 1px solid #334155; color: #fff; padding: 16px; border-radius: 16px; resize: none; font-size: 1.1rem; }
button { background: var(--neon-blue); color: #000; border: none; padding: 0 35px; border-radius: 16px; font-weight: 900; cursor: pointer; }