:root {
  color-scheme: light;
  --ink: #24164f;
  --muted: #716b8f;
  --line: #ddd7ff;
  --panel: #fff;
  --panel2: #f3f0ff;
  --black: #f8f7ff;
  --acid: #6c4cff;
  --acid-dim: #5737ef;
  --danger: #f04472;
}

body { background: #f8f7ff; color: var(--ink); }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 72% 12%, #16d9f51c, transparent 25%), radial-gradient(circle at 45% 95%, #ff5e8717, transparent 27%); }
.sidebar { background: linear-gradient(165deg, #6144f5 0%, #7b4dff 55%, #9748eb 100%); border: 0; color: #fff; box-shadow: 12px 0 42px #5638d922; }
.brand-mark { background: linear-gradient(135deg, #ffd84d, #ff8b3d); color: #4a2375; border-radius: 11px; box-shadow: 0 8px 24px #4420a44f; }
.brand small, .sidebar-label { color: #ded5ff; }
.new-chat { border: 1px solid #ffffff66; background: #ffffff1f; color: #fff; border-radius: 14px; box-shadow: 0 8px 22px #3f24a329; }
.new-chat:hover { border-color: #fff; background: #ffffff2d; }
.new-chat span { color: #ffd84d; }
kbd { background: #3920a657; border-color: #ffffff42; color: #fff; border-radius: 6px; }
.agent-launchers { display: grid; gap: 9px; }
.agent-launch { width: 100%; display: grid; grid-template-columns: 37px 1fr auto; align-items: center; gap: 10px; text-align: left; border: 0; border-radius: 15px; padding: 11px; background: #fff; color: #2d2056; cursor: pointer; box-shadow: 0 8px 22px #41239b26; transition: transform .18s ease, box-shadow .18s ease; }
.agent-launch:hover { transform: translateY(-2px); box-shadow: 0 12px 28px #32187840; }
.agent-launch b { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg, #ff6b4a, #ff3f81); }
.agent-launch.image b { background: linear-gradient(135deg, #16cbe5, #3982ff); }
.agent-launch span, .agent-launch small { display: block; }
.agent-launch span { font-weight: 800; font-size: 12px; }
.agent-launch small { margin-top: 3px; color: #80759e; font-size: 9px; font-weight: 500; }
.agent-launch i { font-style: normal; color: #7858ec; }
.conversation-item { border: 0; border-radius: 12px; color: #e7e1ff; }
.conversation-item:hover { background: #ffffff18; color: #fff; }
.conversation-item.active { background: #fff; color: #382468; box-shadow: 0 8px 22px #39209b34; }
.conversation-item small { color: inherit; opacity: .64; }
.conversation-item button { color: inherit; }
.sidebar-foot { border-color: #ffffff2b; color: #fff; }
.sidebar-foot button { color: #fff; }
.status-dot { background: #54f7ca; box-shadow: 0 0 0 4px #54f7ca25; }
.workspace { background: linear-gradient(145deg, #fcfbff, #f4f8ff); }
.topbar { background: #ffffffd9; border-color: #e5e0ff; backdrop-filter: blur(18px); box-shadow: 0 6px 24px #5038a60c; }
.eyebrow { color: #958bad; }
.current-space { font-size: 14px; color: #321c6b; }
.model-badge { color: #645a7c; background: #f1edff; padding: 7px 10px; border-radius: 999px; }
.model-badge i { background: #18cda8; box-shadow: 0 0 0 4px #18cda81c; }
.connection.online { color: #079a7d; }
.icon-button { border-color: #ded8ff; background: #fff; color: #5e46bc; border-radius: 11px; }
.icon-button:hover { background: #f1edff; border-color: #8067ed; }
.welcome-orbit { background: linear-gradient(135deg, #6547f7, #a64bf1); border: 0; border-radius: 28px; box-shadow: 0 18px 45px #6842e23d; transform: rotate(-5deg); }
.welcome-orbit::before, .welcome-orbit::after { border-color: #6c4cff38; }
.welcome-orbit span { color: #fff; }
.kicker { color: #6c4cff; }
.welcome h1 { color: #281650; }
.welcome-copy { color: #756b91; }
.prompts button { background: #fff; border: 1px solid #e2dcff; border-radius: 18px; box-shadow: 0 10px 30px #4e359411; }
.prompts button:hover { border-color: #8f77ff; background: #fbfaff; transform: translateY(-4px); box-shadow: 0 16px 35px #6045bd20; }
.prompts button b { border: 0; border-radius: 12px; background: linear-gradient(135deg, #6746f5, #a44af0); color: #fff; }
.prompts button:nth-child(2) b { background: linear-gradient(135deg, #ff7048, #ff3f81); }
.prompts button:nth-child(3) b { background: linear-gradient(135deg, #13c9e5, #397dff); }
.agent-accounting-intermediate .welcome-orbit { background: linear-gradient(135deg, #ff7549, #ff3e7f); }
.agent-accounting-intermediate .kicker { color: #f04472; }
.agent-image-creator .welcome-orbit { background: linear-gradient(135deg, #0fcce6, #4f6cff); }
.agent-image-creator .kicker { color: #0b9fc2; }
.message { border-color: #e3ddf5; }
.message.user { background: #f2eeff; }
.message .avatar { border-radius: 12px; background: linear-gradient(135deg, #6c4cff, #a849ed); color: #fff; border: 0; }
.message.user .avatar { background: linear-gradient(135deg, #ff7348, #ff427d); }
.message-head strong { color: #4b357c; }
.message-head time { color: #9990ad; }
.message-content { color: #332754; }
.composer-zone { background: linear-gradient(0deg, #f8f7ff 72%, transparent); }
.composer { background: #fff; border: 1px solid #dcd5fb; border-radius: 22px; box-shadow: 0 18px 50px #4d328a1c; }
.composer:focus-within { border-color: #8066f1; box-shadow: 0 0 0 4px #7355ed12, 0 22px 55px #4d328a25; }
.composer textarea { color: #2a1c4e; }
.attach-button { background: #f1edff; color: #6549d3; border-radius: 13px; }
.attach-button:hover { background: #e7e0ff; }
.send-button { background: linear-gradient(135deg, #6e4bff, #a342ed); color: #fff; border-radius: 14px; box-shadow: 0 8px 20px #6843dd48; }
.file-chip, .pending-file { background: #eeebff; border-color: #d8d0ff; color: #5942b1; border-radius: 9px; }
.scroll-bottom { border-color: #d7cff7; background: #fff; color: #5d43c0; box-shadow: 0 10px 28px #4c348426; }
.image-progress { border: 1px solid #d9d2ff; background: #fff; border-radius: 18px; box-shadow: 0 16px 40px #4c33851c; }
.image-progress strong { color: #6548dc; }
.image-shimmer { border-radius: 12px; background: linear-gradient(110deg, #e9e4ff 25%, #62dff1 43%, #ff8bac 58%, #e9e4ff 74%); background-size: 240% 100%; }
.generated-image { border-color: #d8d0ff; background: #fff; border-radius: 18px; padding: 9px; box-shadow: 0 18px 45px #4b328923; overflow: hidden; }
.generated-image img { border-radius: 11px; background: #eeebfa; }
.generated-image span { background: #5f42e9e8; color: #fff; border-radius: 9px; }
.retry-image { border-color: #f04472; color: #f04472; border-radius: 10px; }
.auth-screen { background: linear-gradient(135deg, #6244ef 0%, #8f49ee 48%, #ff5f7f 100%); position: relative; overflow: hidden; }
.auth-screen::before, .auth-screen::after { content: ""; position: absolute; border-radius: 50%; filter: blur(2px); }
.auth-screen::before { width: 360px; height: 360px; background: #22d9e68f; left: -100px; bottom: -120px; }
.auth-screen::after { width: 280px; height: 280px; background: #ffd84d6e; right: 26%; top: -140px; }
.auth-intro { border-color: #ffffff30; position: relative; z-index: 1; }
.auth-mark { background: linear-gradient(135deg, #ffe55c, #ff9147); color: #542192; border-radius: 20px; box-shadow: 0 18px 50px #3d1b9a40; }
.auth-intro > p:first-of-type, .auth-card small { color: #fff4a9; }
.auth-intro h1, .auth-intro h1 em { color: #fff; }
.auth-copy { color: #f2ebff; }
.auth-card { position: relative; z-index: 1; background: #ffffffed; border: 1px solid #ffffffbd; border-radius: 26px; box-shadow: 0 35px 90px #35157845; color: #2c1b51; }
.auth-card h2 { color: #2c1b51; }
.auth-card label { color: #665b7d; }
.auth-card input { background: #f8f6ff; border-color: #ddd6fb; color: #281a4b; border-radius: 12px; }
.auth-card input:focus { border-color: #7456ea; box-shadow: 0 0 0 3px #7456ea12; }
.auth-submit { border-radius: 13px; background: linear-gradient(135deg, #6c4cff, #a342ed); color: #fff; box-shadow: 0 10px 24px #6641d63d; }
.auth-switch { color: #6549c6; }
.settings-panel { background: #fff; color: #2d2051; border: 1px solid #ded7fa; border-radius: 22px; }
.settings-panel input, .settings-panel textarea { background: #f8f6ff; color: #2c1f4f; border-color: #ddd6f7; border-radius: 10px; }
.settings-panel .primary { background: linear-gradient(135deg, #6c4cff, #a342ed); color: #fff; border: 0; border-radius: 10px; }

@media (max-width: 760px) {
  .sidebar { box-shadow: 18px 0 55px #3318784d; }
  .agent-launchers { gap: 8px; }
  .auth-screen { background: linear-gradient(155deg, #6244ef, #a449e7 58%, #ff6681); }
  .topbar { gap: 9px; }
  .current-space { font-size: 12px; max-width: 145px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .welcome { padding-top: 34px; }
  .welcome h1 { font-size: 38px; }
  .composer { border-radius: 18px; }
  .message { padding-left: 0; padding-right: 0; }
}