/* [next]/internal/font/google/inter_396b12ce.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_396b12ce-module__rRjk0G__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --bg-color: #000;
  --sidebar-bg: #000;
  --text-primary: #fff;
  --text-secondary: #888;
  --accent-color: #6366f1;
  --accent-hover: #4f46e5;
  --message-user-bg: #0f0f0f;
  --border-color: #1a1a1a;
  --bot-avatar-bg: #10a37f;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--bg-color);
  color: var(--text-primary);
  height: 100vh;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
}

.app-container {
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.sidebar {
  background-color: var(--sidebar-bg);
  border-right: 1px solid var(--border-color);
  white-space: nowrap;
  flex-direction: column;
  width: 260px;
  padding: 10px;
  transition: width .3s, padding .3s, opacity .3s;
  display: flex;
  overflow: hidden;
}

.sidebar.closed {
  opacity: 0;
  border-right-color: #0000;
  width: 0;
  padding: 10px 0;
}

.new-chat-btn {
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: 14px;
  transition: background-color .2s, transform .1s;
  display: flex;
}

.new-chat-btn:hover {
  background-color: var(--message-user-bg);
}

.new-chat-btn:active {
  transform: scale(.98);
}

.main-chat {
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
  position: relative;
}

.header {
  border-bottom: 1px solid var(--border-color);
  letter-spacing: .5px;
  height: 60px;
  color: var(--text-secondary);
  align-items: center;
  padding: 0 20px;
  font-weight: 600;
  display: flex;
}

.toggle-sidebar-btn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  padding: 8px;
  transition: background-color .2s, color .2s;
  display: flex;
}

.toggle-sidebar-btn:hover {
  background-color: var(--message-user-bg);
  color: var(--text-primary);
}

.chat-messages {
  scroll-behavior: smooth;
  flex-direction: column;
  flex: 1;
  padding: 20px 0;
  display: flex;
  overflow-y: auto;
}

.empty-state {
  height: 100%;
  color: var(--text-secondary);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state h1 {
  color: var(--text-primary);
  margin-bottom: 10px;
  font-size: 2rem;
}

.message-wrapper {
  border-bottom: 1px solid #0000;
  justify-content: center;
  width: 100%;
  padding: 24px 20px;
  display: flex;
}

.message-wrapper.bot {
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  background-color: #22263166;
}

.message {
  gap: 20px;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.avatar {
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-weight: bold;
  display: flex;
}

.avatar.user {
  background-color: var(--accent-color);
}

.avatar.bot {
  background-color: var(--bot-avatar-bg);
}

.message-content {
  flex: 1;
  font-size: 15px;
  line-height: 1.6;
}

.loading-dots {
  align-items: center;
  gap: 4px;
  height: 24px;
  display: flex;
}

.loading-dots span {
  background-color: var(--text-secondary);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.4s ease-in-out infinite both bounce;
}

.loading-dots span:first-child {
  animation-delay: -.32s;
}

.loading-dots span:nth-child(2) {
  animation-delay: -.16s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.input-area {
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-color);
  width: 100%;
  padding: 20px;
}

.input-container {
  background-color: var(--message-user-bg);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  align-items: flex-end;
  max-width: 800px;
  margin: 0 auto;
  padding: 10px;
  transition: border-color .2s, box-shadow .2s;
  display: flex;
  position: relative;
  box-shadow: 0 4px 6px #0000001a;
}

.input-container:focus-within {
  border-color: var(--accent-color);
  box-shadow: 0 0 0 2px #6366f133;
}

.chat-input {
  color: var(--text-primary);
  resize: none;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  min-height: 44px;
  max-height: 200px;
  padding: 10px;
  font-family: inherit;
  font-size: 16px;
}

.send-btn {
  background-color: var(--accent-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 4px;
  margin-right: 4px;
  transition: background-color .2s, transform .1s;
  display: flex;
}

.send-btn:hover:not(:disabled) {
  background-color: var(--accent-hover);
}

.send-btn:active:not(:disabled) {
  transform: scale(.95);
}

.send-btn:disabled {
  background-color: var(--border-color);
  color: var(--text-secondary);
  cursor: not-allowed;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

.auth-container {
  background-color: var(--bg-color);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 20px;
  display: flex;
}

.auth-card {
  background-color: var(--sidebar-bg);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  padding: 40px;
  box-shadow: 0 10px 25px #0003;
}

.auth-header {
  text-align: center;
  margin-bottom: 30px;
}

.auth-header h1 {
  color: var(--text-primary);
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}

.auth-header p {
  color: var(--text-secondary);
  font-size: 14px;
}

.auth-google-btn {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color .2s, transform .1s;
  display: flex;
}

.auth-google-btn:hover {
  background-color: #f1f1f1;
}

.auth-google-btn:active {
  transform: scale(.98);
}

.auth-divider {
  text-align: center;
  color: var(--text-secondary);
  align-items: center;
  margin: 24px 0;
  font-size: 12px;
  display: flex;
}

.auth-divider:before, .auth-divider:after {
  content: "";
  border-bottom: 1px solid var(--border-color);
  flex: 1;
}

.auth-divider span {
  padding: 0 10px;
}

.auth-form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.auth-input-group {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.auth-input-group label {
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 500;
}

.auth-input-group input {
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  border-radius: 8px;
  outline: none;
  padding: 12px;
  font-size: 15px;
  transition: border-color .2s;
}

.auth-input-group input:focus {
  border-color: var(--accent-color);
}

.auth-submit-btn {
  background-color: var(--accent-color);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  margin-top: 8px;
  padding: 12px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color .2s, transform .1s;
}

.auth-submit-btn:hover {
  background-color: var(--accent-hover);
}

.auth-submit-btn:active {
  transform: scale(.98);
}

.auth-back-btn {
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  cursor: pointer;
  background: none;
  border-radius: 8px;
  margin-top: 8px;
  padding: 12px;
  font-size: 15px;
  transition: all .2s;
}

.auth-back-btn:hover {
  background: var(--message-user-bg);
  color: var(--text-primary);
}

.auth-footer {
  text-align: center;
  color: var(--text-secondary);
  margin-top: 24px;
  font-size: 14px;
}

.auth-footer a {
  color: var(--accent-color);
  font-weight: 500;
  text-decoration: none;
}

.auth-footer a:hover {
  text-decoration: underline;
}

.modal-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #000c;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-content {
  background: var(--sidebar-bg);
  border: 1px solid var(--border-color);
  width: 90%;
  max-width: 450px;
  color: var(--text-primary);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 10px 40px #00000080;
}

.modal-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.modal-header h2 {
  font-size: 20px;
  font-weight: 600;
}

.close-btn {
  color: var(--text-secondary);
  cursor: pointer;
  background: none;
  border: none;
  font-size: 28px;
  transition: color .2s;
}

.close-btn:hover {
  color: var(--text-primary);
}

.settings-group {
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  display: flex;
}

.settings-group label {
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
}

.settings-group textarea, .settings-group input[type="range"] {
  background: var(--bg-color);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
  resize: vertical;
  border-radius: 8px;
  outline: none;
  width: 100%;
  padding: 12px;
  font-family: inherit;
}

.settings-group textarea:focus {
  border-color: var(--accent-color);
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__07ynnci._.css.map*/