/* Four electronic AI skins. Default: pulse (black + cyan). */

.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]),
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) {
  --ai-bg: #07090d;
  --ai-bg-2: #0c1018;
  --ai-panel: #10151f;
  --ai-ink: #e8eef8;
  --ai-muted: #8b97ab;
  --ai-line: rgb(120 200 255 / 0.16);
  --ai-accent: #22d3ee;
  --ai-accent-2: #67e8f9;
  --ai-user: linear-gradient(145deg, #155e75, #0e7490);
  --ai-glow: 0 0 28px rgb(34 211 238 / 0.28);
  --ai-chip: rgb(34 211 238 / 0.1);
  --ai-map: linear-gradient(165deg, #0b1c28 0%, #123044 48%, #0d2230 100%);
  font-variant-numeric: tabular-nums;
}

.kg-ai--pro[data-kg-ai-skin="ember"],
.kg-aiw[data-kg-ai-skin="ember"] {
  --ai-bg: #0a0806;
  --ai-bg-2: #140f0b;
  --ai-panel: #1a1410;
  --ai-ink: #f6ead8;
  --ai-muted: #b39a7c;
  --ai-line: rgb(251 191 36 / 0.18);
  --ai-accent: #fbbf24;
  --ai-accent-2: #fde68a;
  --ai-user: linear-gradient(145deg, #b45309, #92400e);
  --ai-glow: 0 0 28px rgb(251 191 36 / 0.28);
  --ai-chip: rgb(251 191 36 / 0.1);
  --ai-map: linear-gradient(165deg, #2a1608 0%, #4a2a10 50%, #1a1008 100%);
}

.kg-ai--pro[data-kg-ai-skin="nova"],
.kg-aiw[data-kg-ai-skin="nova"] {
  --ai-bg: #09080f;
  --ai-bg-2: #12101c;
  --ai-panel: #171526;
  --ai-ink: #f0e9ff;
  --ai-muted: #a89bc4;
  --ai-line: rgb(192 132 252 / 0.2);
  --ai-accent: #c084fc;
  --ai-accent-2: #e9d5ff;
  --ai-user: linear-gradient(145deg, #6d28d9, #4c1d95);
  --ai-glow: 0 0 28px rgb(168 85 247 / 0.32);
  --ai-chip: rgb(192 132 252 / 0.12);
  --ai-map: linear-gradient(165deg, #1a1030 0%, #2a1850 50%, #120c22 100%);
}

.kg-ai--pro[data-kg-ai-skin="signal"],
.kg-aiw[data-kg-ai-skin="signal"] {
  --ai-bg: #050705;
  --ai-bg-2: #0b120c;
  --ai-panel: #101810;
  --ai-ink: #e8ffe9;
  --ai-muted: #8fb896;
  --ai-line: rgb(74 222 128 / 0.2);
  --ai-accent: #4ade80;
  --ai-accent-2: #bbf7d0;
  --ai-user: linear-gradient(145deg, #166534, #14532d);
  --ai-glow: 0 0 28px rgb(74 222 128 / 0.28);
  --ai-chip: rgb(74 222 128 / 0.12);
  --ai-map: linear-gradient(165deg, #062012 0%, #0d331c 50%, #04140a 100%);
}

.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) {
  color: var(--ai-ink);
  background:
    radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--ai-accent) 18%, transparent), transparent 42%),
    linear-gradient(180deg, var(--ai-bg-2), var(--ai-bg));
  border-color: var(--ai-line);
  box-shadow: var(--ai-glow), 0 24px 50px rgb(0 0 0 / 0.45);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__head {
  border-bottom-color: var(--ai-line);
  background: linear-gradient(180deg, rgb(255 255 255 / 0.04), transparent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__head h2,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__maphead h3,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__draft h3 {
  color: var(--ai-ink);
  letter-spacing: 0.02em;
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__head p,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__maphead small,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__disclaimer,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__item small,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__facts3 small,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__status {
  color: var(--ai-muted);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__mark {
  color: var(--ai-bg);
  background: linear-gradient(145deg, var(--ai-accent-2), var(--ai-accent));
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__status {
  background: var(--ai-chip);
  color: var(--ai-accent-2);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__status::before {
  background: var(--ai-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--ai-accent) 25%, transparent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__speak {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__speak[aria-pressed="false"] {
  color: var(--ai-muted);
  background: var(--ai-bg);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__chat {
  border-inline-end-color: var(--ai-line);
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--ai-accent) 12%, transparent), transparent 36%),
    repeating-linear-gradient(0deg, rgb(255 255 255 / 0.015) 0 1px, transparent 1px 7px),
    var(--ai-bg);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__bubble {
  background: var(--ai-panel);
  border-color: var(--ai-line);
  color: var(--ai-ink);
  box-shadow: 0 10px 24px rgb(0 0 0 / 0.28);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__kicker b {
  color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__bubble--user {
  background: var(--ai-user);
  color: #fff;
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__badge,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__wx {
  color: var(--ai-accent-2);
  background: var(--ai-chip);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__item {
  background: color-mix(in srgb, var(--ai-panel) 80%, black);
  border-color: var(--ai-line);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__item:hover {
  border-color: var(--ai-accent);
  background: var(--ai-panel);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__item em {
  color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__ph {
  background: color-mix(in srgb, var(--ai-accent) 25%, #111);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__side {
  background: color-mix(in srgb, var(--ai-bg-2) 88%, black);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan--dock .kg-ai-plan__leaflet {
  border-color: var(--ai-line);
  background: var(--ai-map);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ai-accent) 18%, transparent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__map-empty {
  background: rgb(8 10 14 / 0.78);
  color: var(--ai-ink);
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__daybtn {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-accent-2);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__daybtn.is-on {
  background: var(--ai-accent);
  border-color: var(--ai-accent);
  color: var(--ai-bg);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__facts3 div {
  background: var(--ai-panel);
  border-color: var(--ai-line);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__facts3 b { color: var(--ai-ink); }
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan--dock .kg-btn--primary {
  background: var(--ai-accent);
  color: var(--ai-bg);
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__itinerary li {
  background: var(--ai-panel);
  border-color: var(--ai-line);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__itinerary li.is-start {
  border-color: var(--ai-accent);
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__step > b {
  background: var(--ai-accent);
  color: var(--ai-bg);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__itinerary a {
  color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__foot {
  border-top-color: var(--ai-line);
  background: rgb(0 0 0 / 0.35);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__dock { border-inline-end-color: var(--ai-line); }
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__chips button,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__citypicks button {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-accent-2);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__chips button:hover,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__chips button.is-owner {
  border-color: var(--ai-accent);
  background: var(--ai-chip);
  color: var(--ai-ink);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__composer-bar {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__composer textarea {
  color: var(--ai-ink);
  caret-color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__composer textarea::placeholder {
  color: var(--ai-muted);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__photo,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__mic {
  background: color-mix(in srgb, var(--ai-accent) 12%, var(--ai-bg));
  color: var(--ai-accent);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__photo:hover,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__mic:hover,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__photo.has-file {
  background: var(--ai-chip);
  color: var(--ai-accent-2);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__composer button[type="submit"] {
  background: var(--ai-accent);
  color: var(--ai-bg);
  box-shadow: var(--ai-glow);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__draft {
  background: var(--ai-bg-2);
  color: var(--ai-ink);
}
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__draft input,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__draft select,
.kg-ai--pro[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai__draft textarea {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-ink);
}

.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__fab {
  background: linear-gradient(145deg, var(--ai-accent), color-mix(in srgb, var(--ai-accent) 40%, black));
  color: var(--ai-bg);
  box-shadow: var(--ai-glow);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__fab-ico {
  background: rgb(0 0 0 / 0.22);
  color: inherit;
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__panel {
  background: var(--ai-bg);
  color: var(--ai-ink);
  border-color: var(--ai-line);
  box-shadow: var(--ai-glow), 0 22px 60px rgb(0 0 0 / 0.5);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__head {
  background: linear-gradient(180deg, var(--ai-bg-2), var(--ai-bg));
  color: var(--ai-ink);
  border-bottom-color: var(--ai-line);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__mark {
  color: var(--ai-bg);
  background: linear-gradient(145deg, var(--ai-accent-2), var(--ai-accent));
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__live { color: var(--ai-accent); }
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__speak,
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__x {
  background: var(--ai-panel);
  color: var(--ai-accent);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__msgs {
  background:
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--ai-accent) 14%, transparent), transparent 40%),
    var(--ai-bg);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__hello,
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__msg--bot {
  background: var(--ai-panel);
  border-color: var(--ai-line);
  color: var(--ai-ink);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__msg--user {
  background: var(--ai-user);
  color: #fff;
  box-shadow: var(--ai-glow);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__chips button {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-accent-2);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__form {
  border-top-color: var(--ai-line);
  background: rgb(0 0 0 / 0.28);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__bar {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  box-shadow: var(--ai-glow);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__form textarea {
  color: var(--ai-ink);
  caret-color: var(--ai-accent);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__photo,
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__mic {
  background: color-mix(in srgb, var(--ai-accent) 12%, var(--ai-bg));
  color: var(--ai-accent);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__form button[type="submit"] {
  background: var(--ai-accent);
  color: var(--ai-bg);
  box-shadow: var(--ai-glow);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-aiw__full { color: var(--ai-accent); }
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__daybtn {
  border-color: var(--ai-line);
  background: var(--ai-panel);
  color: var(--ai-accent-2);
}
.kg-aiw[data-kg-ai-skin]:not([data-kg-ai-skin="thread"]) .kg-ai-plan__daybtn.is-on {
  background: var(--ai-accent);
  color: var(--ai-bg);
  border-color: var(--ai-accent);
}

body.kg-theme:has([data-kg-ai-assistant][data-kg-ai-skin]:not([data-kg-ai-skin="thread"])) .kg-section--ai {
  background: transparent;
}