/* ==========================================================
   知行职业向导桌宠 · Learner Guide Pet
   Warm enterprise UI / contextual onboarding / reduced motion
   ========================================================== */
:root {
  --ka-guide-ink: #17233c;
  --ka-guide-muted: #69758b;
  --ka-guide-cobalt: #315bf5;
  --ka-guide-violet: #7658e8;
  --ka-guide-coral: #f27b62;
  --ka-guide-amber: #f5b94c;
  --ka-guide-sage: #43ae86;
  --ka-guide-cream: #fff9ee;
}

.ka-guide-root {
  position: fixed;
  right: clamp(18px, 2.2vw, 38px);
  bottom: clamp(18px, 2.6vw, 34px);
  z-index: 9980;
  width: 128px;
  height: 128px;
  font-family: "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  color: var(--ka-guide-ink);
  pointer-events: none;
  transition: left .34s cubic-bezier(.2, .85, .2, 1), top .22s ease;
  will-change: left, top;
}

.ka-guide-root.is-dragging { transition: none; user-select: none; }
.ka-guide-root.is-dragging .ka-guide-pet { animation: none; cursor: grabbing; filter: drop-shadow(0 24px 34px rgba(60, 64, 105, .32)); transform: scale(1.06); }
.ka-guide-root.is-dragging .ka-guide-pet::before { opacity: 1; transform: scale(1.14) rotate(24deg); }

.ka-guide-pet {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
  height: 120px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  touch-action: none;
  pointer-events: auto;
  filter: drop-shadow(0 18px 24px rgba(72, 67, 98, .22));
  animation: ka-guide-float 4.8s cubic-bezier(.45, 0, .35, 1) infinite;
  isolation: isolate;
}

.ka-guide-pet::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  border-radius: inherit;
  background: conic-gradient(from 20deg, #ffcf70, #fb9279, #8b6ff1, #4b8df8, #5dcba7, #ffcf70);
  opacity: .72;
  filter: blur(10px);
  transition: opacity .28s ease, transform .5s cubic-bezier(.2, .8, .2, 1);
}

.ka-guide-pet:hover::before,
.is-panel-open .ka-guide-pet::before { opacity: 1; transform: scale(1.1) rotate(18deg); }

.ka-guide-pet-image {
  position: absolute;
  inset: 7px;
  display: block;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, .92);
  border-radius: 50%;
  background: #fff8e9;
  box-shadow: inset 0 0 0 1px rgba(55, 68, 104, .08), 0 7px 18px rgba(83, 79, 104, .15);
  transition: transform .38s cubic-bezier(.2, .9, .2, 1);
}

.ka-guide-pet:hover .ka-guide-pet-image { transform: scale(1.045) rotate(-2deg); }
.ka-guide-pet-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
  transform: scale(1.06);
}

.ka-guide-pet-orbit {
  position: absolute;
  inset: -7px;
  z-index: -2;
  border: 1px solid rgba(73, 104, 228, .26);
  border-radius: 50%;
  animation: ka-guide-orbit 9s linear infinite;
}

.ka-guide-pet-orbit::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 16px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffb84c;
  box-shadow: 0 0 0 5px rgba(255, 184, 76, .16), 0 0 14px rgba(255, 139, 82, .65);
}

.ka-guide-pet-orbit.orbit-two { inset: -13px; border-style: dashed; animation-duration: 14s; animation-direction: reverse; opacity: .65; }
.ka-guide-pet-orbit.orbit-two::after { top: auto; left: auto; right: 18px; bottom: 7px; background: #5ac9ad; }

.ka-guide-pet-online {
  position: absolute;
  right: -2px;
  bottom: 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: rgba(30, 43, 72, .92);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .05em;
  box-shadow: 0 7px 16px rgba(31, 38, 59, .2);
}

.ka-guide-pet-online i { width: 7px; height: 7px; border-radius: 50%; background: #6ce2b3; box-shadow: 0 0 0 4px rgba(108, 226, 179, .14); animation: ka-guide-status 1.8s ease-in-out infinite; }
.ka-guide-pet > em { position: absolute; top: 3px; right: -2px; display: grid; place-items: center; min-width: 25px; height: 25px; padding: 0 6px; border: 3px solid #fff; border-radius: 999px; background: linear-gradient(135deg, #f36f5e, #f3a54c); color: #fff; font-size: 12px; font-style: normal; font-weight: 800; box-shadow: 0 7px 15px rgba(222, 89, 65, .24); }
.ka-guide-drag-hint { position:absolute; left:50%; top:-24px; display:flex; align-items:center; gap:4px; width:max-content; padding:5px 8px; border:1px solid rgba(255,255,255,.78); border-radius:999px; background:rgba(31,43,72,.82); color:#fff; font-size:9px; font-weight:800; letter-spacing:.03em; opacity:0; pointer-events:none; transform:translate(-50%, 7px); transition:opacity .2s ease, transform .25s ease; backdrop-filter:blur(10px); }
.ka-guide-pet:hover .ka-guide-drag-hint, .ka-guide-root.is-dragging .ka-guide-drag-hint { opacity:1; transform:translate(-50%, 0); }

.ka-guide-nudge,
.ka-guide-panel {
  position: fixed;
  right: 18px;
  bottom: 140px;
  width: min(390px, calc(100vw - 34px));
  pointer-events: auto;
}

.ka-guide-root.dock-left .ka-guide-nudge,
.ka-guide-root.dock-left .ka-guide-panel { left:18px; right:auto; }
.ka-guide-root.dock-left .ka-guide-nudge { border-radius:22px 22px 22px 6px; }
.ka-guide-root.dock-left .ka-guide-panel { border-radius:26px 26px 26px 8px; }
.ka-guide-root.dock-left .ka-guide-nudge::after { left:22px; right:auto; }

.ka-guide-nudge {
  padding: 20px 21px 18px;
  border: 1px solid rgba(255, 180, 95, .38);
  border-radius: 22px 22px 6px 22px;
  background:
    radial-gradient(circle at 100% 0, rgba(253, 183, 103, .22), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(94, 197, 167, .13), transparent 40%),
    rgba(255, 253, 248, .96);
  box-shadow: 0 24px 60px rgba(55, 51, 72, .2), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(22px) saturate(1.1);
}

.ka-guide-nudge::after { content:""; position:absolute; right:22px; bottom:-10px; width:20px; height:20px; background:#fffaf1; border-right:1px solid rgba(255,180,95,.35); border-bottom:1px solid rgba(255,180,95,.35); transform:rotate(45deg); }
.ka-guide-nudge-close { position:absolute; top:12px; right:12px; width:28px; height:28px; border:0; border-radius:50%; background:rgba(29,40,65,.05); color:#7e8798; cursor:pointer; }
.ka-guide-nudge > small { display:flex; align-items:center; gap:6px; margin-bottom:8px; color:#c66e3d; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.ka-guide-nudge > strong { display:block; padding-right:24px; font-size:19px; line-height:1.4; }
.ka-guide-nudge > p { margin:6px 0 15px; color:var(--ka-guide-muted); font-size:13px; line-height:1.7; }
.ka-guide-nudge > button:last-child { display:inline-flex; align-items:center; gap:6px; padding:9px 13px; border:0; border-radius:10px; background:linear-gradient(135deg, #ff9b68, #f5b94c); color:#35291d; font-size:13px; font-weight:800; cursor:pointer; box-shadow:0 8px 20px rgba(235,146,75,.22); }
.ka-guide-nudge-actions { display:flex; gap:8px; }
.ka-guide-nudge-actions button { flex:1; display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:9px 8px; border:0; border-radius:10px; background:linear-gradient(135deg, #ff9b68, #f5b94c); color:#35291d; font-size:12.5px; font-weight:800; cursor:pointer; box-shadow:0 8px 20px rgba(235,146,75,.22); white-space:nowrap; }
.ka-guide-nudge-actions button.alt { background:rgba(29,40,65,.07); color:#3d4660; box-shadow:none; }
.ka-guide-tour-card.is-centered { animation:ka-guide-tour-in .35s cubic-bezier(.2,.8,.2,1); }

.ka-guide-panel {
  overflow: hidden;
  max-height: calc(100vh - 32px);
  border: 1px solid rgba(73, 82, 116, .14);
  border-radius: 26px 26px 8px 26px;
  background: rgba(255, 253, 249, .97);
  box-shadow: 0 30px 80px rgba(43, 43, 67, .25), 0 8px 24px rgba(91, 80, 112, .11);
  backdrop-filter: blur(28px) saturate(1.1);
}

.ka-guide-panel::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg, var(--ka-guide-coral), var(--ka-guide-amber), var(--ka-guide-sage), var(--ka-guide-cobalt), var(--ka-guide-violet)); }
.ka-guide-panel header { display:flex; align-items:center; justify-content:space-between; padding:21px 20px 16px; border-bottom:1px solid rgba(51,61,88,.08); }
.ka-guide-panel header > button { width:32px; height:32px; border:0; border-radius:10px; background:#f3f2ef; color:#697286; font-size:20px; cursor:pointer; }
.ka-guide-panel-identity { display:flex; align-items:center; gap:11px; }
.ka-guide-panel-identity > span { display:grid; place-items:center; width:43px; height:43px; border-radius:14px; background:linear-gradient(145deg, #fb8a6e, #f7bd52); color:#fff; font-size:21px; box-shadow:0 9px 18px rgba(231,130,80,.23); }
.ka-guide-panel-identity small { display:block; color:#9b6e57; font-size:9px; font-weight:900; letter-spacing:.16em; }
.ka-guide-panel-identity strong { display:block; margin-top:2px; font-size:17px; }
.ka-guide-panel-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin:12px 16px 0; padding:4px; border:1px solid rgba(65,76,109,.08); border-radius:14px; background:rgba(237,239,245,.78); }
.ka-guide-panel-tabs button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:0 10px; border:0; border-radius:10px; background:transparent; color:#707b8f; font-size:12px; font-weight:800; cursor:pointer; transition:color .2s ease, background .25s ease, box-shadow .25s ease, transform .2s ease; }
.ka-guide-panel-tabs button:hover { color:#344fc5; }
.ka-guide-panel-tabs button.active { background:linear-gradient(135deg, #fff, #fff9ed); color:#2f4cc7; box-shadow:0 5px 14px rgba(50,60,96,.1), inset 0 0 0 1px rgba(255,255,255,.8); }
.ka-guide-panel-status { display:flex; gap:13px; margin:16px; padding:16px; border:1px solid rgba(64,99,198,.1); border-radius:18px; background:linear-gradient(135deg, rgba(235,241,255,.9), rgba(255,247,232,.8)); }
.ka-guide-panel-status > div { min-width:0; }
.ka-guide-panel-status small { color:#7c8699; font-size:11px; }
.ka-guide-panel-status strong { display:block; margin:3px 0 4px; font-size:15px; }
.ka-guide-panel-status p { margin:0; color:#687489; font-size:12px; line-height:1.55; }
.ka-guide-status-orb { position:relative; flex:0 0 35px; width:35px; height:35px; border-radius:50%; background:radial-gradient(circle, #fff 0 20%, #62d4b1 22% 35%, rgba(98,212,177,.18) 37% 100%); animation:ka-guide-status 2.5s ease-in-out infinite; }
.ka-guide-status-orb::before, .ka-guide-status-orb::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(58,169,139,.23); border-radius:50%; }
.ka-guide-status-orb::after { inset:-10px; opacity:.55; }
.ka-guide-panel-actions { display:grid; gap:8px; padding:0 16px 16px; }
.ka-guide-panel-actions > button { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; width:100%; padding:12px; border:1px solid rgba(55,69,103,.1); border-radius:14px; background:#fff; color:var(--ka-guide-ink); text-align:left; cursor:pointer; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ka-guide-panel-actions > button:hover { transform:translateY(-2px); border-color:rgba(58,100,226,.25); box-shadow:0 10px 22px rgba(54,62,92,.09); }
.ka-guide-panel-actions > button.primary { border-color:transparent; background:linear-gradient(135deg, #315bf5, #7360ed 62%, #c251b3); color:#fff; box-shadow:0 12px 25px rgba(64,80,209,.24); }
.ka-guide-panel-actions > button > span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:rgba(62,90,191,.08); color:#3b60cf; font-size:18px; }
.ka-guide-panel-actions > button.primary > span { background:rgba(255,255,255,.17); color:#fff; }
.ka-guide-panel-actions strong, .ka-guide-panel-actions small { display:block; }
.ka-guide-panel-actions strong { font-size:13px; }
.ka-guide-panel-actions small { margin-top:2px; color:#818a9a; font-size:10px; }
.ka-guide-panel-actions .primary small { color:rgba(255,255,255,.72); }
.ka-guide-panel-actions > button > i { color:#9aa4b4; font-size:18px; }
.ka-guide-panel-actions .primary > i { color:#fff; }
.ka-guide-panel footer { display:flex; align-items:center; justify-content:center; gap:6px; padding:11px; border-top:1px solid rgba(45,58,92,.07); background:rgba(247,246,243,.72); color:#8b92a0; font-size:10px; }

.ka-guide-chat { display:grid; grid-template-rows:minmax(160px, 260px) auto auto; min-height:280px; padding:12px 14px 14px; }
.ka-guide-chat-messages { display:flex; flex-direction:column; gap:10px; overflow:auto; padding:3px 3px 10px; scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:rgba(75,91,147,.22) transparent; }
.ka-guide-chat-message { display:flex; align-items:flex-start; gap:8px; max-width:91%; animation:ka-guide-message-in .28s cubic-bezier(.2,.8,.2,1); }
.ka-guide-chat-message.user { align-self:flex-end; flex-direction:row-reverse; }
.ka-guide-chat-message > span { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:10px; background:linear-gradient(145deg, #f7a261, #f4c75e); color:#fff; box-shadow:0 7px 15px rgba(220,140,75,.18); }
.ka-guide-chat-message > div { padding:10px 11px; border:1px solid rgba(64,82,128,.09); border-radius:6px 15px 15px 15px; background:#fff; box-shadow:0 7px 18px rgba(43,52,82,.06); }
.ka-guide-chat-message.user > div { border-color:transparent; border-radius:15px 6px 15px 15px; background:linear-gradient(135deg, #315bf5, #7161e8); color:#fff; box-shadow:0 9px 19px rgba(54,72,195,.18); }
.ka-guide-chat-message p { margin:0; font-size:12px; line-height:1.62; white-space:pre-wrap; }
.ka-guide-chat-message > div > button { display:inline-flex; align-items:center; gap:4px; margin-top:8px; padding:6px 9px; border:0; border-radius:8px; background:linear-gradient(135deg, #edf2ff, #fff1dd); color:#3153c4; font-size:10px; font-weight:800; cursor:pointer; }
.ka-guide-chat-message.typing > div { display:flex; gap:4px; min-width:48px; }
.ka-guide-chat-message.typing > div > i { width:6px; height:6px; border-radius:50%; background:#7b87a0; animation:ka-guide-typing 1s ease-in-out infinite; }
.ka-guide-chat-message.typing > div > i:nth-child(2) { animation-delay:.14s; }
.ka-guide-chat-message.typing > div > i:nth-child(3) { animation-delay:.28s; }
.ka-guide-chat-prompts { display:flex; gap:6px; overflow-x:auto; padding:7px 1px 9px; scrollbar-width:none; }
.ka-guide-chat-prompts::-webkit-scrollbar { display:none; }
.ka-guide-chat-prompts button { flex:0 0 auto; padding:7px 9px; border:1px solid rgba(56,83,180,.12); border-radius:999px; background:linear-gradient(135deg, #f3f6ff, #fff8eb); color:#53617a; font-size:10px; font-weight:700; cursor:pointer; }
.ka-guide-chat-prompts button:hover { border-color:rgba(61,87,205,.26); color:#3153c4; }
.ka-guide-chat-form { display:grid; grid-template-columns:1fr 38px; gap:7px; padding:7px; border:1px solid rgba(66,80,119,.12); border-radius:14px; background:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(52,59,85,.07); }
.ka-guide-chat-form input { min-width:0; height:36px; padding:0 8px; border:0; outline:0; background:transparent; color:var(--ka-guide-ink); font:inherit; font-size:11px; }
.ka-guide-chat-form button { display:grid; place-items:center; width:38px; height:36px; border:0; border-radius:10px; background:linear-gradient(135deg, #315bf5, #7658e8); color:#fff; font-size:18px; cursor:pointer; box-shadow:0 7px 15px rgba(53,72,197,.2); }
.ka-guide-chat-form button:disabled, .ka-guide-chat-prompts button:disabled { cursor:not-allowed; opacity:.48; }
.ka-guide-view-enter-active, .ka-guide-view-leave-active { transition:opacity .2s ease, transform .24s cubic-bezier(.2,.8,.2,1); }
.ka-guide-view-enter-from { opacity:0; transform:translateX(10px); }
.ka-guide-view-leave-to { opacity:0; transform:translateX(-8px); }

.ka-guide-tour-shield { position:fixed; inset:0; z-index:10000; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:default; pointer-events:auto; }
.ka-guide-spotlight { position:fixed; z-index:10001; border:2px solid rgba(255,255,255,.95); border-radius:24px; box-shadow:0 0 0 9999px rgba(22,28,47,.68), 0 0 0 8px rgba(87,111,248,.27), 0 24px 55px rgba(14,20,41,.25); pointer-events:none; transition:top .42s cubic-bezier(.2,.8,.2,1), left .42s cubic-bezier(.2,.8,.2,1), width .42s cubic-bezier(.2,.8,.2,1), height .42s cubic-bezier(.2,.8,.2,1); }
.ka-guide-spotlight::after { content:""; position:absolute; inset:-2px; border-radius:inherit; background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.4) 44%, transparent 62%); background-size:240% 100%; animation:ka-guide-shine 2.8s ease-in-out infinite; }
.ka-guide-tour-card { position:fixed; z-index:10002; overflow:hidden; padding:0; border:1px solid rgba(255,255,255,.64); border-radius:22px; background:rgba(255,253,249,.97); color:var(--ka-guide-ink); box-shadow:0 30px 90px rgba(6,13,34,.38); pointer-events:auto; backdrop-filter:blur(22px); animation:ka-guide-tour-in .35s cubic-bezier(.2,.8,.2,1); }
.ka-guide-tour-card::before { content:""; position:absolute; top:-80px; right:-55px; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle, rgba(246,178,76,.24), transparent 68%); pointer-events:none; }
.ka-guide-tour-topline { display:flex; justify-content:space-between; align-items:center; padding:16px 18px 11px; color:#778095; font-size:11px; font-weight:800; letter-spacing:.08em; }
.ka-guide-tour-topline strong { color:#334ac4; }
.ka-guide-tour-progress { height:3px; margin:0 18px; border-radius:99px; background:#e8ebf1; overflow:hidden; }
.ka-guide-tour-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, #ff9068, #f4b94e, #58c9a8, #496cf4, #8759e8); transition:width .4s ease; }
.ka-guide-tour-body { display:flex; gap:13px; padding:20px 18px 17px; }
.ka-guide-tour-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:16px; background:linear-gradient(145deg, #315bf5, #8062eb); color:#fff; font-size:23px; box-shadow:0 10px 22px rgba(54,82,218,.26); }
.ka-guide-tour-body small { color:#c06f43; font-size:9px; font-weight:900; letter-spacing:.14em; }
.ka-guide-tour-body h3 { margin:4px 0 7px; font-size:20px; line-height:1.3; }
.ka-guide-tour-body p { margin:0; color:#687489; font-size:13px; line-height:1.72; }
.ka-guide-tour-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 18px 17px; border-top:1px solid rgba(44,57,88,.08); }
.ka-guide-tour-actions > div { display:flex; gap:7px; }
.ka-guide-tour-actions button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:38px; padding:0 12px; border:0; border-radius:11px; font-size:12px; font-weight:800; cursor:pointer; }
.ka-guide-tour-actions .ghost { background:transparent; color:#8790a0; }
.ka-guide-tour-actions .back { background:#eef1f7; color:#536078; }
.ka-guide-tour-actions .next { background:linear-gradient(135deg, #315bf5, #7658e8); color:#fff; box-shadow:0 8px 18px rgba(63,78,200,.22); }

.ka-guide-bubble-enter-active, .ka-guide-bubble-leave-active, .ka-guide-panel-enter-active, .ka-guide-panel-leave-active { transition:opacity .28s ease, transform .36s cubic-bezier(.2,.85,.2,1); transform-origin:100% 100%; }
.ka-guide-bubble-enter-from, .ka-guide-bubble-leave-to { opacity:0; transform:translateY(15px) scale(.93); }
.ka-guide-panel-enter-from, .ka-guide-panel-leave-to { opacity:0; transform:translateY(18px) scale(.9); }

@keyframes ka-guide-float { 0%,100% { transform:translate3d(0,0,0) rotate(0); } 45% { transform:translate3d(0,-9px,0) rotate(1.2deg); } 70% { transform:translate3d(0,-4px,0) rotate(-1deg); } }
@keyframes ka-guide-orbit { to { transform:rotate(360deg); } }
@keyframes ka-guide-status { 0%,100% { transform:scale(.9); opacity:.72; } 50% { transform:scale(1.08); opacity:1; } }
@keyframes ka-guide-shine { 0%,28% { background-position:140% 0; } 72%,100% { background-position:-100% 0; } }
@keyframes ka-guide-tour-in { from { opacity:0; transform:translateY(10px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes ka-guide-message-in { from { opacity:0; transform:translateY(7px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes ka-guide-typing { 0%,100% { transform:translateY(0); opacity:.45; } 50% { transform:translateY(-3px); opacity:1; } }

@media (max-width: 760px) {
  .ka-guide-root { right:14px; bottom:14px; width:96px; height:96px; }
  .ka-guide-pet { width:90px; height:90px; }
  .ka-guide-pet-image { inset:5px; border-width:2px; }
  .ka-guide-pet-online { right:-4px; bottom:2px; padding:4px 7px; font-size:9px; }
  .ka-guide-pet-orbit { inset:-5px; }
  .ka-guide-pet-orbit.orbit-two { inset:-9px; }
  .ka-guide-nudge, .ka-guide-panel { position:fixed; right:12px; bottom:116px; width:calc(100vw - 24px); border-radius:22px; }
  .ka-guide-root.dock-left .ka-guide-nudge, .ka-guide-root.dock-left .ka-guide-panel { left:12px; right:12px; }
  .ka-guide-panel-actions { max-height:42vh; overflow:auto; }
  .ka-guide-chat { grid-template-rows:minmax(140px, 34vh) auto auto; }
  .ka-guide-spotlight { border-radius:16px; }
  .ka-guide-tour-card { left:12px !important; right:12px !important; top:auto !important; bottom:12px; width:auto !important; border-radius:20px; }
  .ka-guide-tour-body { padding:16px 16px 13px; }
  .ka-guide-tour-body h3 { font-size:18px; }
  .ka-guide-tour-actions { padding:11px 14px 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .ka-guide-pet,
  .ka-guide-pet-orbit,
  .ka-guide-pet-online i,
  .ka-guide-status-orb,
  .ka-guide-spotlight::after { animation:none !important; }
  .ka-guide-spotlight,
  .ka-guide-panel-actions > button,
  .ka-guide-pet-image,
  .ka-guide-root,
  .ka-guide-view-enter-active,
  .ka-guide-view-leave-active { transition:none !important; }
}