:root {
  --vsa-cyan: #11e7ff;
  --vsa-cyan-soft: #48f2ff;
  --vsa-green: #21ec91;
  --vsa-bg: rgba(2, 14, 22, .91);
  --vsa-bg-2: rgba(4, 23, 34, .96);
  --vsa-panel: rgba(5, 28, 41, .82);
  --vsa-panel-strong: rgba(6, 35, 49, .96);
  --vsa-line: rgba(24, 221, 247, .28);
  --vsa-line-strong: rgba(24, 221, 247, .68);
  --vsa-text: #f2fbff;
  --vsa-muted: #7f9eaa;
  --vsa-muted-2: #55727d;
  --vsa-shadow: 0 24px 70px rgba(0,0,0,.48), 0 0 36px rgba(0, 220, 255, .14);
  --vsa-radius: 22px;
  --vsa-z: 2147483000;
  --vsa-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vsa-orb-art: url("vsa-orb-premium.webp");
}

/* Reset ograniczony wyłącznie do widgetu — nie wpływa na stronę hosta */
.vsa-widget, .vsa-widget *, .vsa-widget *::before, .vsa-widget *::after { box-sizing: border-box; }
.vsa-widget button, .vsa-widget input, .vsa-widget textarea { font: inherit; }
.vsa-widget button { color: inherit; touch-action: manipulation; }

.vsa-widget {
  color-scheme: dark;
  -webkit-text-size-adjust: 100%;
  --vsa-orb-speed: 12s;
  position:fixed;
  right:max(18px, env(safe-area-inset-right));
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:var(--vsa-z);
  width:min(760px, calc(100vw - 28px));
  pointer-events:none;
  font-family:var(--vsa-font);
  color:var(--vsa-text);
  line-height:1.35;
}
.vsa-widget[data-mode="hover"] { --vsa-orb-speed: 6s; }
.vsa-widget[data-mode="processing"] { --vsa-orb-speed: 1.5s; }

.vsa-launcher {
  pointer-events:auto;
  margin-left:auto;
  width:88px;
  min-height:88px;
  display:grid;
  grid-template-columns:62px minmax(0, 1fr) 42px;
  align-items:center;
  gap:14px;
  padding:10px 12px 10px 12px;
  border:1px solid var(--vsa-line-strong);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(7,34,47,.96), rgba(4,19,29,.98));
  box-shadow:0 0 0 1px rgba(2,218,255,.08) inset, 0 0 30px rgba(0,221,255,.22), 0 18px 44px rgba(0,0,0,.42);
  cursor:pointer;
  transition:width .28s ease, transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  overflow:hidden;
}
.vsa-widget.is-preview .vsa-launcher,
.vsa-launcher:hover,
.vsa-launcher:focus-visible {
  width:386px;
  transform:translateY(-2px);
  border-color:#20efff;
  box-shadow:0 0 0 1px rgba(2,218,255,.12) inset, 0 0 42px rgba(0,221,255,.28), 0 22px 50px rgba(0,0,0,.48);
  outline:none;
}
.vsa-launcher-copy {
  min-width:0;
  text-align:left;
  opacity:0;
  transform:translateX(8px);
  transition:opacity .2s ease, transform .24s ease;
  pointer-events:none;
}
.vsa-widget.is-preview .vsa-launcher-copy,
.vsa-launcher:hover .vsa-launcher-copy,
.vsa-launcher:focus-visible .vsa-launcher-copy {
  opacity:1;
  transform:none;
}
.vsa-launcher-line { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.vsa-launcher-line strong { font-size:24px; letter-spacing:.02em; }
.vsa-launcher-line em, .vsa-brandline em {
  font-style:normal; font-weight:800; letter-spacing:.16em; font-size:10px; color:var(--vsa-cyan);
  border:1px solid rgba(14,223,250,.6); border-radius:8px; padding:5px 8px;
  box-shadow:0 0 16px rgba(0,220,255,.16) inset, 0 0 12px rgba(0,220,255,.12);
}
.vsa-launcher small { display:flex; align-items:center; gap:7px; margin-top:4px; color:#9bb3bc; white-space:nowrap; }
.vsa-launcher small i { width:8px; height:8px; border-radius:50%; background:var(--vsa-green); box-shadow:0 0 14px var(--vsa-green); }
.vsa-launcher-cta {
  width:42px; height:42px; border-radius:50%; display:grid; place-items:center; font-size:38px; font-weight:200; color:var(--vsa-cyan); background:rgba(3,98,122,.32); box-shadow:inset 0 0 20px rgba(0,220,255,.08);
  opacity:0;
  transform:translateX(8px);
  transition:opacity .2s ease, transform .24s ease;
}
.vsa-widget.is-preview .vsa-launcher-cta,
.vsa-launcher:hover .vsa-launcher-cta,
.vsa-launcher:focus-visible .vsa-launcher-cta {
  opacity:1;
  transform:none;
}

.vsa-orb {
  position:relative;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 32% 28%, #aff8ff 0 7%, #58e7f8 8% 18%, #0a7594 32%, #03283b 54%, #020f18 70%);
  border:1px solid rgba(110,245,255,.58);
  box-shadow:0 0 0 7px rgba(8,203,230,.06), 0 0 25px rgba(0,225,255,.54), inset 0 0 20px rgba(255,255,255,.12);
}
.vsa-orb::before,
.vsa-orb::after,
.vsa-orb span { position:absolute; }
.vsa-orb::before {
  content:"";
  width:28px;
  height:28px;
  border-radius:50% 52% 46% 54%;
  background:linear-gradient(135deg,#70f7ff 2%,#0aa6c5 48%,#013d5a 52%);
  transform:rotate(-32deg);
  box-shadow:inset -7px -8px 12px rgba(0,0,0,.34);
  animation:vsaOrbSpin var(--vsa-orb-speed) linear infinite;
}
.vsa-orb::after {
  content:"";
  inset:-6px;
  border-radius:50%;
  border:1px solid rgba(120, 245, 255, .46);
  box-shadow:0 0 20px rgba(0, 225, 255, .22), inset 0 0 12px rgba(255,255,255,.06);
  animation:vsaRingSpin calc(var(--vsa-orb-speed) * 1.15) linear infinite reverse;
}
.vsa-orb span {
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(159,251,255,.16);
  animation:vsaRingPulse calc(var(--vsa-orb-speed) * .85) ease-in-out infinite;
}
.vsa-orb-lg { width:70px; height:70px; flex:0 0 auto; }

.vsa-panel {
  pointer-events:none;
  position:absolute;
  right:0;
  bottom:0;
  width:min(760px, calc(100vw - 28px));
  height:min(930px, calc(100vh - 28px));
  height:min(930px, calc(100dvh - 28px));
  min-height:min(640px, calc(100vh - 28px));
  min-height:min(640px, calc(100dvh - 28px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--vsa-line-strong);
  border-radius:var(--vsa-radius);
  background:linear-gradient(180deg, rgba(1,13,21,.97), rgba(2,17,27,.985));
  box-shadow:var(--vsa-shadow), inset 0 0 0 1px rgba(0,221,255,.05);
  opacity:0;
  transform:translateY(18px) scale(.975);
  transform-origin:bottom right;
  visibility:hidden;
  transition:opacity .2s ease, transform .24s ease, visibility .24s;
}
.vsa-widget[data-state="open"] .vsa-panel { pointer-events:auto; opacity:1; transform:none; visibility:visible; }
.vsa-widget[data-state="open"] .vsa-launcher { opacity:0; visibility:hidden; transform:translateY(8px); }
.vsa-widget.is-maximized .vsa-panel { width:min(1180px, calc(100vw - 28px)); height:calc(100vh - 28px); height:calc(100dvh - 28px); }

.vsa-windowbar { height:54px; flex:0 0 54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 14px 0 18px; border-bottom:1px solid rgba(45,216,238,.16); color:#9eb7c0; font-size:13px; }
.vsa-window-title { display:flex; align-items:center; gap:7px; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vsa-window-title strong { color:#d6eef4; }
.vsa-mini-orb { width:18px; height:18px; border-radius:50%; background:radial-gradient(circle at 30% 25%,#c7fdff,#1edcf1 28%,#025571 62%,#01151f 70%); box-shadow:0 0 12px rgba(0,220,255,.44); }
.vsa-window-actions { display:flex; align-items:center; gap:4px; }
.vsa-window-actions button { width:36px; height:34px; border:0; border-radius:9px; background:transparent; color:#9bb5be; font-size:22px; cursor:pointer; }
.vsa-window-actions button:hover { background:rgba(26,202,226,.09); color:#eafcff; }

.vsa-shell { display:grid; grid-template-columns:112px minmax(0,1fr); min-height:0; flex:1; }
.vsa-rail { min-height:0; overflow-y:auto; scrollbar-width:none; padding:10px; display:flex; flex-direction:column; gap:7px; border-right:1px solid rgba(43,201,221,.13); background:linear-gradient(180deg, rgba(4,25,35,.62), rgba(2,15,23,.25)); }
.vsa-rail button { flex:0 0 auto; border:1px solid transparent; background:transparent; color:#738e99; min-height:72px; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; cursor:pointer; transition:.18s ease; }
.vsa-rail button b { font-size:25px; font-weight:500; color:#8ba5af; line-height:1; }
.vsa-rail button span { font-size:12px; }
.vsa-rail button:hover { background:rgba(8,72,89,.26); color:#c4e9f0; }
.vsa-rail button.is-active { color:#dffcff; border-color:rgba(23,225,248,.54); background:linear-gradient(180deg, rgba(7,102,123,.62), rgba(4,50,65,.68)); box-shadow:0 0 20px rgba(0,220,255,.16), inset 0 0 18px rgba(0,220,255,.06); }
.vsa-rail button.is-active b { color:#98f8ff; }

.vsa-content { --vsa-pad-b:16px; min-width:0; min-height:0; display:flex; flex-direction:column; padding:12px 18px var(--vsa-pad-b); overflow:auto; scrollbar-width:thin; scrollbar-color:rgba(58,226,245,.24) transparent; }
.vsa-brandbar { flex:0 0 auto; min-height:102px; display:flex; align-items:center; gap:16px; padding:14px 16px; margin-bottom:16px; border:1px solid rgba(49,211,232,.15); border-radius:18px; background:linear-gradient(180deg, rgba(5,26,37,.66), rgba(3,19,28,.5)); }
.vsa-brandbar > div:nth-child(2) { min-width:0; flex:1; }
.vsa-brandline { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
.vsa-brandline strong { font-size:34px; letter-spacing:.01em; }
.vsa-brandbar p { margin:5px 0 0; color:#869fa9; font-size:14px; }
.vsa-wordmark {
  min-width:0;
  flex:0 1 34%;
  margin-left:auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.vsa-wordmark img {
  display:block;
  height:auto;
  max-height:54px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(0, 220, 255, .12));
}

.vsa-view { display:none; flex:0 0 auto; min-height:0; padding:0 4px 8px; }
.vsa-view.is-active { display:block; }
.vsa-view > h2 { font-size:24px; margin:8px 0; }
.vsa-view > p { color:var(--vsa-muted); }
.vsa-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:5px 3px 12px; }
.vsa-section-head h2 { margin:0 0 5px; font-size:24px; }
.vsa-section-head p { margin:0; color:#7895a0; font-size:13px; }
.vsa-live { flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(26,239,160,.62); color:#57f3ad; border-radius:999px; padding:5px 9px; font-size:10px; font-weight:800; letter-spacing:.12em; box-shadow:0 0 12px rgba(30,235,151,.12) inset; }
.vsa-live i { width:6px; height:6px; border-radius:50%; background:var(--vsa-green); box-shadow:0 0 9px var(--vsa-green); }

.vsa-page-card { min-height:80px; display:flex; align-items:center; gap:14px; padding:14px 16px; margin:0 0 19px; border:1px solid rgba(52,187,205,.11); border-radius:14px; background:linear-gradient(135deg, rgba(12,46,59,.82), rgba(6,30,42,.75)); }
.vsa-globe { width:46px; height:46px; flex:0 0 auto; border-radius:12px; display:grid; place-items:center; background:rgba(255,255,255,.045); font-size:32px; color:#d7f8fb; }
.vsa-page-card strong, .vsa-page-card small { display:block; }
.vsa-page-card strong { font-size:14px; margin-bottom:5px; }
.vsa-page-card small { color:#7e98a3; font-size:12px; }

.vsa-subhead { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:6px 2px 10px; }
.vsa-subhead h3 { margin:0; font-size:17px; }
.vsa-subhead button { border:0; background:none; color:#36dff0; font-size:11px; font-weight:700; cursor:pointer; }
.vsa-subhead > span { color:#66838e; font-size:11px; }
.vsa-actions-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:20px; }
.vsa-actions-grid button { min-height:106px; display:flex; align-items:flex-start; gap:12px; text-align:left; padding:15px; border:1px solid rgba(32,201,223,.25); border-radius:14px; background:linear-gradient(145deg, rgba(5,45,59,.72), rgba(4,27,39,.78)); cursor:pointer; transition:.18s ease; }
.vsa-actions-grid button:hover { border-color:rgba(39,231,250,.66); transform:translateY(-1px); box-shadow:0 0 18px rgba(0,220,255,.07); }
.vsa-actions-grid button > span { width:46px; height:46px; flex:0 0 auto; display:grid; place-items:center; border-radius:12px; color:var(--vsa-cyan); background:rgba(4,100,124,.34); font-size:29px; }
.vsa-actions-grid strong { display:block; font-size:14px; margin:3px 0 8px; }
.vsa-actions-grid small { display:block; color:#6e8792; font-size:11px; line-height:1.4; }

.vsa-flow-head { margin-top:3px; }
.vsa-flow { list-style:none; margin:0; padding:1px 0 8px 2px; }
.vsa-flow li { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 40px; gap:10px; align-items:start; min-height:77px; color:#657f89; }
.vsa-flow li:not(:last-child)::after { content:""; position:absolute; left:17px; top:32px; bottom:-2px; width:1px; background:linear-gradient(var(--vsa-cyan), rgba(14,176,199,.18)); box-shadow:0 0 9px rgba(0,220,255,.35); }
.vsa-flow li > i { width:34px; height:34px; border:2px solid #52727f; border-radius:50%; display:grid; place-items:center; color:var(--vsa-cyan); font-style:normal; }
.vsa-flow li.is-done > i { border-color:var(--vsa-cyan); background:rgba(9,91,107,.36); box-shadow:0 0 12px rgba(0,224,255,.26); }
.vsa-flow li.is-live > i { width:26px; height:26px; margin:4px; border-color:#27e8fa; background:#31dff2; box-shadow:0 0 0 6px rgba(0,219,245,.12), 0 0 19px rgba(0,223,255,.48); }
.vsa-flow li strong, .vsa-flow li small { display:block; }
.vsa-flow li strong { color:#b9d2d9; font-size:13px; margin-top:4px; }
.vsa-flow li small { font-size:11px; margin-top:4px; }
.vsa-flow time { font-size:11px; text-align:right; padding-top:8px; }

.vsa-composer { position:sticky; bottom:0; z-index:5; flex:0 0 auto; min-height:92px; margin-top:auto; display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:8px; padding:11px; border:1px solid rgba(32,226,247,.55); border-radius:17px; background:linear-gradient(180deg, rgba(7,45,58,.82), rgba(4,25,36,.94)), #031621; box-shadow:0 0 20px rgba(0,220,255,.07) inset, 0 var(--vsa-pad-b) 0 2px #02111b; }
.vsa-attach, .vsa-send { width:42px; height:42px; border:0; border-radius:12px; background:transparent; color:var(--vsa-cyan); font-size:26px; cursor:pointer; }
.vsa-send { background:rgba(7,85,105,.22); text-shadow:0 0 10px rgba(0,230,255,.7); }
.vsa-input-wrap { min-width:0; }
.vsa-input-wrap input { width:100%; height:42px; border:1px solid rgba(81,175,190,.17); border-radius:10px; outline:none; padding:0 12px; background:rgba(0,8,13,.46); color:#dff8fc; }
.vsa-input-wrap input:focus { border-color:rgba(25,226,248,.52); box-shadow:0 0 0 3px rgba(0,214,239,.05); }
.vsa-input-wrap input::placeholder { color:#526d77; }
.vsa-input-wrap small { display:block; margin:7px 4px 0; color:#69838d; font-size:10px; }

@keyframes vsaOrbSpin {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}
@keyframes vsaRingSpin {
  from { transform:rotate(0deg); }
  to { transform:rotate(-360deg); }
}
@keyframes vsaRingPulse {
  0%, 100% { transform:scale(.97); opacity:.68; }
  50% { transform:scale(1.03); opacity:1; }
}


@media (max-width: 980px) {
}

@media (max-width: 720px) {

  .vsa-widget { right:8px; bottom:max(8px, env(safe-area-inset-bottom)); width:calc(100vw - 16px); }
  .vsa-launcher {
    width:min(320px, calc(100vw - 16px));
    min-height:76px;
    grid-template-columns:54px 1fr 38px;
  }
  .vsa-widget.is-preview .vsa-launcher,
  .vsa-launcher:hover,
  .vsa-launcher:focus-visible { width:min(344px, calc(100vw - 16px)); }
  .vsa-launcher-copy,
  .vsa-launcher-cta { opacity:1; transform:none; }
  .vsa-orb { width:54px; height:54px; }
  .vsa-launcher-line strong { font-size:21px; }
  .vsa-panel { right:0; bottom:0; width:calc(100vw - 16px); height:min(92dvh, 930px); min-height:0; border-radius:20px; }
  .vsa-shell { grid-template-columns:1fr; }
  .vsa-rail { order:2; min-height:64px; padding:7px; flex-direction:row; border-right:0; border-top:1px solid rgba(43,201,221,.13); overflow-x:auto; }
  .vsa-rail button { min-width:62px; min-height:50px; flex:1; gap:3px; }
  .vsa-rail button b { font-size:19px; }
  .vsa-rail button span { font-size:9px; }
  .vsa-content { --vsa-pad-b:12px; padding:10px 12px var(--vsa-pad-b); }
  .vsa-brandbar { min-height:82px; padding:10px 12px; }
  .vsa-orb-lg { width:54px; height:54px; }
  .vsa-brandline strong { font-size:27px; }
  .vsa-wordmark { display:none; }
  .vsa-section-head h2 { font-size:20px; }
  .vsa-actions-grid { grid-template-columns:1fr; }
  .vsa-actions-grid button { min-height:78px; }
  .vsa-flow li { min-height:68px; }
}

@media (max-width: 430px) {
  .vsa-window-title span:last-child { display:none; }
  .vsa-window-actions button[data-vsa-minimize] { display:none; }
  .vsa-brandbar p { font-size:12px; }
  .vsa-page-card { padding:12px; }
  .vsa-section-head p, .vsa-subhead > span { display:none; }
  .vsa-actions-grid small { font-size:10px; }
  .vsa-flow time { display:none; }
  .vsa-flow li { grid-template-columns:38px minmax(0,1fr); }
}



/* === VSA 2.1 / LIVE READY runtime layer === */
.vsa-widget {
  --vsa-state:#21ec91;
  --vsa-state-rgb:33,236,145;
  --vsa-progress:0%;
}
.vsa-widget[data-mode="hover"] { --vsa-state:#11e7ff; --vsa-state-rgb:17,231,255; }
.vsa-widget[data-mode="listening"] { --vsa-state:#5cf5ff; --vsa-state-rgb:92,245,255; --vsa-orb-speed:1.8s; }
.vsa-widget[data-mode="reading"] { --vsa-state:#30e4ff; --vsa-state-rgb:48,228,255; --vsa-orb-speed:2.5s; }
.vsa-widget[data-mode="processing"] { --vsa-state:#11e7ff; --vsa-state-rgb:17,231,255; --vsa-orb-speed:1.35s; }
.vsa-widget[data-mode="computing"] { --vsa-state:#8be8ff; --vsa-state-rgb:139,232,255; --vsa-orb-speed:.78s; }
.vsa-widget[data-mode="tool"] { --vsa-state:#63c9ff; --vsa-state-rgb:99,201,255; --vsa-orb-speed:.95s; }
.vsa-widget[data-mode="streaming"] { --vsa-state:#3dffd1; --vsa-state-rgb:61,255,209; --vsa-orb-speed:1.15s; }
.vsa-widget[data-mode="speaking"] { --vsa-state:#4dffd8; --vsa-state-rgb:77,255,216; --vsa-orb-speed:1.6s; }
.vsa-widget[data-mode="success"] { --vsa-state:#21ec91; --vsa-state-rgb:33,236,145; --vsa-orb-speed:5s; }
.vsa-widget[data-mode="reconnecting"] { --vsa-state:#ffd166; --vsa-state-rgb:255,209,102; --vsa-orb-speed:.72s; }
.vsa-widget[data-mode="error"] { --vsa-state:#ff6b7a; --vsa-state-rgb:255,107,122; --vsa-orb-speed:0s; }

.vsa-launcher { position:relative; }
.vsa-launcher::before {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 12%, rgba(var(--vsa-state-rgb),.22) 46%, transparent 72%);
  transform:translateX(-125%);
  opacity:0;
}
.vsa-widget[data-mode="processing"] .vsa-launcher::before,
.vsa-widget[data-mode="computing"] .vsa-launcher::before,
.vsa-widget[data-mode="tool"] .vsa-launcher::before,
.vsa-widget[data-mode="streaming"] .vsa-launcher::before,
.vsa-widget[data-mode="reconnecting"] .vsa-launcher::before {
  opacity:1;
  animation:vsaLauncherScan 1.8s ease-in-out infinite;
}
.vsa-launcher small i {
  background:var(--vsa-state);
  box-shadow:0 0 14px var(--vsa-state), 0 0 0 0 rgba(var(--vsa-state-rgb),.34);
}
.vsa-widget[data-mode="listening"] .vsa-launcher small i,
.vsa-widget[data-mode="speaking"] .vsa-launcher small i {
  animation:vsaStatusPing 1.15s ease-out infinite;
}

.vsa-orb { border-color:rgba(var(--vsa-state-rgb),.72); box-shadow:0 0 0 7px rgba(var(--vsa-state-rgb),.07), 0 0 28px rgba(var(--vsa-state-rgb),.54), inset 0 0 22px rgba(255,255,255,.12); }
.vsa-orb::after { border-color:rgba(var(--vsa-state-rgb),.55); box-shadow:0 0 22px rgba(var(--vsa-state-rgb),.26), inset 0 0 12px rgba(255,255,255,.06); }
.vsa-widget[data-mode="listening"] .vsa-orb,
.vsa-widget[data-mode="speaking"] .vsa-orb { animation:vsaAcousticBreath 1.15s ease-in-out infinite; }
.vsa-widget[data-mode="computing"] .vsa-orb::after { border-style:dashed; border-width:2px; }
.vsa-widget[data-mode="error"] .vsa-orb::before,
.vsa-widget[data-mode="error"] .vsa-orb::after,
.vsa-widget[data-mode="error"] .vsa-orb span { animation:none; }

.vsa-live-ready {
  display:inline-flex;
  align-items:center;
  height:23px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(33,236,145,.38);
  color:#60f6b6;
  background:rgba(20,104,76,.12);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  white-space:nowrap;
}

.vsa-runtime {
  position:relative;
  overflow:hidden;
  margin:-5px 0 18px;
  padding:14px;
  border:1px solid rgba(var(--vsa-state-rgb),.24);
  border-radius:16px;
  background:
    radial-gradient(circle at 17% 42%, rgba(var(--vsa-state-rgb),.1), transparent 32%),
    linear-gradient(145deg, rgba(3,29,41,.88), rgba(3,17,27,.9));
  box-shadow:inset 0 0 28px rgba(var(--vsa-state-rgb),.035);
  transition:border-color .28s ease, box-shadow .28s ease;
}
.vsa-runtime::after {
  content:"";
  position:absolute;
  left:-25%;
  right:-25%;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(var(--vsa-state-rgb),.9), transparent);
  opacity:.7;
  transform:translateX(-45%);
  animation:vsaRuntimeSweep 4.5s linear infinite;
}
.vsa-runtime-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.vsa-runtime-head > div { min-width:0; }
.vsa-runtime-kicker { display:block; margin-bottom:3px; color:var(--vsa-state); font-size:9px; font-weight:900; letter-spacing:.18em; }
.vsa-runtime-head strong { display:block; font-size:15px; color:#e7fbff; }
.vsa-runtime-head small { display:block; margin-top:3px; color:#78939e; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vsa-runtime-head time { flex:0 0 auto; padding-top:3px; color:#6c8d98; font:700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing:.04em; }

.vsa-runtime-visual { min-height:76px; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:10px; margin:7px 0 6px; }
.vsa-core-field { position:relative; width:74px; height:74px; margin:auto; display:grid; place-items:center; }
.vsa-core-dot { width:20px; height:20px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #e6ffff, var(--vsa-state) 36%, rgba(var(--vsa-state-rgb),.36) 62%, #03161f 72%); box-shadow:0 0 16px rgba(var(--vsa-state-rgb),.82), 0 0 38px rgba(var(--vsa-state-rgb),.22); animation:vsaCorePulse 2.8s ease-in-out infinite; }
.vsa-core-ring { position:absolute; border-radius:50%; border:1px solid rgba(var(--vsa-state-rgb),.28); }
.vsa-core-ring-a { inset:12px; border-top-color:rgba(var(--vsa-state-rgb),.94); animation:vsaRingSpin 5.5s linear infinite; }
.vsa-core-ring-b { inset:5px; border-right-color:rgba(var(--vsa-state-rgb),.72); animation:vsaRingSpin 8s linear infinite reverse; }
.vsa-core-ring-c { inset:0; border-style:dashed; opacity:.55; animation:vsaRingSpin 13s linear infinite; }
.vsa-core-node { position:absolute; width:5px; height:5px; border-radius:50%; background:var(--vsa-state); box-shadow:0 0 9px rgba(var(--vsa-state-rgb),.9); }
.vsa-core-node-a { top:13px; right:14px; }
.vsa-core-node-b { bottom:14px; left:11px; }
.vsa-core-node-c { top:34px; left:1px; }
.vsa-widget[data-mode="processing"] .vsa-core-ring-a,
.vsa-widget[data-mode="computing"] .vsa-core-ring-a,
.vsa-widget[data-mode="tool"] .vsa-core-ring-a { animation-duration:1.2s; }
.vsa-widget[data-mode="processing"] .vsa-core-ring-b,
.vsa-widget[data-mode="computing"] .vsa-core-ring-b,
.vsa-widget[data-mode="tool"] .vsa-core-ring-b { animation-duration:1.8s; }
.vsa-widget[data-mode="listening"] .vsa-core-field,
.vsa-widget[data-mode="speaking"] .vsa-core-field { animation:vsaAcousticBreath 1.15s ease-in-out infinite; }
.vsa-widget[data-mode="error"] .vsa-core-field { animation:vsaErrorJitter .35s linear 2; }

.vsa-signal { height:54px; display:flex; align-items:center; justify-content:flex-end; gap:4px; padding:0 4px; overflow:hidden; }
.vsa-signal i { display:block; width:3px; height:9px; border-radius:999px; background:linear-gradient(180deg, rgba(var(--vsa-state-rgb),.96), rgba(var(--vsa-state-rgb),.18)); box-shadow:0 0 7px rgba(var(--vsa-state-rgb),.32); transform-origin:center; opacity:.55; animation:vsaSignalIdle 2.8s ease-in-out infinite; }
.vsa-signal i:nth-child(2n) { animation-delay:-.22s; }
.vsa-signal i:nth-child(3n) { animation-delay:-.48s; }
.vsa-signal i:nth-child(5n) { animation-delay:-.71s; }
.vsa-widget[data-mode="listening"] .vsa-signal i,
.vsa-widget[data-mode="speaking"] .vsa-signal i { animation-name:vsaSignalLive; animation-duration:.72s; opacity:.95; }
.vsa-widget[data-mode="reading"] .vsa-signal i,
.vsa-widget[data-mode="processing"] .vsa-signal i,
.vsa-widget[data-mode="computing"] .vsa-signal i,
.vsa-widget[data-mode="tool"] .vsa-signal i,
.vsa-widget[data-mode="streaming"] .vsa-signal i,
.vsa-widget[data-mode="reconnecting"] .vsa-signal i { animation-name:vsaSignalWork; animation-duration:1.05s; opacity:.86; }
.vsa-widget[data-mode="success"] .vsa-signal i { animation:vsaSignalSuccess .9s ease-out 1 both; }
.vsa-widget[data-mode="error"] .vsa-signal i { animation:none; height:4px; opacity:.5; }

.vsa-runtime-progress { position:relative; height:3px; overflow:hidden; border-radius:999px; background:rgba(92,138,151,.14); }
.vsa-runtime-progress span { display:block; height:100%; width:var(--vsa-progress); border-radius:inherit; background:linear-gradient(90deg, rgba(var(--vsa-state-rgb),.28), var(--vsa-state)); box-shadow:0 0 12px rgba(var(--vsa-state-rgb),.65); transition:width .42s cubic-bezier(.2,.8,.2,1); }
.vsa-widget.is-indeterminate .vsa-runtime-progress span { width:34% !important; animation:vsaProgressIndeterminate 1.35s ease-in-out infinite; }

.vsa-runtime-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }
.vsa-runtime-meta > span { min-width:0; padding:7px 8px; border:1px solid rgba(74,155,174,.13); border-radius:9px; background:rgba(0,8,13,.24); }
.vsa-runtime-meta b, .vsa-runtime-meta em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vsa-runtime-meta b { color:#536f7a; font-size:9px; letter-spacing:.14em; }
.vsa-runtime-meta em { margin-top:2px; color:#a8c4cc; font-size:10px; font-style:normal; }

.vsa-flow li.is-error > i { border-color:#ff6b7a; color:#ff9aa5; box-shadow:0 0 0 5px rgba(255,107,122,.08), 0 0 16px rgba(255,107,122,.32); }
.vsa-flow li.is-live > i { animation:vsaFlowPing 1.45s ease-out infinite; }

.vsa-composer { grid-template-columns:42px 42px minmax(0,1fr) 44px; }
.vsa-attach, .vsa-voice, .vsa-send { width:42px; height:42px; border:0; border-radius:12px; cursor:pointer; }
.vsa-voice { position:relative; display:grid; place-items:center; background:rgba(5,75,92,.18); color:#67eefa; font-size:19px; border:1px solid rgba(27,210,235,.16); }
.vsa-voice::after { content:""; position:absolute; inset:8px; border-radius:50%; border:1px solid currentColor; opacity:.2; }
.vsa-voice[aria-pressed="true"] { color:var(--vsa-state); border-color:rgba(var(--vsa-state-rgb),.62); background:rgba(var(--vsa-state-rgb),.1); box-shadow:0 0 15px rgba(var(--vsa-state-rgb),.15); }
.vsa-voice[aria-pressed="true"]::after { animation:vsaVoicePulse 1s ease-out infinite; }

@keyframes vsaLauncherScan { 0% { transform:translateX(-125%); } 70%,100% { transform:translateX(125%); } }
@keyframes vsaStatusPing { 0% { box-shadow:0 0 8px var(--vsa-state), 0 0 0 0 rgba(var(--vsa-state-rgb),.42); } 100% { box-shadow:0 0 12px var(--vsa-state), 0 0 0 10px rgba(var(--vsa-state-rgb),0); } }
@keyframes vsaRuntimeSweep { from { transform:translateX(-45%); } to { transform:translateX(75%); } }
@keyframes vsaCorePulse { 0%,100% { transform:scale(.88); filter:brightness(.88); } 50% { transform:scale(1.08); filter:brightness(1.28); } }
@keyframes vsaAcousticBreath { 0%,100% { transform:scale(.96); filter:brightness(.95); } 50% { transform:scale(1.045); filter:brightness(1.18); } }
@keyframes vsaSignalIdle { 0%,100% { height:6px; opacity:.3; } 50% { height:14px; opacity:.62; } }
@keyframes vsaSignalLive { 0%,100% { height:9px; } 25% { height:34px; } 50% { height:17px; } 75% { height:45px; } }
@keyframes vsaSignalWork { 0%,100% { height:8px; transform:translateY(8px); } 50% { height:38px; transform:translateY(-2px); } }
@keyframes vsaSignalSuccess { 0% { height:34px; } 100% { height:7px; opacity:.48; } }
@keyframes vsaProgressIndeterminate { 0% { transform:translateX(-120%); } 55%,100% { transform:translateX(320%); } }
@keyframes vsaFlowPing { 0% { box-shadow:0 0 0 0 rgba(var(--vsa-state-rgb),.34), 0 0 19px rgba(var(--vsa-state-rgb),.48); } 100% { box-shadow:0 0 0 10px rgba(var(--vsa-state-rgb),0), 0 0 19px rgba(var(--vsa-state-rgb),.12); } }
@keyframes vsaVoicePulse { 0% { transform:scale(.72); opacity:.7; } 100% { transform:scale(1.45); opacity:0; } }
@keyframes vsaErrorJitter { 0%,100% { transform:translateX(0); } 25% { transform:translateX(-2px); } 75% { transform:translateX(2px); } }

@media (max-width:720px) {
  .vsa-runtime { padding:12px; }
  .vsa-runtime-visual { grid-template-columns:70px minmax(0,1fr); min-height:66px; }
  .vsa-core-field { width:62px; height:62px; }
  .vsa-runtime-head small { max-width:58vw; }
  .vsa-runtime-meta { gap:5px; }
  .vsa-runtime-meta > span { padding:6px; }
  .vsa-composer { grid-template-columns:38px 38px minmax(0,1fr) 40px; gap:6px; }
  .vsa-attach, .vsa-voice, .vsa-send { width:38px; height:38px; }
}
@media (max-width:430px) {
  .vsa-live-ready { display:none; }
  .vsa-runtime-meta b { font-size:9px; }
  .vsa-runtime-meta em { font-size:9px; }
  .vsa-runtime-head small { max-width:52vw; }
}
@media (prefers-reduced-motion: reduce) {
  .vsa-launcher::before, .vsa-runtime::after, .vsa-core-dot, .vsa-core-ring, .vsa-core-field, .vsa-signal i, .vsa-runtime-progress span, .vsa-flow li.is-live > i, .vsa-voice::after { animation:none !important; }
}


/* VSA 2.2 — Workspace layer */
.vsa-file-input { position:fixed !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.vsa-workspace-view { padding-bottom:16px; }
.vsa-capability-badge { flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; min-height:24px; padding:0 9px; border:1px solid rgba(35,220,244,.25); border-radius:999px; background:rgba(4,76,94,.16); color:#6eefff; font-size:9px; font-weight:850; letter-spacing:.12em; }
.vsa-dropzone { width:100%; min-height:148px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; padding:18px; border:1px dashed rgba(35,220,244,.42); border-radius:16px; background:radial-gradient(circle at 50% 20%, rgba(17,231,255,.09), transparent 44%), rgba(2,25,36,.5); color:#dffcff; cursor:pointer; transition:.18s ease; }
.vsa-dropzone:hover, .vsa-dropzone.is-dragover { border-color:#34eaff; background:radial-gradient(circle at 50% 20%, rgba(17,231,255,.16), transparent 48%), rgba(3,33,46,.66); box-shadow:0 0 24px rgba(0,220,255,.08) inset; transform:translateY(-1px); }
.vsa-drop-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(27,224,248,.36); border-radius:15px; background:rgba(7,93,112,.24); color:#72f5ff; font-size:28px; }
.vsa-dropzone strong { font-size:14px; }
.vsa-dropzone small { max-width:520px; color:#6e8b96; font-size:10px; line-height:1.5; text-align:center; }
.vsa-file-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0 12px; }
.vsa-file-summary span { padding:9px 10px; border:1px solid rgba(49,197,218,.12); border-radius:10px; background:rgba(1,17,25,.44); }
.vsa-file-summary b, .vsa-file-summary small { display:block; }
.vsa-file-summary b { color:#d9f9fd; font-size:12px; }
.vsa-file-summary small { margin-top:2px; color:#56727d; font-size:9px; }
.vsa-file-list, .vsa-artifact-list { display:flex; flex-direction:column; gap:8px; }
.vsa-file-row, .vsa-artifact-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:66px; padding:9px 10px; border:1px solid rgba(42,190,211,.14); border-radius:12px; background:linear-gradient(135deg, rgba(4,41,54,.72), rgba(2,24,34,.66)); }
.vsa-file-kind, .vsa-artifact-kind { width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:rgba(9,94,114,.25); color:#65efff; font-size:10px; font-weight:900; text-transform:uppercase; }
.vsa-file-row strong, .vsa-file-row small, .vsa-artifact-row strong, .vsa-artifact-row small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vsa-file-row strong, .vsa-artifact-row strong { color:#d8f3f7; font-size:12px; }
.vsa-file-row small, .vsa-artifact-row small { margin-top:3px; color:#617d87; font-size:9px; }
.vsa-file-row button, .vsa-artifact-row button, .vsa-note-actions button { min-height:34px; padding:0 10px; border:1px solid rgba(27,211,235,.26); border-radius:9px; background:rgba(5,73,89,.19); color:#9ff8ff; font-size:10px; font-weight:700; cursor:pointer; }
.vsa-file-row button:hover, .vsa-artifact-row button:hover, .vsa-note-actions button:hover { border-color:rgba(36,232,251,.62); background:rgba(8,96,115,.28); }
.vsa-file-row.is-processing { border-color:rgba(var(--vsa-state-rgb),.42); box-shadow:0 0 16px rgba(var(--vsa-state-rgb),.07) inset; }
.vsa-empty-state { min-height:148px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:5px; border:1px solid rgba(51,160,180,.1); border-radius:14px; color:#5d7b86; }
.vsa-empty-state > span { font-size:34px; color:#315d69; }
.vsa-empty-state strong { color:#76939d; font-size:12px; }
.vsa-empty-state small { max-width:320px; font-size:10px; }
.vsa-command-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.vsa-command-grid button { min-height:105px; display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto; column-gap:10px; align-content:center; text-align:left; padding:12px; border:1px solid rgba(33,198,221,.19); border-radius:13px; background:linear-gradient(145deg, rgba(4,43,57,.62), rgba(2,25,36,.72)); cursor:pointer; transition:.18s ease; }
.vsa-command-grid button:hover { border-color:rgba(39,231,250,.56); transform:translateY(-1px); }
.vsa-command-grid button > span { grid-row:1 / span 2; width:40px; height:40px; display:grid; place-items:center; align-self:center; border-radius:11px; background:rgba(5,93,112,.28); color:#72f3ff; font-size:21px; }
.vsa-command-grid strong { align-self:end; font-size:12px; }
.vsa-command-grid small { align-self:start; margin-top:3px; color:#637e88; font-size:9px; line-height:1.35; }
.vsa-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:13px; padding:10px; border:1px solid rgba(49,169,189,.1); border-radius:11px; color:#5c7984; font-size:9px; }
.vsa-shortcuts strong { color:#9fc3ca; margin-right:auto; }
.vsa-shortcuts span { display:flex; align-items:center; gap:3px; }
.vsa-shortcuts kbd, .vsa-shortcuts code { min-width:20px; padding:3px 5px; border:1px solid rgba(74,171,188,.2); border-radius:5px; background:#061823; color:#8bdce7; font:700 9px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align:center; }
.vsa-note-editor { width:100%; min-height:280px; resize:vertical; padding:14px; border:1px solid rgba(40,196,218,.2); border-radius:14px; outline:0; background:rgba(0,10,16,.54); color:#dffaff; font:12px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.vsa-note-editor:focus { border-color:rgba(37,228,248,.52); box-shadow:0 0 0 3px rgba(0,214,239,.05); }
.vsa-note-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; }
.vsa-note-actions small { color:#587681; font-size:9px; }
.vsa-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.vsa-capabilities article { min-height:132px; padding:12px; border:1px solid rgba(38,186,207,.14); border-radius:13px; background:rgba(3,31,43,.58); }
.vsa-capabilities article > span, .vsa-capabilities strong, .vsa-capabilities small { display:block; }
.vsa-capabilities article > span { color:#335f6a; font:800 20px/1 ui-monospace, monospace; }
.vsa-capabilities strong { margin-top:18px; color:#8ff5ff; font-size:11px; letter-spacing:.1em; }
.vsa-capabilities small { margin-top:5px; color:#617e88; font-size:9px; line-height:1.45; }
.vsa-session-log { margin-top:10px; border-top:1px solid rgba(44,174,195,.12); }
.vsa-session-log > span { display:grid; grid-template-columns:64px minmax(0,1fr); column-gap:9px; padding:10px 2px; border-bottom:1px solid rgba(44,174,195,.08); }
.vsa-session-log time { grid-row:1 / span 2; color:#4e737e; font:800 9px/1.4 ui-monospace, monospace; }
.vsa-session-log strong { color:#a9cbd2; font-size:10px; }
.vsa-session-log small { margin-top:2px; color:#506c76; font-size:9px; }
.vsa-attach { position:relative; }
.vsa-attach > i { position:absolute; right:2px; top:2px; min-width:15px; height:15px; display:none; place-items:center; padding:0 3px; border-radius:999px; background:#18dff4; color:#021017; font:900 9px/1 var(--vsa-font); font-style:normal; box-shadow:0 0 9px rgba(24,223,244,.4); }
.vsa-attach.has-files > i { display:grid; }
.vsa-artifact-row a { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 10px; border:1px solid rgba(27,211,235,.26); border-radius:9px; background:rgba(5,73,89,.19); color:#9ff8ff; text-decoration:none; font-size:10px; font-weight:700; }
.vsa-toast { position:absolute; right:18px; bottom:114px; max-width:330px; pointer-events:none; padding:10px 12px; border:1px solid rgba(47,220,242,.28); border-radius:11px; background:rgba(2,18,27,.96); color:#c9f7fb; box-shadow:0 12px 28px rgba(0,0,0,.4), 0 0 18px rgba(0,220,255,.08); font-size:10px; opacity:0; transform:translateY(8px); transition:.18s ease; }
.vsa-toast.is-visible { opacity:1; transform:none; }
@media (max-width:720px) {
  .vsa-command-grid { grid-template-columns:1fr; }
  .vsa-capabilities { grid-template-columns:1fr; }
  .vsa-capabilities article { min-height:90px; }
  .vsa-file-summary { grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width:430px) {
  .vsa-file-row, .vsa-artifact-row { grid-template-columns:36px minmax(0,1fr); }
  .vsa-file-row button, .vsa-artifact-row a { grid-column:2; justify-self:start; }
  .vsa-file-kind, .vsa-artifact-kind { width:36px; height:36px; }
  .vsa-shortcuts { display:none; }
}


/* === VSA 2.3 / VOICE SURFACE + ORB REFINEMENT === */
.vsa-orb {
  isolation:isolate;
  overflow:visible;
  border:1px solid rgba(var(--vsa-state-rgb),.58);
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--vsa-state-rgb),.14), rgba(2,14,22,.92) 62%, rgba(0,0,0,.94) 100%);
  box-shadow:
    0 0 0 1px rgba(216,253,255,.08) inset,
    0 0 0 8px rgba(var(--vsa-state-rgb),.05),
    0 0 30px rgba(var(--vsa-state-rgb),.36),
    0 14px 30px rgba(0,0,0,.34),
    inset 0 0 32px rgba(179,247,255,.09),
    inset -12px -14px 22px rgba(0,0,0,.36);
  transform:translateZ(0);
}
.vsa-orb::before {
  content:"";
  position:absolute;
  inset:8%;
  z-index:1;
  border-radius:50%;
  background:var(--vsa-orb-art) center / cover no-repeat;
  filter:saturate(1.08) brightness(1.02) drop-shadow(0 0 14px rgba(var(--vsa-state-rgb),.26));
  --vsa-art-glow:14px;
  animation:vsaOrbArtFloat 6.5s ease-in-out infinite, vsaOrbArtSpin calc(var(--vsa-orb-speed) * 1.17) linear infinite;
}
.vsa-orb::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:-9px;
  border-radius:50%;
  border:1px solid rgba(var(--vsa-state-rgb),.34);
  border-top-color:rgba(210,253,255,.88);
  border-bottom-color:rgba(var(--vsa-state-rgb),.1);
  box-shadow:0 0 26px rgba(var(--vsa-state-rgb),.19), inset 0 0 16px rgba(255,255,255,.04);
  animation:vsaRingSpin var(--vsa-orb-speed) linear infinite;
}
.vsa-orb > span {
  z-index:2;
  inset:10px;
  border:0;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.58) 0 10%, transparent 23%),
    linear-gradient(120deg, transparent 36%, rgba(223,253,255,.22) 48%, transparent 59%),
    radial-gradient(circle at 74% 76%, rgba(var(--vsa-state-rgb),.16), transparent 26%);
  mix-blend-mode:screen;
  animation:vsaOrbGlass 4.2s ease-in-out infinite;
}
.vsa-mini-orb {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(var(--vsa-state-rgb),.58);
  background:radial-gradient(circle at 50% 50%, rgba(var(--vsa-state-rgb),.16), rgba(2,16,25,.95) 66%, rgba(0,0,0,.96));
  box-shadow:0 0 0 3px rgba(var(--vsa-state-rgb),.06),0 0 14px rgba(var(--vsa-state-rgb),.44),inset 0 0 10px rgba(214,254,255,.08),inset -3px -3px 6px rgba(0,0,0,.34);
}
.vsa-mini-orb::before {
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  background:var(--vsa-orb-art) center / cover no-repeat;
  --vsa-art-glow:6px;
  animation:vsaOrbArtFloat 7.6s ease-in-out infinite, vsaOrbArtSpin 18s linear infinite reverse;
}
.vsa-mini-orb::after {
  content:"";
  position:absolute;
  inset:18% 20% auto 16%;
  height:18%;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  filter:blur(2px);
  transform:rotate(-24deg);
}

.vsa-live-tab { position:relative; }
.vsa-live-tab::after {
  content:"";
  position:absolute;
  right:12px;
  top:10px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#3dffd1;
  box-shadow:0 0 10px rgba(61,255,209,.85);
}

.vsa-live-view {
  position:relative;
  min-height:100%;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(68,224,244,.13);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 38%, rgba(var(--vsa-state-rgb),.085), transparent 35%),
    radial-gradient(circle at 12% 12%, rgba(0,204,255,.055), transparent 30%),
    linear-gradient(180deg, rgba(2,18,28,.98), rgba(1,11,18,.995));
}
.vsa-live-topline {
  position:relative;
  z-index:6;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px;
  border-bottom:1px solid rgba(55,203,224,.1);
  background:linear-gradient(180deg,rgba(5,31,43,.72),rgba(2,17,26,.15));
}
.vsa-live-topline > div { min-width:0; }
.vsa-live-kicker { display:flex; align-items:center; gap:7px; color:#7bf8dc; font-size:9px; font-weight:900; letter-spacing:.18em; }
.vsa-live-kicker i { width:6px; height:6px; border-radius:50%; background:#37f1bc; box-shadow:0 0 11px #37f1bc; }
.vsa-live-topline strong { display:block; margin-top:4px; color:#e5fbff; font-size:16px; }
.vsa-live-topline small { display:block; margin-top:2px; color:#63808a; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vsa-live-topline button {
  flex:0 0 auto;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(53,211,234,.2);
  border-radius:10px;
  background:rgba(5,62,78,.18);
  color:#8bb8c0;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
.vsa-live-topline button:hover { border-color:rgba(67,235,252,.52); color:#d3fbff; background:rgba(6,84,101,.25); }

.vsa-live-stage {
  position:relative;
  min-height:540px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  --live-pt:54px;
  --live-orb:208px;
  padding:var(--live-pt) 28px 22px;
  overflow:hidden;
}
.vsa-live-stage::before {
  content:"";
  position:absolute;
  left:7%; right:7%; top:9%; height:46%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--vsa-state-rgb),.09),transparent 63%);
  filter:blur(20px);
  pointer-events:none;
}
.vsa-live-aurora { position:absolute; inset:-16% -12% 32%; pointer-events:none; filter:blur(36px); opacity:.65; }
.vsa-live-aurora i { position:absolute; border-radius:50%; mix-blend-mode:screen; animation:vsaLiveDrift 10s ease-in-out infinite alternate; }
.vsa-live-aurora i:nth-child(1) { width:44%; height:58%; left:12%; top:23%; background:rgba(13,212,245,.11); }
.vsa-live-aurora i:nth-child(2) { width:34%; height:52%; right:13%; top:17%; background:rgba(50,255,197,.09); animation-delay:-3.2s; }
.vsa-live-aurora i:nth-child(3) { width:35%; height:42%; left:34%; top:8%; background:rgba(123,187,255,.075); animation-delay:-6.1s; }
.vsa-live-wavefield {
  position:absolute;
  left:8%; right:8%; top:calc(var(--live-pt, 54px) + var(--live-orb, 208px) - 85px);
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:.18;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.vsa-live-wavefield i {
  width:3px;
  height:18px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(var(--vsa-state-rgb),.95),rgba(var(--vsa-state-rgb),.08));
  box-shadow:0 0 8px rgba(var(--vsa-state-rgb),.28);
  transform-origin:center;
  animation:vsaLiveWave 2.8s ease-in-out infinite;
}
.vsa-live-wavefield i:nth-child(2n){animation-delay:-.3s}.vsa-live-wavefield i:nth-child(3n){animation-delay:-.55s}.vsa-live-wavefield i:nth-child(5n){animation-delay:-.9s}.vsa-live-wavefield i:nth-child(7n){animation-delay:-1.2s}

.vsa-voice-orb {
  --orb-size:var(--live-orb, 208px);
  position:relative;
  z-index:3;
  width:var(--orb-size);
  height:var(--orb-size);
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:inherit;
  cursor:pointer;
  outline:none;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.28));
}
.vsa-voice-orb:focus-visible { box-shadow:0 0 0 3px rgba(var(--vsa-state-rgb),.25); }
.vsa-voice-orb-halo { position:absolute; border-radius:50%; border:1px solid rgba(var(--vsa-state-rgb),.18); pointer-events:none; }
.vsa-voice-orb-halo-a { inset:-20px; border-top-color:rgba(var(--vsa-state-rgb),.55); animation:vsaRingSpin 8s linear infinite; }
.vsa-voice-orb-halo-b { inset:-36px; border-style:dashed; border-color:rgba(var(--vsa-state-rgb),.12); animation:vsaRingSpin 17s linear infinite reverse; }
.vsa-voice-orb-halo-c { inset:4px; border-color:rgba(210,253,255,.12); box-shadow:0 0 46px rgba(var(--vsa-state-rgb),.13); animation:vsaAcousticBreath 2.7s ease-in-out infinite; }
.vsa-voice-orb-core {
  position:relative;
  width:86%;
  height:86%;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(187,252,255,.42);
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--vsa-state-rgb),.16), rgba(4,26,40,.92) 68%, rgba(0,0,0,.96));
  box-shadow:
    inset 0 0 38px rgba(190,252,255,.08),
    inset -28px -34px 46px rgba(0,0,0,.42),
    0 0 34px rgba(var(--vsa-state-rgb),.38),
    0 0 90px rgba(var(--vsa-state-rgb),.12);
  transform:translateZ(0);
}
.vsa-voice-orb-core::before {
  content:"";
  position:absolute;
  inset:6%;
  border-radius:50%;
  background:var(--vsa-orb-art) center / cover no-repeat;
  filter:saturate(1.1) brightness(1.03) contrast(1.02) drop-shadow(0 0 26px rgba(var(--vsa-state-rgb),.28));
  --vsa-art-glow:26px;
  animation:vsaOrbArtFloat 5.5s ease-in-out infinite, vsaOrbArtSpin 12s linear infinite;
}
.vsa-voice-orb-core::after {
  content:"";
  position:absolute;
  inset:4%;
  border-radius:50%;
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.56) 0 10%, transparent 22%),
    linear-gradient(120deg, rgba(255,255,255,.12), transparent 28% 58%, rgba(var(--vsa-state-rgb),.07)),
    radial-gradient(circle at 74% 78%, rgba(var(--vsa-state-rgb),.2), transparent 24%);
  mix-blend-mode:screen;
}
.vsa-voice-orb-core > i {
  position:absolute;
  inset:10%;
  border-radius:50%;
  border:1px solid rgba(214,253,255,.18);
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;
  animation:vsaRingSpin 18s linear infinite reverse;
}
.vsa-voice-orb-core > b {
  position:absolute;
  left:50%;
  top:50%;
  width:42%;
  height:42%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(var(--vsa-state-rgb),.22), transparent 68%);
  filter:blur(12px);
  animation:vsaPulseHalo 2.4s ease-in-out infinite;
}
.vsa-widget[data-mode="listening"] .vsa-voice-orb { animation:vsaLiveListen 1.15s ease-in-out infinite; }
.vsa-widget[data-mode="listening"] .vsa-live-wavefield,
.vsa-widget[data-mode="speaking"] .vsa-live-wavefield { opacity:.64; }
.vsa-widget[data-mode="listening"] .vsa-live-wavefield i,
.vsa-widget[data-mode="speaking"] .vsa-live-wavefield i { animation-duration:.78s; }
.vsa-widget[data-mode="processing"] .vsa-voice-orb-core::before,
.vsa-widget[data-mode="computing"] .vsa-voice-orb-core::before,
.vsa-widget[data-mode="tool"] .vsa-voice-orb-core::before { animation-duration:1.45s,2.4s; }
.vsa-widget[data-mode="speaking"] .vsa-voice-orb { animation:vsaAcousticBreath .92s ease-in-out infinite; }
.vsa-widget[data-mode="error"] .vsa-voice-orb-core { border-color:rgba(255,107,122,.65); }

.vsa-live-copy { position:relative; z-index:4; margin-top:34px; text-align:center; }
.vsa-live-copy > span { display:block; color:var(--vsa-state); font-size:9px; font-weight:900; letter-spacing:.2em; }
.vsa-live-copy strong { display:block; margin-top:7px; color:#e9fcff; font-size:24px; font-weight:650; letter-spacing:-.02em; }
.vsa-live-copy small { display:block; max-width:470px; margin:6px auto 0; color:#6b8993; font-size:11px; line-height:1.5; }

.vsa-live-transcript {
  position:relative;
  z-index:4;
  width:min(520px,94%);
  max-height:132px;
  margin-top:28px;
  padding:12px 14px;
  overflow:hidden;
  border:1px solid rgba(56,196,215,.1);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(4,31,42,.32),rgba(1,14,22,.54));
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 24%,#000 85%,rgba(0,0,0,.58));
  mask-image:linear-gradient(180deg,rgba(0,0,0,.2),#000 24%,#000 85%,rgba(0,0,0,.58));
}
.vsa-live-transcript-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; color:#456c77; font-size:9px; font-weight:800; letter-spacing:.14em; }
.vsa-live-transcript-head small { color:#385c66; font-size:9px; font-weight:600; letter-spacing:0; }
.vsa-live-transcript-lines { display:flex; flex-direction:column; gap:5px; }
.vsa-live-transcript-lines p { display:grid; grid-template-columns:38px minmax(0,1fr); gap:8px; margin:0; color:#6f8c95; font-size:10px; line-height:1.42; }
.vsa-live-transcript-lines p b { color:#4f7e89; font-size:9px; letter-spacing:.1em; }
.vsa-live-transcript-lines p.is-user span { color:#9eb9c0; }
.vsa-live-transcript-lines p.is-vsa span { color:#7fabb3; }
.vsa-live-transcript-lines p.is-partial span { opacity:.62; }

.vsa-live-controls { position:relative; z-index:7; display:flex; align-items:center; justify-content:center; gap:20px; padding:0 18px 18px; }
.vsa-live-controls button { cursor:pointer; }
.vsa-live-secondary { width:46px; height:46px; border:1px solid rgba(54,179,198,.18); border-radius:50%; background:rgba(6,46,59,.44); color:#7799a2; font-size:18px; }
.vsa-live-secondary:hover { border-color:rgba(73,226,245,.48); color:#d1faff; background:rgba(8,68,83,.55); }
.vsa-live-secondary.is-end { color:#d98b94; border-color:rgba(255,102,119,.18); }
.vsa-live-mic { position:relative; width:64px; height:64px; border:1px solid rgba(var(--vsa-state-rgb),.48); border-radius:50%; background:linear-gradient(180deg,rgba(var(--vsa-state-rgb),.18),rgba(4,37,48,.92)); box-shadow:0 0 0 6px rgba(var(--vsa-state-rgb),.055),0 0 24px rgba(var(--vsa-state-rgb),.15); }
.vsa-live-mic > span { position:absolute; left:50%; top:18px; width:13px; height:21px; transform:translateX(-50%); border:2px solid #a9fbff; border-radius:8px; }
.vsa-live-mic > span::before { content:""; position:absolute; left:50%; top:20px; width:22px; height:12px; transform:translateX(-50%); border:2px solid #a9fbff; border-top:0; border-radius:0 0 12px 12px; }
.vsa-live-mic > span::after { content:""; position:absolute; left:50%; top:31px; width:2px; height:6px; transform:translateX(-50%); background:#a9fbff; box-shadow:-5px 6px 0 -0.5px #a9fbff,5px 6px 0 -0.5px #a9fbff; }
.vsa-live-mic[aria-pressed="false"] { --vsa-state:#6b7d84; --vsa-state-rgb:107,125,132; }
.vsa-live-mic[aria-pressed="false"]::after { content:""; position:absolute; left:15px; right:15px; top:31px; height:2px; background:#d9979e; transform:rotate(-42deg); box-shadow:0 0 6px rgba(255,105,120,.34); }
.vsa-live-footer { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px 20px; min-height:42px; padding:8px 14px; border-top:1px solid rgba(52,187,207,.08); background:rgba(1,13,20,.52); color:#45636d; font-size:9px; }
.vsa-live-footer span { display:flex; align-items:center; gap:5px; }
.vsa-live-footer b { color:#66838c; font-size:9px; letter-spacing:.1em; }
.vsa-live-footer em { color:#6d929b; font-style:normal; }
.vsa-live-footer i { width:5px; height:5px; border-radius:50%; background:#2ce8a3; box-shadow:0 0 8px #2ce8a3; }

.vsa-widget.is-live-mode .vsa-shell { grid-template-columns:1fr; }
.vsa-widget.is-live-mode .vsa-rail,
.vsa-widget.is-live-mode .vsa-brandbar,
.vsa-widget.is-live-mode .vsa-composer { display:none; }
.vsa-widget.is-live-mode .vsa-content { padding:12px; }
.vsa-widget.is-live-mode .vsa-panel { background:linear-gradient(180deg,rgba(1,12,19,.99),rgba(0,8,13,.995)); }
.vsa-widget.is-live-mode .vsa-windowbar { border-bottom-color:rgba(57,218,239,.1); }
.vsa-widget.is-live-mode .vsa-content > .vsa-view { min-height:100%; }
.vsa-widget.is-live-mode .vsa-live-view.is-active { display:flex; flex-direction:column; }

@keyframes vsaOrbMorph {
  0% { border-radius:44% 56% 58% 42% / 48% 42% 58% 52%; transform:rotate(-22deg) scale(.96); }
  100% { border-radius:57% 43% 45% 55% / 41% 56% 44% 59%; transform:rotate(20deg) scale(1.04); }
}
@keyframes vsaOrbGlass { 0%,100%{opacity:.45;transform:rotate(-8deg)}50%{opacity:.9;transform:rotate(8deg)} }
@keyframes vsaVoiceCore { to { transform:rotate(360deg); } }
@keyframes vsaVoiceMorph { 0%{border-radius:43% 57% 54% 46% / 46% 43% 57% 54%;transform:scale(.94)}100%{border-radius:58% 42% 46% 54% / 42% 58% 45% 55%;transform:scale(1.06)} }
@keyframes vsaLiveListen { 0%,100%{transform:scale(.985)}50%{transform:scale(1.025)} }
@keyframes vsaLiveWave { 0%,100%{transform:scaleY(.45);opacity:.35}45%{transform:scaleY(2.8);opacity:1}70%{transform:scaleY(.8);opacity:.52} }
@keyframes vsaLiveDrift { 0%{transform:translate3d(-4%,-2%,0) scale(.92)}100%{transform:translate3d(7%,5%,0) scale(1.08)} }

@media (max-width:720px) {
  .vsa-live-stage { --live-pt:46px; --live-orb:178px; min-height:calc(92dvh - 190px); padding:var(--live-pt) 14px 18px; }
  .vsa-live-wavefield { gap:6px; }
  .vsa-live-copy { margin-top:27px; }
  .vsa-live-copy strong { font-size:22px; }
  .vsa-live-transcript { margin-top:23px; }
  .vsa-live-topline small { max-width:58vw; }
}
@media (max-width:430px) {
  .vsa-widget.is-live-mode .vsa-content { padding:8px; }
  .vsa-live-topline { min-height:68px; padding:12px; }
  .vsa-live-topline button { width:40px; padding:0; font-size:0; }
  .vsa-live-topline button span { font-size:17px; }
  .vsa-live-stage { --live-pt:38px; --live-orb:158px; min-height:calc(92dvh - 176px); }
  .vsa-voice-orb-halo-b { inset:-27px; }
  .vsa-live-wavefield { gap:5px; }
  .vsa-live-copy { margin-top:23px; }
  .vsa-live-copy strong { font-size:20px; }
  .vsa-live-copy small { max-width:32ch; font-size:10px; }
  .vsa-live-transcript { width:100%; max-height:118px; margin-top:20px; }
  .vsa-live-footer { gap:6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .vsa-orb::before,.vsa-orb::after,.vsa-orb>span,.vsa-voice-orb,.vsa-voice-orb-halo,.vsa-voice-orb-core::before,.vsa-live-wavefield i,.vsa-live-aurora i { animation:none !important; }
}

/* 2.3.1 responsive containment — keep Live controls inside the viewport */
.vsa-widget.is-live-mode .vsa-content { overflow:hidden; }
.vsa-widget.is-live-mode .vsa-live-view.is-active { flex:1; min-height:0; height:100%; }
.vsa-widget.is-live-mode .vsa-live-stage { flex:1 1 auto; min-height:0; }
@media (max-width:720px) {
  .vsa-widget.is-live-mode .vsa-live-stage { --live-pt:32px; min-height:0; padding-bottom:12px; }
  .vsa-widget.is-live-mode .vsa-live-transcript { margin-top:18px; }
  .vsa-widget.is-live-mode .vsa-live-controls { flex:0 0 auto; padding-bottom:12px; }
  .vsa-widget.is-live-mode .vsa-live-footer { flex:0 0 auto; }
}
@media (max-width:430px) {
  .vsa-widget.is-live-mode .vsa-live-stage { --live-pt:24px; --live-orb:148px; min-height:0; padding-bottom:8px; }
  .vsa-widget.is-live-mode .vsa-live-copy { margin-top:17px; }
  .vsa-widget.is-live-mode .vsa-live-transcript { margin-top:16px; max-height:104px; }
  .vsa-widget.is-live-mode .vsa-live-controls { padding:0 12px 10px; gap:16px; }
  .vsa-widget.is-live-mode .vsa-live-secondary { width:42px; height:42px; }
  .vsa-widget.is-live-mode .vsa-live-mic { width:58px; height:58px; }
  .vsa-widget.is-live-mode .vsa-live-mic > span { top:15px; }
  .vsa-widget.is-live-mode .vsa-live-footer { min-height:34px; padding:6px 8px; }
  .vsa-widget.is-live-mode .vsa-live-footer span:nth-child(2) { display:none; }
}

/* rotate / translate / scale to osobne właściwości — animacje nie nadpisują się wzajemnie */
@keyframes vsaOrbArtSpin {
  from { rotate:0deg; }
  to { rotate:360deg; }
}
@keyframes vsaOrbArtFloat {
  0%,100% { translate:0 0; scale:.985; filter:saturate(1.06) brightness(.98) drop-shadow(0 0 var(--vsa-art-glow,14px) rgba(var(--vsa-state-rgb),.26)); }
  50% { translate:0 -1.5%; scale:1.025; filter:saturate(1.16) brightness(1.05) drop-shadow(0 0 var(--vsa-art-glow,14px) rgba(var(--vsa-state-rgb),.26)); }
}
@keyframes vsaPulseHalo {
  0%,100% { opacity:.45; transform:translate(-50%,-50%) scale(.86); }
  50% { opacity:.82; transform:translate(-50%,-50%) scale(1.12); }
}


/* === VSA 2.3.2 — opcje systemowe, kompaktowe wysokości, spójność === */

/* Focus: panel (kontener) bez białej obwódki, elementy interaktywne z jednolitym pierścieniem w kolorze stanu */
.vsa-panel:focus, .vsa-panel:focus-visible { outline:none; }
.vsa-widget button:focus-visible,
.vsa-widget a:focus-visible,
.vsa-widget input:focus-visible,
.vsa-widget textarea:focus-visible {
  outline:2px solid rgba(var(--vsa-state-rgb), .9);
  outline-offset:2px;
}
.vsa-launcher:focus-visible { outline:none; }
.vsa-input-wrap input:focus-visible { outline:none; }

/* Mobile: brak sensu maksymalizacji; iOS nie przybliża pola notatek */
@media (max-width:720px) {
  .vsa-window-actions [data-vsa-maximize] { display:none; }
  .vsa-widget.is-maximized .vsa-panel { width:calc(100vw - 16px); height:min(92dvh, 930px); }
  .vsa-note-editor, .vsa-input-wrap input { font-size:16px; }
}

/* Niskie okna (laptop z paskami, telefon poziomo) */
@media (max-height:700px) {
  .vsa-rail button { min-height:56px; gap:4px; }
  .vsa-brandbar { min-height:84px; margin-bottom:12px; }
  .vsa-widget.is-live-mode .vsa-live-stage { --live-pt:20px; --live-orb:128px; }
  .vsa-widget.is-live-mode .vsa-live-copy { margin-top:16px; }
  .vsa-widget.is-live-mode .vsa-live-copy strong { font-size:19px; }
  .vsa-widget.is-live-mode .vsa-live-transcript { margin-top:12px; max-height:84px; }
}
@media (max-height:520px) {
  .vsa-windowbar { height:44px; flex-basis:44px; }
  .vsa-rail { padding:6px; gap:4px; }
  .vsa-rail button { min-height:46px; }
  .vsa-rail button b { font-size:19px; }
  .vsa-composer { min-height:64px; }
  .vsa-input-wrap small { display:none; }
  .vsa-widget.is-live-mode .vsa-live-topline { min-height:48px; padding:8px 14px; }
  .vsa-widget.is-live-mode .vsa-live-topline small,
  .vsa-widget.is-live-mode .vsa-live-copy small,
  .vsa-widget.is-live-mode .vsa-live-transcript,
  .vsa-widget.is-live-mode .vsa-live-wavefield,
  .vsa-widget.is-live-mode .vsa-live-footer { display:none; }
  .vsa-widget.is-live-mode .vsa-live-stage { --live-pt:14px; --live-orb:84px; padding-bottom:6px; }
  .vsa-widget.is-live-mode .vsa-live-copy { margin-top:12px; }
  .vsa-widget.is-live-mode .vsa-live-controls { padding-bottom:8px; }
  .vsa-widget.is-live-mode .vsa-live-mic { width:50px; height:50px; }
  .vsa-widget.is-live-mode .vsa-live-mic > span { top:11px; }
}

/* Preferencje systemowe: ograniczony ruch — wyłącza WSZYSTKIE animacje i przejścia widgetu */
@media (prefers-reduced-motion: reduce) {
  .vsa-widget, .vsa-widget *, .vsa-widget *::before, .vsa-widget *::after {
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* Podwyższony kontrast / wymuszone kolory (Windows High Contrast) */
@media (prefers-contrast: more) {
  .vsa-widget { --vsa-muted:#b4cdd6; --vsa-line:rgba(24,221,247,.6); }
  .vsa-section-head p, .vsa-actions-grid small, .vsa-command-grid small, .vsa-file-row small,
  .vsa-artifact-row small, .vsa-live-copy small, .vsa-live-topline small, .vsa-input-wrap small { color:#aac4cc; }
}
@media (forced-colors: active) {
  .vsa-panel, .vsa-launcher, .vsa-composer, .vsa-page-card, .vsa-runtime { border:1px solid CanvasText; }
  .vsa-rail button.is-active, .vsa-launcher:focus-visible { outline:2px solid Highlight; }
  .vsa-runtime-progress span, .vsa-signal i, .vsa-live-wavefield i { background:Highlight; }
}