body:has(#tscdp-radar-root) #cdpw-root { display: none !important; }

#tscdp-radar-root {
  --radar-accent: #4338ca;
  --radar-ink: #172033;
  --radar-border: #dce2f1;
  font: 14px/1.45 system-ui, sans-serif;
  color: var(--radar-ink);
}
#tscdp-radar-root button {
  font: inherit;
  cursor: pointer;
  color: var(--radar-accent);
  background: #fff;
  border: 1px solid var(--radar-border);
  border-radius: 9px;
  padding: 8px 11px;
}
#tscdp-radar-root button:disabled { cursor: wait; opacity: .6; }
#tscdp-radar-root [hidden] { display: none !important; }
#tscdp-radar-root :focus-visible { outline: 2px solid #6d5be0; outline-offset: 2px; }
#tscdp-radar-root #tscdp-radar-open {
  position: fixed;
  inset: auto 22px 22px auto;
  z-index: 999997;
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  color: #fff;
  background: #3530a1;
  box-shadow: 0 5px 22px #29225d3b;
  font-weight: 750;
}
#tscdp-radar-panel {
  position: fixed;
  inset: auto 22px 78px auto;
  margin: 0;
  width: min(420px, calc(100vw - 32px));
  height: min(620px, calc(100dvh - 100px));
  max-height: none;
  padding: 0;
  border: 1px solid var(--radar-border);
  border-radius: 17px;
  background: #fff;
  color: var(--radar-ink);
  box-shadow: 0 16px 55px #20194a36;
}
#tscdp-radar-panel[open] { display: flex; flex-direction: column; }
#tscdp-radar-panel::backdrop { background: #17203325; }
#tscdp-radar-panel header {
  background: linear-gradient(120deg, #1e3a5f, #4e38bd);
  color: #fff;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tscdp-radar-panel header strong { display: block; font-size: 18px; }
#tscdp-radar-panel header small { color: #e9e7ff; }
#tscdp-radar-root #tscdp-radar-close { width: 44px; height: 44px; font-size: 22px; padding: 0; }
#tscdp-radar-panel nav { display: flex; padding: 8px 10px; gap: 5px; border-bottom: 1px solid var(--radar-border); }
#tscdp-radar-panel nav button { flex: 1; padding: 7px 4px; font-size: 12px; font-weight: 700; }
#tscdp-radar-panel nav button[aria-pressed=true] { color: #fff; background: var(--radar-accent); }
#tscdp-radar-panel .radar-body { flex: 1; min-height: 0; overflow-y: auto; padding: 14px; }
#tscdp-radar-panel h2 { font: 750 14px/1.35 system-ui,sans-serif; margin: 0 0 12px; }
#tscdp-radar-panel p { white-space: pre-wrap; margin: 0 0 10px; }
#tscdp-radar-panel .radar-card {
  display: block;
  border: 1px solid var(--radar-border);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0 0 9px;
  color: var(--radar-ink);
  text-decoration: none;
}
#tscdp-radar-panel .radar-card:hover { border-color: var(--radar-accent); }
#tscdp-radar-panel .radar-card small { display: block; margin-top: 4px; color: #4e5d75; }
#tscdp-radar-panel .radar-brief { background: #f3f1ff; border-radius: 11px; padding: 11px; margin: 0 0 12px; }
#tscdp-radar-panel audio { display: block; width: 100%; margin: 6px 0; }
#tscdp-radar-panel details summary { cursor: pointer; color: var(--radar-accent); }
#tscdp-radar-panel details p { margin: 7px 0 0; }
#tscdp-radar-panel form label { display: block; margin: 0 0 7px; font-weight: 700; }
#tscdp-radar-panel form div { display: flex; gap: 6px; margin-bottom: 12px; }
#tscdp-radar-panel input { flex: 1; min-width: 0; font: inherit; border: 1px solid var(--radar-border); border-radius: 8px; padding: 7px; }
#tscdp-radar-panel footer { border-top: 1px solid var(--radar-border); text-align: center; font-size: 11px; padding: 7px; }
@media (max-width: 600px) {
  #tscdp-radar-panel { inset: 8px 8px max(8px, env(safe-area-inset-bottom)); height: auto; width: auto; }
}

#tscdp-radar-panel { width: min(460px, calc(100vw - 32px)); background: #f8f9ff; }
#tscdp-radar-panel header {
  background: radial-gradient(ellipse at 82% 15%, #7761d8 0, transparent 55%), linear-gradient(115deg,#162d55,#4338ca);
  padding: 17px 19px;
}
#tscdp-radar-panel header strong { font-size: 23px; letter-spacing: -.025em; }
#tscdp-radar-panel .radar-eyebrow { display: block; color: #d9d4ff; font-size: 10px; font-weight: 800; letter-spacing: .13em; }
#tscdp-radar-panel nav { background: #fff; padding: 10px 12px; }
#tscdp-radar-panel .radar-card { background: #fff; border-left: 3px solid #c9baf9; box-shadow: 0 3px 8px #34246909; }
#tscdp-radar-panel .radar-brief { background: linear-gradient(120deg,#ede9fe,#f4f6ff); border: 1px solid #e1dafa; }
#tscdp-radar-panel #tscdp-radar-chat-mode { color: #4e5d75; font-size: 12px; }
#tscdp-radar-panel .radar-prompts { display:flex; flex-wrap:wrap; gap:6px; margin: 0 0 14px; }
#tscdp-radar-panel .radar-prompts button { font-size: 11px; padding: 5px 8px; border-radius: 20px; }
#tscdp-radar-panel .radar-response { padding: 12px; background: #eeebff; border-radius: 12px; margin: 0 0 12px; }
#tscdp-radar-panel .radar-response p { margin: 5px 0 0; overflow-wrap: anywhere; }

.tscdp-listen {
  display: grid; gap: 10px; padding: 16px 19px; margin: 0 0 22px;
  border: 1px solid #ddd6fe; border-left: 4px solid #6544db; border-radius: 14px;
  background: linear-gradient(135deg,#f0ebff,#f7f8ff);
  color: #192440; font: 14px/1.45 system-ui,sans-serif;
}
.tscdp-listen-heading span { display:block; font-size: 10px; letter-spacing: .13em; font-weight: 800; color: #5135aa; }
.tscdp-listen-heading strong { display:block; font-size: 19px; }
.tscdp-listen fieldset { border:0; padding:0; margin:0; }
.tscdp-listen legend { font-size:12px; margin-bottom:5px; }
.tscdp-listen button {
  padding: 6px 10px; margin-right: 5px; border: 1px solid #c4b5fd; border-radius: 999px;
  background: #fff; color: #4430a2; cursor:pointer; font: inherit; font-size: 12px;
}
.tscdp-listen button[aria-pressed=true] { background: #4c32b8; color:#fff; }
.tscdp-listen button:disabled { opacity: .52; cursor:default; }
.tscdp-listen audio { width:100%; min-height: 40px; }
.tscdp-listen-track { display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:12px; }
.tscdp-listen [hidden] { display:none !important; }
@media(max-width:600px) { #tscdp-radar-panel { width:auto; } }