:root{
    color-scheme: dark; --scrim:5,7,10;
    --bg:#05070a; --bg-1:#0a0d12; --bg-2:#0f1319;
    --fg:#e8ebee; --fg-dim:#8a9199; --fg-mute:#7c828a;
    --rule:rgba(255,255,255,0.07); --rule-2:rgba(255,255,255,0.12);
    --signal: oklch(0.86 0.08 210);
    --signal-dim: oklch(0.86 0.08 210 / 0.5);
    --signal-glow: oklch(0.86 0.08 210 / 0.18);
    --verify-ok: oklch(0.78 0.14 155);
    --verify-warn: oklch(0.8 0.13 80);
    --pad: clamp(16px, 4vw, 40px);
  }
  :root[data-theme="light"]{
    color-scheme: light; --scrim:247,246,243;
    --bg:#f7f6f3; --bg-1:#ffffff; --bg-2:#efeee9;
    --fg:#0b0d10; --fg-dim:#565b63; --fg-mute:#676d74;
    --rule:rgba(11,13,16,0.10); --rule-2:rgba(11,13,16,0.16);
    --signal: oklch(0.56 0.13 233);
    --signal-dim: oklch(0.56 0.13 233 / 0.5);
    --signal-glow: oklch(0.56 0.13 233 / 0.13);
    --verify-ok: oklch(0.52 0.13 155);
    --verify-warn: oklch(0.58 0.12 75);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  html,body{background:var(--bg);color:var(--fg);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-0.005em}
  body{display:flex;flex-direction:column;overflow:hidden}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
  svg{display:block}
  ::selection{background:var(--signal-glow);color:var(--fg)}
  .mono{font-family:'JetBrains Mono',ui-monospace,monospace}

  /* ── header ── */
  header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);border-bottom:1px solid var(--rule);background:rgba(var(--scrim),0.7);backdrop-filter:blur(14px);flex-shrink:0}
  .brand{display:inline-flex;align-items:center;gap:14px}
  .brand .logo svg{height:20px;width:auto;fill:var(--fg);opacity:0.85}
  .brand .logo .logo-mark{display:none}
  .brand .sep{width:1px;height:20px;background:var(--rule-2)}
  .brand .augur{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--fg)}
  .brand .augur .dot{width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal);animation:pulse 2.4s infinite}
  .brand .augur .augur-mark{width:23px;height:23px;flex:0 0 auto;color:var(--fg)}
  .cp-brand .augur-mark{width:20px;height:20px;flex:0 0 auto;color:var(--fg)}
  .beta{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--signal);border:1px solid var(--signal);padding:2px 7px;border-radius:10px}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(1.3)}}
  .h-actions{display:flex;align-items:center;gap:8px}
  .btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--rule-2);border-radius:var(--v-r2);padding:8px 14px;background:transparent;cursor:pointer;transition:color .18s var(--v-ease),border-color .18s var(--v-ease),background .18s var(--v-ease),transform .12s var(--v-ease);white-space:nowrap}
  .btn-ghost:hover{color:var(--fg);border-color:var(--fg-dim);background:rgba(255,255,255,.035)}
  :root[data-theme="light"] .btn-ghost:hover{background:rgba(11,13,16,.03)}
  .btn-ghost:active{transform:translateY(1px)}
  .btn-ghost.primary{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 42%,transparent);background:color-mix(in oklab,var(--signal) 10%,transparent)}
  .btn-ghost.primary:hover{color:var(--signal);border-color:var(--signal);background:color-mix(in oklab,var(--signal) 17%,transparent)}
  .btn-ghost .plus{font-size:13px;line-height:1;margin-top:-1px;opacity:.9}
  @media(max-width:640px){
    header{padding:12px 16px;gap:10px}
    .h-actions{gap:8px}
    .btn-ghost{padding:8px 11px;letter-spacing:0.1em;font-size:10px}
    .brand{gap:10px;min-width:0}
    .brand .logo .logo-full{display:none}
    .brand .logo .logo-mark{display:block;height:22px}
    .btn-ghost .lbl-long{display:none}
    .nav-back{display:none}
  }
  @media(max-width:430px){ .brand .beta{display:none} }
  @media(max-width:380px){ .brand .augur .a-word{display:none} .brand .sep{display:none} }

  /* ── chat area ── */
  main{flex:1;overflow-y:auto;scroll-behavior:smooth}
  .thread{max-width:820px;margin:0 auto;padding:32px var(--pad) 24px;display:flex;flex-direction:column;gap:28px}

  /* empty state */
  .empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12vh var(--pad) 4vh;gap:18px}
  .empty .emblem{position:relative;width:72px;height:72px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}
  .empty .emblem::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:radial-gradient(circle, var(--signal-glow), transparent 64%);filter:blur(10px);animation:aug-glow 4.5s ease-in-out infinite;pointer-events:none}
  .empty .emblem svg{position:relative;width:64px;height:64px;color:var(--fg);filter:drop-shadow(0 0 18px rgba(122,205,240,0.30))}
  @keyframes aug-glow{0%,100%{opacity:0.35}50%{opacity:0.8}}
  .empty .boot{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.24em;text-transform:uppercase;color:var(--signal);text-shadow:0 0 12px var(--signal-glow);display:inline-flex;align-items:center;margin-bottom:2px}
  .empty .boot .bc{margin-left:1px;animation:bc-blink 1.1s step-start infinite}
  @keyframes bc-blink{50%{opacity:0}}
  .empty h1{font-size:clamp(26px,4vw,40px);font-weight:400;letter-spacing:-0.025em;line-height:1.05}
  .empty h1 em{font-style:italic;color:var(--fg-dim);font-weight:300}
  .empty p{font-size:14.5px;color:var(--fg-dim);font-weight:300;max-width:52ch;line-height:1.6}
  .capchips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%;max-width:640px;margin-top:10px}
  .capchips[hidden]{display:none}
  .capchips-k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);margin-right:2px}
  .capchip{font-family:inherit;font-size:12.5px;font-weight:500;color:var(--fg-dim);background:transparent;border:1px solid var(--rule-2);border-radius:999px;padding:7px 13px;cursor:pointer;transition:border-color .18s var(--v-ease),color .18s var(--v-ease),transform .15s var(--v-ease)}
  .capchip:hover{border-color:color-mix(in oklab,var(--signal) 45%,transparent);color:var(--fg);transform:translateY(-1px)}
  /* UX-2 card v2 · the verification footprint is a real disclosure BUTTON over
     the real verify steps — same metadata voice, now expandable. Existing
     tokens + the standard focus ring only; ≥44px touch target. */
  .capc-verif{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--v-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-fg-mute);margin:0;background:none;border:none;padding:6px 0 2px;cursor:pointer;transition:color .15s var(--v-ease)}
  .capc-verif:hover{color:var(--v-fg-dim)}
  .capc-verif:focus-visible{outline:2px solid var(--v-signal);outline-offset:2px}
  .capc-verif .cv-car{font-size:8px;line-height:1}
  .capc-checks{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px}
  .capc-checks li{font-family:var(--v-mono);font-size:10px;letter-spacing:.06em;color:var(--v-fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .capc-checks .cvm.ok{color:var(--v-good)}
  .capc-checks .cvm.bad{color:var(--v-bad)}

  /* UX-1 · Sigue donde ibas — Work v2 row anatomy, tokens only */
  .continue{width:100%;max-width:640px;margin-top:28px;text-align:left}
  .cont-k{display:flex;align-items:center;gap:12px;font-family:var(--v-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--v-fg-dim);margin:0 2px 10px}
  .cont-k::after{content:'';flex:1;height:1px;background:var(--v-line)}
  .cont-rows{display:flex;flex-direction:column;gap:9px}
  .cont-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--v-line);border-radius:var(--v-r2);background:var(--v-surface);text-decoration:none;transition:border-color .18s var(--v-ease),background .18s var(--v-ease)}
  .cont-row:focus-visible{outline:2px solid var(--v-signal);outline-offset:2px}
  .cont-row:hover{border-color:var(--v-line-2);background:var(--v-surface-2)}
  .cont-row .ct{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .cont-row .ct b{font-size:13.5px;font-weight:600;color:var(--v-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cont-row .ct i{font-style:normal;font-family:var(--v-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-fg-mute)}
  .cont-row .cchip{font-family:var(--v-mono);font-size:10px;letter-spacing:.06em;white-space:nowrap;color:var(--v-fg-dim)}
  .cont-row .cchip.run{color:var(--v-signal)}
  .cont-row .cchip.ok{color:var(--v-good)}
  .cont-row .cchip.err{color:var(--v-bad)}
  .suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:640px;margin-top:8px}
  .suggestions[hidden]{display:none}
  @media(max-width:560px){ .suggestions{grid-template-columns:1fr} }
  .sugg{text-align:left;border:1px solid var(--rule);background:linear-gradient(180deg,rgba(255,255,255,0.022),transparent);border-radius:var(--v-r3);padding:16px 18px;cursor:pointer;transition:border-color .2s var(--v-ease),background .2s var(--v-ease),transform .15s var(--v-ease),box-shadow .2s var(--v-ease);display:flex;flex-direction:column;gap:5px}
  .sugg:hover{border-color:color-mix(in oklab,var(--signal) 34%,transparent);background:var(--bg-1);transform:translateY(-2px);box-shadow:var(--v-shadow-sm)}
  .sugg .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-mute)}
  .sugg .t{font-size:14px;color:var(--fg-dim);line-height:1.4}

  /* messages */
  /* ══ AUGUR KNOWS YOU ═══════════════════════════════════════════════
     The whole point of the Ledger is that it can be spent here. */
  .me{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--fg-mute);white-space:nowrap}
  .me .cal{padding:3px 8px;border:1px solid var(--rule-2);border-radius:10px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}
  .me .cal.overconfident{color:oklch(0.70 0.17 25);border-color:oklch(0.70 0.17 25 / .5)}
  .me .cal.underconfident{color:oklch(0.82 0.13 75);border-color:oklch(0.82 0.13 75 / .5)}
  .me .cal.calibrated{color:oklch(0.82 0.13 150);border-color:oklch(0.82 0.13 150 / .5)}

  /* ══ SIGN IN, INLINE ═══════════════════════════════════════════════ */
  .gate{display:none;border:1px solid var(--rule-2);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:22px;margin-bottom:8px}
  .gate.on{display:block}
  .gate h3{font-size:17px;font-weight:400;letter-spacing:-.02em;margin-bottom:8px}
  .gate p{font-size:14px;line-height:1.6;color:var(--fg-dim);font-weight:300;margin-bottom:16px;max-width:56ch}
  .gate .row{display:flex;gap:10px}
  .gate input{flex:1;font-family:inherit;font-size:15px;color:var(--fg);background:var(--bg-1);border:1px solid var(--rule-2);padding:12px 14px;outline:none}
  .gate input:focus{border-color:var(--signal)}
  .gate .hint{font-size:12px;color:var(--fg-mute);margin-top:10px}

  /* ══ THE BRIEF, INSIDE THE CONVERSATION ════════════════════════════ */
  .card{border:1px solid var(--rule-2);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);padding:22px;margin-top:4px}
  .card .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--signal);display:block;margin-bottom:12px}
  .card .q{font-size:16px;line-height:1.5;font-weight:400;margin-bottom:6px}
  .card .sub{font-size:13.5px;line-height:1.6;color:var(--fg-dim);font-weight:300}
  .btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;background:var(--fg);color:var(--bg);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border:1px solid var(--fg);transition:all .22s}
  .btn:hover:not(:disabled){background:var(--signal);border-color:var(--signal);box-shadow:0 0 34px var(--signal-glow)}
  .btn:disabled{opacity:.4;cursor:not-allowed}
  .btn-2{background:transparent;color:var(--fg-dim);border-color:var(--rule-2)}
  .btn-2:hover:not(:disabled){background:transparent;color:var(--signal);border-color:var(--signal);box-shadow:none}
  .card .acts{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}

  .qa{margin-bottom:18px}
  .qa:last-of-type{margin-bottom:0}
  .qa .n{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;color:var(--fg-mute);display:block;margin-bottom:6px}
  .qa .why{font-size:12.5px;line-height:1.55;color:var(--fg-mute);font-weight:300;margin:4px 0 8px}
  .qa textarea{width:100%;font-family:inherit;font-size:14.5px;line-height:1.6;color:var(--fg);background:var(--bg-1);border:1px solid var(--rule-2);padding:11px 13px;outline:none;resize:vertical}
  .qa textarea:focus{border-color:var(--signal)}

  .b-sec{margin-bottom:26px}
  .b-sec:last-child{margin-bottom:0}
  .b-sec > .k{color:var(--fg-mute)}
  .b-lead{font-size:17px;line-height:1.5;font-weight:400}
  .b-why{font-size:13.5px;line-height:1.65;color:var(--fg-dim);font-weight:300;margin-top:8px;border-left:2px solid var(--rule-2);padding-left:14px}
  .drv{display:grid;grid-template-columns:64px 1fr;gap:12px;margin-bottom:12px;align-items:start}
  .wt{font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;padding:4px 0;text-align:center;border:1px solid var(--rule-2);color:var(--fg-mute)}
  .wt.high{color:var(--signal);border-color:var(--signal)}
  .dn{font-size:14.5px;font-weight:400;margin-bottom:3px}
  .dnote{font-size:13px;line-height:1.6;color:var(--fg-dim);font-weight:300}
  .scn{margin-bottom:16px}
  .scn .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px}
  .scn .sn{font-size:14.5px;font-weight:400}
  .scn .sp{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--signal)}
  .scn .bar{display:block;height:2px;background:var(--rule-2);margin-bottom:7px}
  .scn .bar i{display:block;height:100%;background:var(--signal);box-shadow:0 0 8px var(--signal)}
  .scn .si{font-size:13px;line-height:1.6;color:var(--fg-dim);font-weight:300}
  ul.so{list-style:none}
  ul.so li{font-size:14px;line-height:1.65;color:var(--fg-dim);font-weight:300;padding-left:18px;position:relative;margin-bottom:9px}
  ul.so li:before{content:'→';position:absolute;left:0;color:var(--signal)}
  .rec{font-size:16px;line-height:1.6;font-weight:400}
  .conf{display:flex;align-items:center;gap:12px;margin:14px 0}
  .conf .t{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute)}
  .conf .m{flex:1;height:2px;background:var(--rule-2)}
  .conf .m i{display:block;height:100%;background:var(--signal);box-shadow:0 0 8px var(--signal)}
  .conf .v{font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--signal)}
  .against{border-left:2px solid oklch(0.70 0.17 25 / .6);padding-left:14px;font-size:13.5px;line-height:1.65;color:var(--fg-dim);font-weight:300}
  .against b{color:oklch(0.70 0.17 25);font-weight:500;display:block;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
  .uconf-box{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--rule)}
  .uconf-lbl{display:block;font-size:13px;color:var(--fg-dim);margin-bottom:9px}
  .uconf-lbl em{font-style:italic;color:var(--fg)}
  .uconf-row{display:flex;align-items:center;gap:14px}
  .uconf-row .uconf{flex:1;accent-color:var(--signal);height:6px;cursor:pointer}
  .uconf-val{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;color:var(--signal);min-width:56px;text-align:right}
  .uconf-hint{font-size:12px;color:var(--fg-mute);margin-top:9px;line-height:1.5}
  .horizon-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:6px}
  .horizon-row label{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);display:block;margin-bottom:6px}
  .horizon-row input{font-family:inherit;font-size:14.5px;color:var(--fg);background:var(--bg-1);border:1px solid var(--rule-2);padding:11px 13px;outline:none;color-scheme:light dark}
  .horizon-row input:focus{border-color:var(--signal)}
  .saved{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}

  .msg{display:flex;flex-direction:column;gap:8px}
  .msg .role{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--fg-mute);display:inline-flex;align-items:center;gap:8px}
  .msg.user .role{color:var(--fg-dim)}
  .msg.augur .role{color:var(--signal)}
  .msg .role .d{width:5px;height:5px;border-radius:50%;background:currentColor}
  .bubble{font-size:15.5px;line-height:1.65;font-weight:300;color:var(--fg);white-space:normal;word-wrap:break-word;overflow-wrap:anywhere}
  /* ── markdown rendered inside chat bubbles (fmt) ── */
  .bubble p{margin:0 0 10px}
  .bubble > :last-child{margin-bottom:0}
  .bubble .md-h{font-weight:600;line-height:1.28;color:var(--fg);text-wrap:balance}
  .bubble h3.md-h{font-size:20px;letter-spacing:-0.014em;margin:26px 0 9px}
  .bubble h4.md-h{font-size:13px;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.085em;color:var(--fg-dim);margin:22px 0 7px}
  .bubble .md-h:first-child{margin-top:2px}
  .bubble h3.md-h + h4.md-h{margin-top:12px}
  .bubble strong{font-weight:650;color:var(--fg)}
  .bubble .md-ul,.bubble .md-ol{margin:4px 0 12px;padding-left:22px}
  .bubble .md-ul{list-style:disc}.bubble .md-ol{list-style:decimal}
  .bubble .md-ul li,.bubble .md-ol li{margin:5px 0;line-height:1.6}
  .bubble .md-ul li::marker,.bubble .md-ol li::marker{color:var(--fg-mute)}
  .bubble code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.86em;background:rgba(255,255,255,.07);border:1px solid var(--rule);padding:.5px 5px;border-radius:5px}
  :root[data-theme="light"] .bubble code{background:rgba(11,13,16,.05)}
  .bubble pre{background:rgba(255,255,255,.045);border:1px solid var(--rule);border-radius:11px;padding:12px 14px;overflow-x:auto;margin:0 0 10px}
  :root[data-theme="light"] .bubble pre{background:rgba(11,13,16,.03)}
  .bubble pre code{background:none;border:none;padding:0;font-size:12.5px;line-height:1.55;white-space:pre;display:block}
  .bubble blockquote.md-q{border-left:2px solid var(--signal);padding-left:12px;margin:0 0 10px;color:var(--fg-dim)}
  .bubble a{color:var(--signal);text-decoration:underline;text-underline-offset:2px}
  .bubble hr.md-hr{border:none;border-top:1px solid var(--rule);margin:14px 0}
  .bubble .md-tablewrap{overflow-x:auto;margin:0 0 10px}
  .bubble .md-table{border-collapse:collapse;font-size:13.5px;width:auto}
  .bubble .md-table th,.bubble .md-table td{border:1px solid var(--rule-2);padding:5px 10px;text-align:left}
  .bubble .md-table th{background:rgba(255,255,255,.05);font-weight:600}
  .bubble strong{font-weight:600}.bubble del{opacity:.6}
  /* send button doubles as a Stop control while a turn streams */
  .send.stopping svg{display:none}
  .send.stopping::after{content:"";width:11px;height:11px;background:currentColor;border-radius:2px}
  /* per-message actions (copy / regenerate), revealed on hover */
  .msg-actions{display:flex;gap:6px;margin-top:12px;opacity:0;transform:translateY(2px);transition:opacity .18s var(--v-ease),transform .18s var(--v-ease)}
  .msg.augur:hover .msg-actions,.msg-actions:focus-within{opacity:1;transform:none}
  .ma-btn{display:inline-flex;align-items:center;gap:5px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-mute);background:none;border:1px solid var(--rule);border-radius:9px;padding:5px 10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
  .ma-btn:hover{color:var(--fg);border-color:var(--rule-2);background:rgba(255,255,255,.03)}
  :root[data-theme="light"] .ma-btn:hover{background:rgba(11,13,16,.03)}
  /* "email it to me" status chip */
  .email-chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:10px 0 2px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.01em;border:1px solid var(--rule-2);background:rgba(255,255,255,0.03);color:var(--fg-mute);max-width:100%}
  :root[data-theme="light"] .email-chip{background:rgba(11,13,16,0.035)}
  .email-chip.sending{color:var(--fg-mute)}
  .email-chip.ok{border-color:color-mix(in srgb,var(--signal) 55%,transparent);background:color-mix(in srgb,var(--signal) 12%,transparent);color:var(--fg)}
  .email-chip.err{border-color:rgba(226,90,90,.5);background:rgba(226,90,90,.10);color:#e06a6a}
  @keyframes emailpulse{0%,100%{opacity:.55}50%{opacity:1}}
  .email-chip.sending{animation:emailpulse 1.2s ease-in-out infinite}
  /* downloadable files AUGUR hands back */
  .filecards{display:flex;flex-direction:column;gap:8px;margin-top:14px;white-space:normal}
  /* RTL (Arabic/Hebrew): message text flows per its own content (dir="auto" on .bubble),
     but structural chrome stays left-to-right so cards/sources/orbs don't mirror. */
  .filecards,.sources,.think,.att-row,.sorb{direction:ltr}
  /* the document preview right-aligns when its content is RTL */
  .pv-doc[dir="rtl"]{text-align:right}
  .pv-doc[dir="rtl"] .pv-table th,.pv-doc[dir="rtl"] .pv-table td{text-align:right}
  .filecard{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--rule-2);background:rgba(255,255,255,0.02);border-radius:16px;padding:11px 14px;cursor:pointer;transition:border-color .18s,background .18s;max-width:380px;font-family:inherit}
  .filecard:hover{border-color:var(--signal);background:rgba(255,255,255,0.045)}
  .filecard .fi{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,0.05);font-size:15px}
  :root[data-theme="light"] .filecard .fi{background:rgba(11,13,16,0.05)}
  .filecard .fi svg{width:26px;height:26px}
  .filecard .fmeta{flex:1;min-width:0;display:flex;flex-direction:column}
  .filecard .fn{font-size:13.5px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .filecard .fl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;color:var(--fg-mute);margin-top:3px}
  .filecard .fdl{color:var(--fg-dim);font-size:16px;flex:0 0 auto}
  .filecard.busy{opacity:.6;pointer-events:none}
  .filecard.busy .fdl{animation:fspin 1s linear infinite}
  .filecard.done{border-color:color-mix(in oklab,var(--signal) 55%,transparent)}
  .filecard.done .fdl{color:var(--signal)}
  @keyframes fspin{to{transform:rotate(360deg)}}
  /* inline file preview (rendered from the spec — inside the chat) */
  .filecard-wrap{max-width:560px}
  .filecard.open{border-color:var(--signal);background:rgba(255,255,255,.045)}
  .filecard .fpv,.filecard .fdl{background:none;border:none;cursor:pointer;color:var(--fg-dim);font-size:15px;flex:0 0 auto;padding:3px 6px;border-radius:10px;transition:color .15s,background .15s}
  .filecard .fpv:hover,.filecard .fdl:hover{color:var(--signal);background:rgba(255,255,255,.05)}
  .filecard .fdl.busy{animation:fspin 1s linear infinite;pointer-events:none}
  .filepreview{max-width:560px;margin-top:8px;border:1px solid var(--rule-2);border-radius:16px;background:var(--bg-1);max-height:480px;overflow:auto}
  .pv-doc{background:#fff;color:#1a1a1a;padding:32px 38px;font-family:Georgia,'Times New Roman',serif;line-height:1.62}
  .pv-title{font-size:21px;font-weight:700;margin-bottom:4px;color:#111}
  .pv-sub{font-size:14px;color:#555;font-style:italic;margin-bottom:6px}
  .pv-rule{height:2px;background:var(--pv-acc,#0E7C86);margin:6px 0 18px}
  .pv-cover{padding:52px 0 40px;border-bottom:1px solid #ececec;margin-bottom:24px}
  .pv-cover .pv-ck{font-size:11.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pv-acc,#0E7C86);margin-bottom:13px}
  .pv-cover .pv-ct{font-size:32px;font-weight:800;line-height:1.12;color:#111}
  .pv-cover .pv-cs{font-size:16px;color:#555;margin-top:10px}
  .pv-cover .pv-cbar{width:120px;height:3px;background:var(--pv-acc,#0E7C86);margin-top:20px}
  .pv-cover .pv-cm{font-size:12.5px;color:#888;margin-top:36px}
  .pv-h{font-size:16px;font-weight:700;margin:17px 0 7px;color:var(--pv-acc,#0E7C86)}
  .pv-p{font-size:13.5px;margin:0 0 10px}
  .pv-body{font-size:13.5px}
  .pv-ul{margin:0 0 12px;padding-left:20px;font-size:13.5px}
  .pv-ul li{margin:3px 0}
  .pv-doc .pv-table th,.pv-doc .pv-table td{border-color:#ccc;color:#222}
  .pv-doc .pv-table th{background:#f0f0f0;color:#111}
  .pv-chart{margin:16px 0;text-align:center}
  .pv-chart img{max-width:100%;height:auto;border-radius:8px}
  .pv-chart .pv-cap{font-size:12px;color:#5b636b;margin-top:6px;font-style:italic}
  .pv-chart-skel{padding:38px 20px;background:#f4f6f7;border:1px dashed #d5dbdf;border-radius:8px;color:#8a99a0;font-size:13px}
  .pv-slide .pv-chart img{border:1px solid #e2e6ea}
  /* deck-preview tables inherit the slide's own colours (slides can be cream/white/ink) */
  .pv-slide .pv-table th,.pv-slide .pv-table td{color:inherit;border-color:rgba(128,128,128,.32)}
  .pv-slide .pv-table th{background:rgba(128,128,128,.14);color:inherit}
  .pv-sheetname{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);padding:12px 14px 6px}
  .pv-tablewrap{overflow-x:auto;padding:0 14px 14px}
  .pv-table{border-collapse:collapse;font-size:12px;width:100%}
  .pv-table th,.pv-table td{border:1px solid var(--rule-2);padding:5px 9px;text-align:left;color:var(--fg-dim);white-space:nowrap}
  .pv-table th{background:rgba(255,255,255,.05);color:var(--fg);font-weight:600}
  .pv-slide{background:#12161c;border:1px solid var(--rule);border-radius:14px;margin:12px 14px;padding:18px 20px;position:relative}
  .pv-slide-n{position:absolute;top:9px;right:12px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--fg-mute)}
  .pv-slide-t{font-size:16px;font-weight:600;color:var(--fg);margin-bottom:9px}
  /* Excel-like spreadsheet preview: grid + sheet tabs */
  .xl-gridwrap{overflow:auto}
  .xl-grid{border-collapse:separate;border-spacing:0;font-size:12.5px;font-family:'JetBrains Mono',monospace}
  .xl-grid th,.xl-grid td{border-right:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);padding:5px 11px;white-space:nowrap;color:var(--fg-dim)}
  .xl-grid .xl-colh,.xl-grid .xl-rowh,.xl-grid .xl-corner{background:rgba(255,255,255,.055);color:var(--fg-mute);text-align:center;font-weight:500}
  .xl-grid .xl-colh{position:sticky;top:0;min-width:78px;z-index:1}
  .xl-grid .xl-rowh{position:sticky;left:0;min-width:38px}
  .xl-grid .xl-corner{position:sticky;top:0;left:0;z-index:3;min-width:38px}
  .xl-grid td.xl-hd{color:var(--fg);font-weight:600;background:color-mix(in oklab,var(--signal) 9%,transparent)}
  .xl-grid td.xl-num{text-align:right;color:var(--fg)}
  .xl-tabs{position:sticky;bottom:0;display:flex;gap:3px;padding:8px 14px;margin:8px -26px -26px;background:var(--bg-1);border-top:1px solid var(--rule);overflow-x:auto}
  .xl-tab{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--fg-dim);background:none;border:1px solid transparent;border-radius:10px 7px 0 0;padding:6px 15px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}
  .xl-tab:hover{color:var(--fg);background:rgba(255,255,255,.04)}
  .xl-tab.on{color:var(--fg);background:color-mix(in oklab,var(--signal) 14%,transparent);border-color:var(--rule-2);border-bottom-color:transparent}
  .pv-empty{padding:22px;text-align:center;color:var(--fg-mute);font-size:12.5px}
  /* right-side full document preview panel */
  :root{--docw:min(720px,46vw)}
  .doc-scrim{position:fixed;inset:0;z-index:62;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
  .doc-scrim.on{opacity:1;pointer-events:auto}
  .docpanel{position:fixed;top:0;right:0;height:100%;width:var(--docw);z-index:63;background:var(--bg-1);border-left:1px solid var(--rule-2);box-shadow:-24px 0 70px rgba(0,0,0,0);transform:translateX(101%);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;display:flex;flex-direction:column}
  /* Side-by-side: chat shifts left to make room for the panel, both stay interactive */
  header, main, .composer-wrap{transition:margin-right .3s cubic-bezier(.4,0,.2,1)}
  @media(min-width:901px){
    body.docopen header, body.docopen main, body.docopen .composer-wrap{margin-right:var(--docw)}
    body.docopen .doc-scrim{display:none}
  }
  @media(max-width:900px){ :root{--docw:100vw} }
  .docpanel.on{transform:none;box-shadow:-24px 0 70px rgba(0,0,0,.55)}
  @keyframes dpflash{0%{box-shadow:-24px 0 70px rgba(0,0,0,.55), inset 3px 0 0 var(--signal)}100%{box-shadow:-24px 0 70px rgba(0,0,0,.55), inset 3px 0 0 transparent}}
  .docpanel.flash{animation:dpflash 1s ease}
  .dp-updated{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);opacity:0;transition:opacity .2s;margin-right:2px}
  .dp-updated.show{opacity:1}
  .dp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--rule);flex-shrink:0}
  .dp-name{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dp-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .dp-dl{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--signal);border:1px solid var(--rule-2);border-radius:14px;padding:7px 12px;cursor:pointer;background:none;transition:border-color .15s,background .15s}
  .dp-dl:hover{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 10%,transparent)}
  .dp-dl.busy{opacity:.6;pointer-events:none}
  .dp-x{background:none;border:none;color:var(--fg-mute);font-size:15px;cursor:pointer;padding:4px 6px}
  .dp-x:hover{color:var(--fg)}
  .dp-body{flex:1;min-height:0;overflow:auto;padding:26px;background:var(--bg)}
  .dp-body .pv-doc{max-width:none;box-shadow:0 10px 46px rgba(0,0,0,.35);border-radius:10px;padding:44px 52px;font-size:15px}
  .dp-body .pv-doc .pv-title{font-size:26px}
  .dp-body .pv-doc .pv-sub{font-size:16px}
  .dp-body .pv-doc .pv-h{font-size:18px}
  .dp-body .pv-doc .pv-p,.dp-body .pv-doc .pv-ul{font-size:15px;line-height:1.66}
  .dp-body .pv-table{font-size:13px}
  .dp-body .pv-slide{margin:0 0 14px}
  .brief-take{margin:4px 0 18px}
  .sources{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
  .sources .src-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}
  .src-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--signal);text-decoration:none;border:1px solid var(--rule-2);border-radius:14px;padding:4px 10px 4px 6px;transition:border-color .18s,background .18s}
  .src-link:hover{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 8%,transparent)}
  .src-fav{width:15px;height:15px;border-radius:4px;object-fit:cover;flex:0 0 auto;background:var(--bg-1)}
  /* "Verificado" badge — the answer passed AUGUR's fact-check vs its own sources */
  .verify-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 11px 4px 8px;border-radius:14px;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--verify-ok);border:1px solid color-mix(in srgb,var(--verify-ok) 36%,transparent);background:color-mix(in srgb,var(--verify-ok) 8%,transparent);cursor:default;user-select:none}
  .verify-badge svg{width:13px;height:13px;flex:0 0 auto}
  .verify-badge.warn{color:var(--verify-warn);border-color:color-mix(in srgb,var(--verify-warn) 36%,transparent);background:color-mix(in srgb,var(--verify-warn) 8%,transparent)}
  /* "En tu ledger" pill — a prediction from this turn is on the calibration ledger */
  .ledger-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;margin-left:8px;padding:4px 11px 4px 8px;border-radius:14px;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:var(--signal);border:1px solid color-mix(in srgb,var(--signal) 36%,transparent);background:color-mix(in srgb,var(--signal) 8%,transparent);text-decoration:none;transition:border-color .18s,background .18s}
  .ledger-badge:hover{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 15%,transparent)}
  .ledger-badge svg{width:13px;height:13px;flex:0 0 auto}
  .ledger-badge:first-child,.verify-badge+.ledger-badge{margin-left:8px}
  .ledger-badge:only-child,p+.ledger-badge{margin-left:0}
  /* Perplexity-style image row above the answer */
  /* AI-generated images: shown large */
  .aug-gen{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;direction:ltr}
  .aug-gen .ag-cell{position:relative;display:block;padding:0;margin:0;border:1px solid var(--rule);background:var(--bg-1);border-radius:16px;overflow:hidden;cursor:zoom-in;max-width:100%}
  .aug-gen .ag-cell img{display:block;width:100%;max-width:420px;height:auto;object-fit:cover}
  .aug-gen .ag-cell:only-child img{max-width:min(460px,100%)}
  .aug-gen .ag-dl{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(6,10,14,.6);color:#fff;font-size:15px;text-decoration:none;cursor:pointer;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .18s}
  .aug-gen .ag-cell:hover .ag-dl{opacity:1;pointer-events:auto}
  @media (hover:none){ .aug-gen .ag-dl{opacity:.9;pointer-events:auto} }
  .aug-imgs{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;margin:2px 0 16px;max-height:236px;border-radius:14px;overflow:hidden;direction:ltr}
  .aug-imgs .ai-cell{position:relative;display:block;width:100%;padding:0;margin:0;font:inherit;color:inherit;appearance:none;-webkit-appearance:none;overflow:hidden;background:var(--bg-1);border:1px solid var(--rule);cursor:zoom-in}
  .aug-imgs .ai-cell:first-child{grid-row:1 / span 2}
  .aug-imgs .ai-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
  .aug-imgs .ai-cell:hover img{transform:scale(1.05)}
  .aug-imgs .ai-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(6,10,14,.58);color:#fff;font-size:16px;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(1px)}
  @media(max-width:560px){
    .aug-imgs{grid-template-columns:1fr 1fr;grid-template-rows:auto;max-height:none}
    .aug-imgs .ai-cell{aspect-ratio:4 / 3}
    .aug-imgs .ai-cell:first-child{grid-column:1 / span 2;grid-row:auto;aspect-ratio:16 / 9}
    .aug-imgs .ai-cell:nth-child(n+4){display:none}
  }
  /* In-AUGUR image preview (lightbox) */
  body.lb-open{overflow:hidden}
  .aug-lb{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:40px 64px 118px;direction:ltr}
  .aug-lb.on{display:flex}
  .aug-lb-scrim{position:absolute;inset:0;background:rgba(6,9,13,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:zoom-out}
  :root[data-theme="light"] .aug-lb-scrim{background:rgba(18,22,28,.8)}
  .aug-lb-stage{position:relative;z-index:1;margin:0;max-width:min(1100px,92vw);display:flex;flex-direction:column;align-items:center;gap:13px}
  .aug-lb-img{max-width:100%;max-height:72vh;object-fit:contain;border-radius:12px;background:#0a0e13;box-shadow:0 30px 90px rgba(0,0,0,.6);transition:opacity .22s ease}
  .aug-lb-cap{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:rgba(255,255,255,.82);text-align:center;max-width:90vw}
  .aug-lb-count{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.6)}
  .aug-lb-title{max-width:56ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .aug-lb-src{color:var(--signal);text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:3px 11px;font-size:11.5px;white-space:nowrap;transition:border-color .18s}
  .aug-lb-src:hover{border-color:var(--signal)}
  .aug-lb-dl{color:#fff;background:none;cursor:pointer;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:3px 11px;font-size:11.5px;font-family:inherit;white-space:nowrap;transition:border-color .18s,background .18s}
  .aug-lb-dl:hover{border-color:var(--signal);background:color-mix(in oklab,var(--signal) 16%,transparent)}
  .aug-lb-x{position:absolute;top:18px;right:22px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}
  .aug-lb-x:hover{background:rgba(255,255,255,.22)}
  .aug-lb-nav{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}
  .aug-lb-nav:hover{background:rgba(255,255,255,.22)}
  .aug-lb-prev{left:18px}
  .aug-lb-next{right:18px}
  .aug-lb-strip{position:absolute;left:0;right:0;bottom:20px;z-index:2;display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:6px 20px;max-width:100vw;scrollbar-width:none}
  .aug-lb-strip::-webkit-scrollbar{display:none}
  .aug-lb-th{flex:0 0 auto;width:66px;height:46px;border-radius:8px;overflow:hidden;border:2px solid transparent;background:rgba(255,255,255,.06);cursor:pointer;padding:0;opacity:.5;transition:opacity .18s,border-color .18s}
  .aug-lb-th img{width:100%;height:100%;object-fit:cover;display:block}
  .aug-lb-th:hover{opacity:.9}
  .aug-lb-th.on{opacity:1;border-color:var(--signal)}
  @media(max-width:560px){.aug-lb{padding:16px 8px 104px}.aug-lb-nav{width:40px;height:40px;font-size:22px}.aug-lb-prev{left:6px}.aug-lb-next{right:6px}.aug-lb-th{width:54px;height:38px}}
  @media (prefers-reduced-motion:reduce){.aug-lb-img{transition:none}}
  /* Live price card (Google / Perplexity-style) */
  .fin-wrap{display:flex;flex-direction:column;gap:12px;margin:2px 0 16px;direction:ltr}
  /* weather card */
  .wx-wrap{display:flex;flex-direction:column;gap:10px;margin:2px 0 16px;direction:ltr}
  .wx-card{border-radius:18px;padding:16px 16px 12px;color:#fff;border:1px solid rgba(255,255,255,0.14);box-shadow:0 8px 28px rgba(0,0,0,0.28);max-width:390px;overflow:hidden}
  .wx-place{font-size:13.5px;font-weight:500;opacity:.94;letter-spacing:-.01em}
  .wx-now{display:flex;align-items:center;gap:12px;margin-top:6px}
  .wx-icon{font-size:42px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}
  .wx-temp{font-size:46px;font-weight:300;letter-spacing:-.03em;line-height:1}
  .wx-u{font-size:20px;font-weight:400;opacity:.8;margin-left:1px}
  .wx-cond{font-size:14px;opacity:.94;margin-top:3px}
  .wx-stats{font-size:11px;opacity:.84;margin-top:7px;display:flex;flex-wrap:wrap;gap:5px;font-family:'JetBrains Mono',monospace}
  .wx-strip{display:flex;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.18)}
  .wx-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
  .wx-dn{font-size:10px;opacity:.85;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.04em}
  .wx-di{font-size:21px;line-height:1;margin:1px 0}
  .wx-dh{font-size:12.5px;font-weight:600}
  .wx-dl{font-size:11.5px;opacity:.72}
  /* Flight status card (Google-style) */
  .flt-wrap{display:flex;flex-direction:column;gap:10px;margin:2px 0 16px;direction:ltr}
  .flt-card{border:1px solid var(--rule-2);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 60%,transparent),transparent);padding:14px 16px;max-width:440px;overflow:hidden}
  .flt-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}
  .flt-name{flex:1 1 auto;font-size:13px;font-weight:600;color:var(--fg);letter-spacing:-0.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .flt-pill{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--rule-2);color:var(--fg-dim);white-space:nowrap}
  .flt-card.flt-air .flt-pill{color:hsl(205 80% 62%);border-color:color-mix(in oklab,hsl(205 80% 62%) 45%,transparent);background:color-mix(in oklab,hsl(205 80% 62%) 12%,transparent)}
  .flt-card.flt-land .flt-pill{color:hsl(150 62% 48%);border-color:color-mix(in oklab,hsl(150 62% 48%) 45%,transparent);background:color-mix(in oklab,hsl(150 62% 48%) 12%,transparent)}
  .flt-card.flt-delay .flt-pill{color:hsl(38 92% 55%);border-color:color-mix(in oklab,hsl(38 92% 55%) 45%,transparent);background:color-mix(in oklab,hsl(38 92% 55%) 12%,transparent)}
  .flt-card.flt-cancel .flt-pill{color:hsl(4 74% 60%);border-color:color-mix(in oklab,hsl(4 74% 60%) 45%,transparent);background:color-mix(in oklab,hsl(4 74% 60%) 12%,transparent)}
  .flt-body{display:grid;grid-template-columns:1fr 66px 1fr;align-items:center;gap:6px}
  .flt-end{min-width:0;display:flex;flex-direction:column;gap:3px}
  .flt-arr{align-items:flex-end;text-align:right}
  .flt-code{font-size:26px;font-weight:700;letter-spacing:-0.02em;color:var(--fg);line-height:1}
  .flt-time{font-size:14px;font-variant-numeric:tabular-nums}
  .flt-old{color:var(--fg-mute);text-decoration:line-through;margin-right:6px}
  .flt-new{color:var(--fg);font-weight:600}
  .flt-sub{font-size:11px;color:var(--fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .flt-mid{position:relative;height:2px;background:var(--rule-2);border-radius:2px;margin:0 3px;align-self:center}
  .flt-mid::before,.flt-mid::after{content:'';position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:var(--fg-mute);transform:translateY(-50%)}
  .flt-mid::before{left:-1px}.flt-mid::after{right:-1px}
  .flt-plane{position:absolute;top:50%;transform:translate(-50%,-52%) rotate(45deg);font-size:14px;line-height:1;color:var(--fg)}
  .flt-card.flt-air .flt-mid{background:linear-gradient(90deg,hsl(205 80% 62%),var(--rule-2))}
  .flt-card.flt-land .flt-mid{background:hsl(150 62% 48%)}
  /* expandable detail (tap the card) */
  .flt-card.flt-can{cursor:pointer;transition:border-color .15s,background .15s}
  .flt-card.flt-can:hover{border-color:var(--rule-1)}
  .flt-caret{flex:0 0 auto;color:var(--fg-mute);font-size:11px;line-height:1;transition:transform .2s ease}
  .flt-card.flt-open .flt-caret{transform:rotate(180deg)}
  .flt-detail{display:none;flex-direction:column;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--rule-2)}
  .flt-card.flt-open .flt-detail{display:flex}
  .flt-drow{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start}
  .flt-dk{font-size:11px;color:var(--fg-mute);letter-spacing:.02em;padding-top:1px}
  .flt-dv{font-size:12.5px;color:var(--fg);min-width:0;word-break:break-word}
  .flt-d2{display:block;margin-top:3px;color:var(--fg-dim);font-size:11.5px;font-variant-numeric:tabular-nums}
  .flt-late{color:hsl(38 92% 55%)}
  .flt-note{font-size:10.5px;color:var(--fg-mute);line-height:1.45;margin-top:2px}
  .fin-card{--up:hsl(150 62% 46%);--down:hsl(4 74% 60%);border:1px solid var(--rule-2);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 60%,transparent),transparent);padding:18px 18px 6px;overflow:hidden}
  :root[data-theme="light"] .fin-card{--up:hsl(150 58% 36%);--down:hsl(4 72% 50%);background:linear-gradient(180deg,rgba(0,0,0,0.015),transparent)}
  .fin-card.fin-up{--c:var(--up)} .fin-card.fin-down{--c:var(--down)}
  .fin-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .fin-name{font-size:15.5px;font-weight:600;letter-spacing:-0.01em;line-height:1.2}
  .fin-sym{margin-top:3px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute)}
  .fin-quote{text-align:right;margin-left:auto}
  .fin-price{font-size:26px;font-weight:600;letter-spacing:-0.02em;line-height:1;font-variant-numeric:tabular-nums}
  .fin-chg{margin-top:5px;font-size:13px;font-weight:600;color:var(--c);font-variant-numeric:tabular-nums}
  .fin-chart{margin:12px -6px 0;line-height:0;color:var(--c)}
  .fin-svg{width:100%;height:auto;display:block}
  .fin-svg .fin-base{stroke:var(--fg-mute);stroke-width:1;stroke-dasharray:3 4;opacity:.4}
  .fin-meta{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-mute)}
  .fin-range{border:1px solid var(--rule-2);border-radius:20px;padding:2px 9px;color:var(--fg-dim)}
  .fin-asof{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .fin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px -18px 0;border-top:1px solid var(--rule);background:var(--rule)}
  .fin-stat{display:flex;flex-direction:column;gap:3px;padding:11px 18px;background:var(--bg)}
  .fin-k{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-mute)}
  .fin-v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
  @media(max-width:560px){.fin-price{font-size:22px}.fin-stats{grid-template-columns:repeat(2,1fr)}}
  /* Inline data charts */
  .augc{margin:16px 0;border:1px solid var(--rule-2);border-radius:14px;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 55%,transparent),transparent);padding:14px 15px 11px;direction:ltr}
  /* Agent plan card */
  .planbox{margin:14px 0;border:1px solid color-mix(in oklab,var(--signal) 34%,var(--rule-2));border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--signal) 9%,transparent),transparent);padding:13px 15px 14px;direction:ltr}
  .planbox .pl-head{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin-bottom:10px}
  .planbox .pl-head svg{width:15px;height:15px}
  .planbox .pl-list{list-style:none;margin:0;padding:0;counter-reset:none}
  .planbox .pl-item{display:flex;align-items:flex-start;gap:11px;padding:5px 0;line-height:1.5}
  .planbox .pl-item + .pl-item{border-top:1px solid color-mix(in oklab,var(--rule) 70%,transparent)}
  .planbox .pl-n{flex:0 0 auto;width:21px;height:21px;margin-top:1px;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;color:var(--signal);background:color-mix(in oklab,var(--signal) 15%,transparent);border-radius:50%}
  .planbox .pl-t{flex:1;min-width:0;font-size:14px;color:var(--fg-dim)}
  /* Auto-skill proposal card */
  .skillprop{margin:14px 0;border:1px solid color-mix(in oklab,var(--signal) 34%,var(--rule-2));border-radius:16px;background:linear-gradient(180deg,color-mix(in oklab,var(--signal) 9%,transparent),transparent);padding:13px 15px 14px}
  .skillprop .sp-h{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:9px}
  .skillprop .sp-h svg{width:14px;height:14px}
  .skillprop .sp-name{font-size:15px;font-weight:600;color:var(--fg);letter-spacing:-.01em}
  .skillprop .sp-ins{font-size:12.5px;color:var(--fg-dim);line-height:1.5;margin-top:5px;white-space:pre-wrap;word-break:break-word}
  .skillprop .sp-acts{display:flex;gap:8px;margin-top:12px}
  .skillprop .sp-save{font-family:inherit;font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--signal);background:color-mix(in oklab,var(--signal) 16%,transparent);color:var(--signal);transition:filter .15s}
  .skillprop .sp-save:hover{filter:brightness(1.12)} .skillprop .sp-save:disabled{opacity:.6;pointer-events:none}
  .skillprop .sp-no{font-family:inherit;font-size:12.5px;padding:8px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--rule-2);background:none;color:var(--fg-mute)}
  .skillprop .sp-no:hover{color:var(--fg)}
  .skillprop .sp-done{font-size:13px;color:#3ecf8e;font-weight:500}
  /* Mermaid renders dark-on-light, so the diagram sits on a light "figure" card.
     In dark mode a soft paper tone + defined frame reads as an intentional inset
     instead of a jarring pure-white block. */
  /* Mermaid follows the page theme (dark diagram in dark mode), so the card is
     light in light mode and dark in dark mode — no more jarring white block. */
  .mmd{margin:16px 0;border:1px solid var(--rule-2);border-radius:14px;background:#f6f7f9;padding:14px;direction:ltr;overflow-x:auto;text-align:center}
  :root[data-theme="dark"] .mmd{background:var(--bg-2);border-color:var(--rule-2)}
  .mmd svg{max-width:100%;height:auto;display:inline-block}
  .mmd-load{display:block;color:var(--fg-mute);font-size:13px;padding:18px 0;text-align:center;background:none}
  .mmd.mmd-load{background:linear-gradient(180deg,color-mix(in oklab,var(--bg-1) 55%,transparent),transparent);color:var(--fg-mute)}
  .pv-diagram{background:#f6f7f9;border-radius:12px;padding:22px;text-align:center;overflow-x:auto}
  :root[data-theme="dark"] .pv-diagram{background:var(--bg-2)}
  .pv-diagram svg{max-width:100%;height:auto;display:inline-block}
  .pv-dtitle{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;color:#0b0f14;margin:0 0 16px;text-align:left}
  .augc-title{font-size:13.5px;font-weight:600;letter-spacing:-0.01em;margin:0 2px 9px;color:var(--fg)}
  .augc-svg{width:100%;height:auto;display:block;overflow:visible}
  .augc-grid{stroke:var(--rule);stroke-width:1}
  .augc-axis{stroke:var(--fg-mute);stroke-width:1;opacity:.45}
  .augc-ytick,.augc-xtick{fill:var(--fg-mute);font-family:'JetBrains Mono',monospace;font-size:10px}
  .augc-slice{stroke:var(--bg);stroke-width:1.5}
  .augc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:11px 4px 2px}
  .augc-leg-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--fg-dim)}
  .augc-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}
  .augc-leg-lbl{white-space:nowrap}
  .augc-leg-val{color:var(--fg-mute);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:10px}
  .augc-pie{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  .augc-pie-svg{width:184px;height:184px;flex:0 0 auto}
  .augc-pie-legend{flex:1 1 210px;flex-direction:column;gap:8px;margin:0}
  .augc-loading{color:var(--fg-mute);font-size:12.5px;padding:16px;text-align:center;border-style:dashed}
  @media(max-width:560px){.augc-pie{gap:12px}.augc-pie-svg{width:150px;height:150px}.augc-pie-legend{flex-basis:100%}}
  /* Content cards (products / places) */
  .aug-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin:2px 0 16px;direction:ltr}
  .ac-card{display:flex;flex-direction:column;border:1px solid var(--rule-2);border-radius:14px;overflow:hidden;background:var(--bg-1);text-decoration:none;color:inherit;transition:border-color .18s var(--v-ease),transform .15s var(--v-ease),box-shadow .2s var(--v-ease)}
  .ac-card:hover{border-color:color-mix(in oklab,var(--signal) 40%,transparent);transform:translateY(-2px);box-shadow:var(--v-shadow-sm)}
  .ac-img{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--bg);overflow:hidden}
  .ac-img img{width:100%;height:100%;object-fit:cover;display:block}
  .ac-img.ac-noimg{background:linear-gradient(135deg,color-mix(in oklab,var(--signal) 16%,var(--bg-1)),var(--bg-1))}
  .ac-img.ac-noimg img{display:none}
  .ac-body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:5px;flex:1}
  .ac-title{font-size:12.5px;font-weight:600;line-height:1.32;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ac-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:2px}
  .ac-rate{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--fg-dim);font-variant-numeric:tabular-nums}
  .ac-star{color:#FBBF24}
  .ac-rv{color:var(--fg-mute);font-weight:400}
  .ac-price{font-size:12.5px;font-weight:700;color:var(--signal)}
  .ac-sub{font-size:11px;color:var(--fg-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  @media(max-width:560px){.aug-cards{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:9px}}
  /* past-chats drawer */
  .lbl-short{display:none}
  .cp-scrim{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
  .cp-scrim.on{opacity:1;pointer-events:auto}
  .chats-panel{position:fixed;top:0;left:0;right:auto;height:100%;width:322px;max-width:86vw;z-index:61;background:var(--bg-1);border-right:1px solid var(--rule-2);box-shadow:20px 0 60px rgba(0,0,0,0);transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s ease;display:flex;flex-direction:column}
  .chats-panel.on{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.5)}
  /* ── left sidebar: hamburger + new-chat + brand + labels ── */
  .hburger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border:1px solid var(--rule-2);border-radius:var(--v-r2);background:transparent;color:var(--fg-dim);cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .12s}
  .hburger:hover{color:var(--fg);border-color:var(--fg-dim);background:rgba(255,255,255,.04)}
  :root[data-theme="light"] .hburger:hover{background:rgba(11,13,16,.035)}
  .hburger:active{transform:translateY(1px)}
  .hburger svg{width:18px;height:18px}
  .cp-brand{display:inline-flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg)}
  .cp-brand svg{width:19px;height:auto;fill:var(--signal)}
  .cp-new{display:flex;align-items:center;gap:10px;margin:12px 12px 6px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in oklab,var(--signal) 42%,transparent);background:color-mix(in oklab,var(--signal) 10%,transparent);color:var(--signal);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .16s,border-color .16s,transform .12s}
  .cp-new:hover{background:color-mix(in oklab,var(--signal) 17%,transparent);border-color:var(--signal)}
  .cp-new:active{transform:translateY(1px)}
  .cp-new svg{width:16px;height:16px}
  .cp-list-lbl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);padding:8px 16px 4px}
  .cp-acct{padding-left:39px}
  .cp-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;font-size:16px;font-weight:500;border-bottom:1px solid var(--rule)}
  .cp-x{background:none;border:none;color:var(--fg-mute);font-size:15px;cursor:pointer}
  .cp-x:hover{color:var(--fg)}
  .cp-list{flex:1;overflow-y:auto;padding:10px}
  .cp-foot{display:flex;flex-direction:column;gap:3px;padding:8px;border-top:1px solid var(--rule)}
  .cp-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:none;border:none;color:var(--fg-dim);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
  .cp-link:hover{background:rgba(255,255,255,.045);color:var(--fg)}
  :root[data-theme="light"] .cp-link:hover{background:rgba(11,13,16,.04)}
  .cp-link .cpl-ic{width:16px;text-align:center;color:var(--signal);font-size:12px;flex:0 0 auto}
  .cp-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;cursor:pointer;transition:background .15s}
  .cp-row:hover{background:rgba(255,255,255,.04)}
  /* ── AUGUR memory panel ── */
  .mem-intro{padding:2px 20px 13px;font-size:12.5px;line-height:1.55;color:var(--fg-mute);border-bottom:1px solid var(--rule)}
  .mem-row{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-radius:14px;transition:background .15s}
  .mem-row:hover{background:rgba(255,255,255,.04)}
  .mem-body{flex:1;min-width:0}
  .mem-fact{font-size:13.5px;line-height:1.5;color:var(--fg);word-wrap:break-word;overflow-wrap:anywhere}
  .mem-when{font-size:10px;color:var(--fg-mute);font-family:'JetBrains Mono',ui-monospace,monospace;margin-top:4px;letter-spacing:.03em}
  .mem-del{flex:0 0 auto;background:none;border:none;color:var(--fg-mute);font-size:14px;line-height:1;cursor:pointer;padding:3px 6px;border-radius:7px;transition:color .15s,background .15s}
  .mem-del:hover{color:var(--v-bad);background:color-mix(in oklab,var(--v-bad) 12%,transparent)}
  .mem-del.arm{color:var(--v-bad);background:color-mix(in oklab,var(--v-bad) 12%,transparent);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in oklab,var(--v-bad) 45%,transparent)}
  .mem-retry{display:block;margin:10px auto 0;background:none;border:1px solid var(--rule-2);border-radius:9px;color:var(--fg-dim);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;cursor:pointer}
  .mem-retry:hover{color:var(--fg);border-color:var(--rule)}
  .mem-empty{padding:28px 22px;text-align:center;color:var(--fg-mute);font-size:13px;line-height:1.6}
  .mem-foot{padding:12px 16px;border-top:1px solid var(--rule)}
  .mem-clear{width:100%;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-mute);background:none;border:1px solid var(--rule-2);border-radius:10px;padding:11px;cursor:pointer;transition:color .15s,border-color .15s}
  .mem-clear:hover{color:#e5484d;border-color:#e5484d}
  .mem-clear:disabled{opacity:.4;pointer-events:none}
  /* Memory 2.0 — the Profile view */
  .mem-summary{margin:12px 12px 4px;padding:14px 15px;border:1px solid var(--rule-2);border-radius:14px;background:linear-gradient(180deg,var(--signal-glow),transparent)}
  .mem-sum-k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:7px}
  .mem-sum-t{font-size:13.5px;line-height:1.6;color:var(--fg);white-space:pre-wrap;word-wrap:break-word}
  .mem-sum-when{font-size:10px;color:var(--fg-mute);font-family:'JetBrains Mono',ui-monospace,monospace;margin-top:9px;letter-spacing:.03em}
  .mem-sec-h{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);padding:14px 14px 4px;display:flex;align-items:center;gap:7px}
  .mem-sec-ic{font-size:12px;opacity:.85}
  .mem-pin{flex:0 0 auto;background:none;border:none;color:var(--fg-mute);font-size:12px;line-height:1;cursor:pointer;padding:3px 5px;border-radius:7px;opacity:.35;transition:opacity .15s,color .15s}
  .mem-row:hover .mem-pin{opacity:.8}
  .mem-pin.on{opacity:1;color:var(--signal)}
  .mem-src{font-size:9px;font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--signal);letter-spacing:.06em;margin-left:6px;opacity:.7}
  .mem-add{display:flex;gap:7px;padding:12px;border-top:1px solid var(--rule);align-items:center;flex-wrap:wrap}
  .mem-add input{flex:1;min-width:120px;background:var(--bg-1);border:1px solid var(--rule-2);border-radius:10px;padding:9px 11px;color:var(--fg);font-size:13px;font-family:inherit;outline:none}
  .mem-add input::placeholder{color:var(--fg-mute)}
  .mem-add select{background:var(--bg-1);border:1px solid var(--rule-2);border-radius:10px;padding:9px 6px;color:var(--fg-dim);font-size:11px;outline:none;color-scheme:light dark}
  .mem-add button{flex:0 0 auto;background:var(--signal);color:var(--bg);border:none;border-radius:10px;padding:9px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}
  .mem-add button:disabled{opacity:.4;pointer-events:none}
  .mem-foot{padding:12px 16px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:8px}
  .mem-rebuild{width:100%;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);background:var(--signal-glow);border:1px solid color-mix(in oklab,var(--signal) 40%,transparent);border-radius:10px;padding:11px;cursor:pointer;transition:background .15s}
  .mem-rebuild:hover{background:color-mix(in oklab,var(--signal) 20%,transparent)}
  .mem-rebuild:disabled{opacity:.5;pointer-events:none}
  /* ── Agent hub (Conectores · Automatizaciones · Skills) ── */
  .agent-panel{width:390px;max-width:92vw}
  .ag-tabs{display:flex;gap:4px;padding:12px 14px 0}
  .ag-tab{flex:1;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--fg-mute);background:none;border:none;border-bottom:2px solid transparent;padding:8px 4px 9px;cursor:pointer;transition:color .15s,border-color .15s}
  .ag-tab:hover{color:var(--fg-dim)}
  .ag-tab.on{color:var(--signal);border-color:var(--signal)}
  .ag-body{flex:1;overflow-y:auto;padding:16px 16px 22px}
  .ag-intro{font-size:12.5px;line-height:1.5;color:var(--fg-mute);margin:0 2px 14px}
  .ag-empty{text-align:center;color:var(--fg-mute);font-size:13px;line-height:1.55;padding:26px 10px}
  .ag-sec-lbl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);margin:16px 2px 8px}
  .ag-sec-lbl:first-child{margin-top:0}
  /* connector / list card */
  .ag-card{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--rule-2);border-radius:14px;margin-bottom:10px;background:color-mix(in oklab,var(--bg-1) 60%,transparent)}
  .ag-card .ag-ic{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in oklab,var(--signal) 14%,transparent);color:var(--signal)}
  .ag-card .ag-ic svg{width:17px;height:17px}
  .ag-card .ag-ic.ag-logo{background:rgba(255,255,255,0.06);color:var(--fg)}
  :root[data-theme="light"] .ag-card .ag-ic.ag-logo{background:rgba(11,13,16,0.05)}
  .ag-card .ag-ic.ag-logo svg{width:20px;height:20px}
  .ag-card .ag-main{flex:1;min-width:0}
  .ag-card .ag-t{font-size:14px;font-weight:500;color:var(--fg);letter-spacing:-.01em}
  .ag-card .ag-s{font-size:12px;color:var(--fg-mute);margin-top:2px;line-height:1.4}
  .ag-card .ag-s.ok{color:#3ecf8e}
  .ag-btn{font-family:inherit;font-size:12.5px;font-weight:500;padding:7px 13px;border-radius:10px;cursor:pointer;border:1px solid var(--signal);background:color-mix(in oklab,var(--signal) 16%,transparent);color:var(--signal);transition:filter .15s;white-space:nowrap}
  .ag-btn:hover{filter:brightness(1.12)}
  .ag-btn.ghost{border-color:var(--rule-2);background:none;color:var(--fg-mute)}
  .ag-btn.ghost:hover{color:#e5484d;border-color:#e5484d;filter:none}
  .ag-btn:disabled{opacity:.5;pointer-events:none}
  .ag-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
  .ag-chip{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);border:1px solid var(--rule-2);border-radius:20px;padding:3px 8px}
  .ag-chip.on{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 45%,transparent)}
  .ag-add{width:100%;font-family:inherit;font-size:13px;font-weight:500;color:var(--signal);background:color-mix(in oklab,var(--signal) 10%,transparent);border:1px dashed color-mix(in oklab,var(--signal) 40%,transparent);border-radius:12px;padding:11px;cursor:pointer;margin-top:6px;transition:filter .15s}
  .ag-add:hover{filter:brightness(1.12)}
  .ag-tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  @media(max-width:420px){.ag-tpls{grid-template-columns:1fr}}
  .ag-tpl{text-align:left;border:1px solid var(--rule-2);border-radius:12px;background:color-mix(in oklab,var(--bg-1) 60%,transparent);padding:11px 12px;cursor:pointer;transition:border-color .15s,background .15s;font-family:inherit}
  .ag-tpl:hover{border-color:color-mix(in oklab,var(--signal) 45%,transparent);background:color-mix(in oklab,var(--signal) 8%,transparent)}
  .ag-tpl .ag-tpl-t{font-size:13px;font-weight:500;color:var(--fg);letter-spacing:-.01em}
  .ag-tpl .ag-tpl-s{font-size:10.5px;color:var(--fg-mute);margin-top:3px;line-height:1.3}
  /* row w/ actions (automations / skills list) */
  .ag-row{border:1px solid var(--rule-2);border-radius:14px;padding:12px 13px;margin-bottom:10px}
  .ag-row .ag-rt{font-size:14px;font-weight:500;color:var(--fg)}
  .ag-row .ag-rs{font-size:12px;color:var(--fg-mute);margin-top:3px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
  .ag-row .ag-meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-mute);margin-top:8px}
  .ag-row .ag-acts{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap;align-items:center}
  .ag-row .ag-acts .sp{flex:1}
  .ag-mini{font-family:inherit;font-size:11.5px;font-weight:500;padding:6px 11px;border-radius:9px;cursor:pointer;border:1px solid var(--rule-2);background:none;color:var(--fg-dim);transition:color .15s,border-color .15s,background .15s}
  .ag-mini:hover{color:var(--fg);border-color:var(--fg-mute)}
  .ag-mini.pri{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 45%,transparent);background:color-mix(in oklab,var(--signal) 12%,transparent)}
  .ag-mini.del:hover{color:#e5484d;border-color:#e5484d}
  .ag-mini:disabled{opacity:.5;pointer-events:none}
  /* switch */
  .ag-sw{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:11px;border:none;background:var(--rule-2);cursor:pointer;transition:background .18s}
  .ag-sw.on{background:var(--signal)}
  .ag-sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}
  .ag-sw.on::after{transform:translateX(16px)}
  /* form */
  .ag-form{border:1px solid var(--rule-2);border-radius:14px;padding:14px;margin-bottom:12px;background:color-mix(in oklab,var(--bg-1) 55%,transparent)}
  .ag-form label{display:block;font-size:11.5px;color:var(--fg-mute);margin:10px 0 5px}
  .ag-form label:first-child{margin-top:0}
  .ag-form input,.ag-form textarea,.ag-form select{width:100%;font-family:inherit;font-size:13.5px;color:var(--fg);background:var(--bg-2,rgba(255,255,255,.03));border:1px solid var(--rule-2);border-radius:10px;padding:9px 11px;outline:none;transition:border-color .15s}
  .ag-form input:focus,.ag-form textarea:focus,.ag-form select:focus{border-color:color-mix(in oklab,var(--signal) 55%,transparent)}
  .ag-form textarea{resize:vertical;min-height:66px;line-height:1.5}
  .ag-form .row2{display:flex;gap:8px}
  .ag-form .row2>div{flex:1}
  .ag-form-acts{display:flex;gap:8px;margin-top:14px}
  .ag-run-out{font-size:12.5px;line-height:1.55;color:var(--fg-dim);border-top:1px solid var(--rule);margin-top:11px;padding-top:11px;max-height:220px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}
  .cp-row.active{background:color-mix(in oklab,var(--signal) 12%,transparent)}
  .cp-row .cp-t{flex:1;min-width:0}
  .cp-row .cp-title{font-size:13.5px;line-height:1.35;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}   /* two lines: single-line ellipsis made same-prefix chats indistinguishable */
  .cp-row .cp-time{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--fg-mute);margin-top:3px}
  .cp-row .cp-del,.cp-row .cp-share{color:var(--fg-mute);font-size:12px;opacity:0;transition:opacity .15s,color .15s;padding:2px 5px}
  .cp-row:hover .cp-del,.cp-row:hover .cp-share{opacity:.85}
  .cp-del:hover{color:var(--v-bad)}
  .cp-row .cp-del.arm{opacity:1;color:var(--v-bad);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid color-mix(in oklab,var(--v-bad) 45%,transparent);border-radius:8px;padding:3px 8px}
  .cp-share{font-size:13px}.cp-share:hover{color:var(--signal,#5ed0e0)}
  .cp-row .cp-share.on{opacity:.9;color:var(--signal)}   /* this chat has a live public link */
  /* ── Share management modal (create link · copy · stop sharing) ── */
  .vsh-ov{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);animation:vshIn .18s ease}
  @keyframes vshIn{from{opacity:0}to{opacity:1}}
  .vsh-card{position:relative;width:100%;max-width:440px;background:var(--bg-1);border:1px solid var(--rule-2);border-radius:18px;padding:22px 22px 20px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
  .vsh-x{position:absolute;top:12px;right:12px;background:none;border:0;color:var(--fg-mute);font-size:15px;cursor:pointer;padding:6px;line-height:1;border-radius:8px}
  .vsh-x:hover{color:var(--fg);background:rgba(255,255,255,.06)}
  .vsh-h{font-size:17px;font-weight:600;color:var(--fg);letter-spacing:-.01em}
  .vsh-sub{font-size:13px;line-height:1.55;color:var(--fg-mute);margin:7px 0 16px}
  .vsh-body{min-height:44px;display:flex;flex-direction:column;gap:12px}
  .vsh-body.vsh-muted{color:var(--fg-mute);font-size:13.5px;justify-content:center}
  .vsh-linkrow{display:flex;gap:8px;align-items:stretch}
  .vsh-link{flex:1;min-width:0;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--fg);background:var(--bg-2);border:1px solid var(--rule-2);border-radius:10px;padding:10px 12px;outline:none}
  .vsh-copy{flex:0 0 auto;font-size:13px;font-weight:500;color:var(--signal);background:color-mix(in oklab,var(--signal) 12%,transparent);border:1px solid color-mix(in oklab,var(--signal) 42%,transparent);border-radius:10px;padding:0 16px;cursor:pointer}
  .vsh-copy:hover{background:color-mix(in oklab,var(--signal) 18%,transparent)}
  .vsh-row2{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .vsh-unshare{font-size:13px;color:var(--warn,#e5484d);background:none;border:0;cursor:pointer;padding:6px 2px}
  .vsh-unshare:hover{text-decoration:underline}
  .vsh-open{font-size:13px;color:var(--fg-dim);text-decoration:none}
  .vsh-open:hover{color:var(--fg)}
  .vsh-create{align-self:flex-start;font-size:14px;font-weight:500;color:var(--signal);background:color-mix(in oklab,var(--signal) 12%,transparent);border:1px solid color-mix(in oklab,var(--signal) 42%,transparent);border-radius:12px;padding:11px 18px;cursor:pointer}
  .vsh-create:hover{background:color-mix(in oklab,var(--signal) 18%,transparent)}
  .cp-empty{padding:34px 18px;text-align:center;color:var(--fg-mute);font-size:13.5px;line-height:1.6}
  @media(max-width:560px){ .lbl-short{display:inline} }
  .msg.user .bubble{color:var(--fg)}
  .msg.augur .bubble{color:var(--fg)}
  .bubble strong{font-weight:500;color:var(--fg)}
  .cursor{display:inline-block;width:7px;height:15px;background:var(--signal);vertical-align:text-bottom;margin-left:2px;animation:blink 1s step-start infinite}
  @keyframes blink{50%{opacity:0}}
  .thinking{display:inline-flex;gap:5px;align-items:center;height:18px}
  .sorb{flex:0 0 auto}
  .thinking i{width:6px;height:6px;border-radius:50%;background:var(--signal);opacity:0.5;animation:tk 1.2s infinite}
  .thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}
  @keyframes tk{0%,100%{opacity:0.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
  .err{color:var(--v-bad);font-size:14px}   /* token, not #ffb0b0 — the fixed pink was unreadable on the light theme */
  .err-act{display:flex;margin-top:10px}    /* unlike .msg-actions this is NOT hover-gated: a failed turn must show its way out */

  /* ── composer ── */
  /* drag & drop overlay */
  .dropzone{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(5,7,10,0.74);backdrop-filter:blur(3px);pointer-events:none}
  :root[data-theme="light"] .dropzone{background:rgba(240,242,245,0.78)}
  .dropzone.on{display:flex}
  .dz-inner{border:2px dashed color-mix(in oklab,var(--signal) 60%,transparent);border-radius:22px;padding:40px 56px;text-align:center;background:color-mix(in oklab,var(--signal) 8%,transparent);color:var(--fg);box-shadow:0 0 60px color-mix(in oklab,var(--signal) 22%,transparent)}
  .dz-ic{font-size:40px;color:var(--signal);line-height:1;text-shadow:0 0 18px var(--signal-glow)}
  .dz-tx{margin-top:12px;font-size:16px;font-weight:600;letter-spacing:-.01em}
  .dz-sub{margin-top:6px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;color:var(--fg-mute);text-transform:uppercase}
  .composer-wrap{flex-shrink:0;border-top:1px solid var(--rule);background:rgba(var(--scrim),0.85);backdrop-filter:blur(14px)}
  .composer{max-width:820px;margin:0 auto;padding:14px var(--pad) 8px;position:relative}
  /* Slice 02: the ambient signal halo proven on the landing — a single light
     source BEHIND the shared composer box (wrapper pseudo, z-index:-1, no
     layout box, no anatomy change). Brightens on focus; opacity only. */
  .composer::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:min(860px,96%);height:170px;border-radius:50%;
    background:radial-gradient(closest-side, var(--signal-glow), transparent 72%);
    z-index:-1;pointer-events:none;opacity:.8;transition:opacity .3s var(--v-ease)}
  .composer:focus-within::before{opacity:1}
  @media (prefers-reduced-motion:reduce){ .composer::before{transition:none} }
  /* + actions menu */
  .attach .plus-ic{transition:transform .22s var(--v-ease)}
  .attach[aria-expanded="true"] .plus-ic{transform:rotate(45deg);color:var(--signal)}
  .plusmenu{position:absolute;left:var(--pad);bottom:90px;z-index:60;width:288px;max-width:calc(100vw - 2*var(--pad));max-height:min(58vh,520px);overflow-y:auto;padding:6px;border:1px solid var(--rule-2);border-radius:16px;background:color-mix(in oklab,var(--bg-1) 92%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,0.5);transform-origin:bottom left;animation:pm-in .16s var(--v-ease)}
  @keyframes pm-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
  .pm-h{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);padding:9px 10px 5px}
  .pm-sep{height:1px;background:var(--rule);margin:5px 6px}
  .pm-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;background:none;color:var(--fg);font-family:inherit;font-size:14px;text-align:left;border-radius:10px;cursor:pointer;transition:background .14s}
  .pm-item:hover,.pm-item:focus-visible{background:color-mix(in oklab,var(--signal) 12%,transparent);outline:none}
  .pm-item .pm-ic{width:20px;height:20px;flex:0 0 auto;color:var(--signal)}
  .pm-item .pm-ic svg{width:20px;height:20px;display:block}
  .pm-item .pm-tx{flex:1;min-width:0}
  .pm-item .pm-tx b{display:block;font-weight:500;letter-spacing:-.01em}
  .pm-item .pm-tx span{display:block;font-size:11.5px;color:var(--fg-mute);margin-top:1px;line-height:1.3}
  /* UX-2: box + send anatomy moved to /velyron-ui.css (.v-composer/.v-send —
     the ONE shared composer). AUGUR-only pieces (attach/learn/mic/edge-light/
     stopping) stay below, untouched. */
  .composer textarea{flex:1;resize:none;border:none;background:transparent;color:var(--fg);font-family:inherit;font-size:15px;line-height:1.5;outline:none;max-height:180px;padding:7px 0}
  .composer textarea::placeholder{color:var(--fg-mute)}
  .mic{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--fg-dim);border-radius:50%;transition:background .18s var(--v-ease),color .18s var(--v-ease)}
  .mic:hover{background:color-mix(in oklab,var(--signal) 14%,transparent);color:var(--signal)}
  .mic svg{width:19px;height:19px}
  /* Learn mode toggle — teach step by step */
  /* Learn mode lives in the + menu now — the pill only appears while it's ON (as the active indicator + a quick way to turn it off). */
  .composer .learn{display:none;height:34px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 9px;color:var(--fg-mute);background:none;border:1px solid var(--rule-2);border-radius:18px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;transition:color .18s var(--v-ease),background .18s var(--v-ease),border-color .18s var(--v-ease)}
  .composer .learn.on{display:inline-flex}
  .composer .learn svg{width:17px;height:17px}
  .composer .learn .learn-lb{display:none}
  .composer .learn:hover{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 40%,var(--rule-2))}
  .composer .learn.on{color:var(--signal);background:color-mix(in oklab,var(--signal) 15%,transparent);border-color:color-mix(in oklab,var(--signal) 48%,transparent)}
  .composer .learn.on .learn-lb{display:inline}
  /* Response-effort selector (Rápida · Normal · Profunda) */
  .effrow{display:flex;gap:4px;align-items:center;margin:0 2px 8px;flex-wrap:wrap}
  .effrow .eff{font-family:inherit;font-size:11.5px;font-weight:500;color:var(--fg-mute);background:none;border:1px solid transparent;border-radius:13px;padding:3px 12px;cursor:pointer;transition:color .16s var(--v-ease),background .16s var(--v-ease),border-color .16s var(--v-ease)}
  .effrow .eff:hover{color:var(--fg-dim)}
  .effrow .eff.on{color:var(--signal);background:color-mix(in oklab,var(--signal) 13%,transparent);border-color:color-mix(in oklab,var(--signal) 40%,transparent)}
  /* Agent-mode indicator above the composer + the "+" armed state */
  .agentbar{display:flex;align-items:center;gap:9px;margin:0 2px 8px;padding:8px 10px 8px 11px;border:1px solid color-mix(in oklab,var(--signal) 42%,transparent);border-radius:14px;background:color-mix(in oklab,var(--signal) 12%,transparent);animation:pm-in .16s var(--v-ease)}
  .agentbar[hidden]{display:none}   /* the class's display:flex would otherwise override the hidden attribute */
  .agentbar .ab-ic{width:15px;height:15px;flex:0 0 auto;color:var(--signal)}
  .agentbar .ab-tx{flex:1;min-width:0;font-size:12.5px;line-height:1.35;color:var(--fg-dim)}
  .agentbar .ab-tx b{color:var(--fg);font-weight:600}
  .agentbar .ab-x{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--fg-mute);font-size:13px;border-radius:7px;cursor:pointer;transition:color .14s,background .14s}
  .agentbar .ab-x:hover{color:var(--fg);background:color-mix(in oklab,var(--signal) 16%,transparent)}
  .attach.agent-on{color:var(--signal);background:color-mix(in oklab,var(--signal) 16%,transparent)}
  .disclaimer{text-align:center;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:0.1em;color:var(--fg-mute);padding:8px 0 12px}
  /* ── Voice mode (full-screen conversation) ── */
  body.voice-open{overflow:hidden}
  .voice-ov{position:fixed;inset:0;z-index:90;display:none;flex-direction:column;background:var(--bg)}
  .voice-ov.on{display:flex;animation:voFade .32s ease}
  @keyframes voFade{from{opacity:0}to{opacity:1}}
  .vo-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px}
  .vo-brand{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg)}
  .vo-brand .augur-mark{width:22px;height:22px;flex:0 0 auto;color:var(--fg)}
  .vo-x{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);background:transparent;font-size:16px;transition:background .18s}
  .vo-x:hover{background:color-mix(in oklab,var(--fg) 8%,transparent);color:var(--fg)}
  .vo-right{display:flex;align-items:center;gap:12px}
  .vo-voice{display:inline-flex;background:var(--bg-1);border:1px solid var(--rule-2);border-radius:22px;padding:3px}
  .vv-opt{display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1;padding:7px 14px;border-radius:20px;font-size:12.5px;font-weight:500;color:var(--fg-mute);white-space:nowrap;transition:color .18s,background .18s}
  .vv-opt .vv-ic{display:inline-flex;align-items:center;justify-content:center;font-size:1.05em;line-height:1}
  .vv-opt:hover{color:var(--fg-dim)}
  .vv-opt.on{background:var(--signal);color:var(--bg)}
  @media(max-width:520px){.vv-opt{padding:7px 11px;font-size:11.5px}}
  .vo-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;cursor:pointer;user-select:none;min-height:0}
  .vo-orb{width:340px;height:340px;max-width:78vw;max-height:44vh;display:block}
  .vo-status{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);min-height:15px;transition:color .2s}
  .vo-tr{max-width:680px;width:100%;margin:0 auto;padding:6px 28px;text-align:center;font-size:19px;line-height:1.5;color:var(--fg);min-height:58px;max-height:30vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#000 15%);mask-image:linear-gradient(transparent,#000 15%)}
  .vo-tr::-webkit-scrollbar{display:none}
  .vo-tr .u{color:var(--fg-mute)}
  /* live voice telemetry ("chart de voz") — per-turn timings + response-time sparkline */
  .vo-metrics{max-width:560px;width:100%;margin:2px auto 0;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:8px}
  .vom-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
  .vom-chip{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--fg) 4%,transparent);min-width:52px}
  .vom-chip b{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1.1}
  .vom-chip i{font-style:normal;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute)}
  .vom-chip.vom-count b{color:var(--accent)}
  .vom-spark{width:160px;height:26px;color:var(--accent);opacity:.85}
  .vo-foot{display:flex;align-items:center;gap:12px;justify-content:center;padding:18px 24px 34px}
  .vo-pill{padding:11px 26px;border-radius:30px;border:1px solid var(--rule-2);background:var(--bg-1);color:var(--fg-dim);font-size:14px;font-weight:500;transition:border-color .18s,color .18s,background .18s}
  .vo-pill:hover{border-color:var(--signal);color:var(--fg)}
  .vo-pill.on-mute{color:var(--signal);border-color:var(--signal)}
  .vo-danger{color:#fff;background:#c0392b;border-color:#c0392b}
  .vo-danger:hover{background:#a5311f;border-color:#a5311f;color:#fff}
  /* minimized (docked) voice: chat visible, small orb + controls at the bottom, voice still live */
  body.voice-open .composer-wrap{opacity:0;pointer-events:none}
  body.voice-min .thread{padding-bottom:184px}
  .voice-ov.min{background:transparent;pointer-events:none;justify-content:flex-end;animation:none}
  .voice-ov.min .vo-head,.voice-ov.min .vo-tr,.voice-ov.min .vo-status,.voice-ov.min .vo-metrics{display:none}
  .voice-ov.min .vo-stage{flex:0 0 auto;gap:0;padding:0;pointer-events:auto;cursor:pointer}
  .voice-ov.min .vo-orb{width:78px;height:78px;max-width:78px;max-height:78px;filter:drop-shadow(0 6px 22px rgba(0,0,0,.5))}
  .voice-ov.min .vo-foot{pointer-events:auto;padding:8px 0 18px;gap:9px}
  .voice-ov.min .vo-pill{padding:8px 18px;font-size:12.5px}
  .attach{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--fg-mute);background:none;border:none;border-radius:50%;cursor:pointer;transition:color .2s,background .2s}
  .attach:hover{color:var(--fg);background:rgba(255,255,255,.05)}
  :root[data-theme="light"] .attach:hover{background:rgba(11,13,16,.04)}
  .attach svg{width:19px;height:19px}
  .attachs{display:flex;flex-wrap:wrap;gap:8px;padding:0 2px 10px}
  .attachs:empty{display:none}
  /* ── scope panel: interactive options above the input ── */
  .scope{border:1px solid var(--rule-2);border-radius:18px;background:color-mix(in oklab,var(--bg-1) 94%,transparent);backdrop-filter:blur(18px);padding:15px 16px 13px;margin-bottom:10px;animation:scopeIn .26s cubic-bezier(.4,0,.2,1)}
  @keyframes scopeIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  .scope .sc-k{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--signal)}
  .scope .sc-intro{font-size:13.5px;line-height:1.5;color:var(--fg-dim);margin:6px 0 14px}
  .scope .sc-q{margin-bottom:13px}
  .scope .sc-q .lbl{font-size:13px;color:var(--fg);font-weight:500}
  .scope .sc-q .hint{font-size:12px;color:var(--fg-mute);line-height:1.45;margin-top:2px}
  .scope .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
  .scope .chip{font-size:12.5px;padding:6px 13px;border-radius:999px;border:1px solid var(--rule-2);background:transparent;color:var(--fg-dim);cursor:pointer;transition:all .16s;white-space:nowrap}
  .scope .chip:hover{color:var(--fg);border-color:var(--fg-dim)}
  .scope .chip.rec{border-color:var(--signal-dim);color:var(--fg)}
  .scope .chip.rec::before{content:'★';color:var(--signal);font-size:9.5px;margin-right:5px;vertical-align:1px}
  .scope .chip.on{background:var(--signal);border-color:var(--signal);color:var(--bg);box-shadow:0 0 20px var(--signal-glow)}
  .scope .chip.on::before{color:var(--bg)}
  .scope .sc-foot{display:flex;align-items:center;gap:14px;margin-top:15px;flex-wrap:wrap}
  .scope .sc-go{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--fg);color:var(--bg);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:1px solid var(--fg);cursor:pointer;transition:all .2s}
  .scope .sc-go:hover{background:var(--signal);border-color:var(--signal);box-shadow:0 0 28px var(--signal-glow)}
  .scope .sc-skip{background:transparent;border:none;color:var(--fg-dim);font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s}
  .scope .sc-skip:hover{color:var(--signal)}
  .scope .sc-tip{font-size:11.5px;color:var(--fg-mute);margin-left:auto}
  @media(max-width:560px){.scope .sc-tip{margin-left:0;width:100%}}
  /* ── "thinking" progress line under the orb while AUGUR researches ── */
  .think{margin-top:11px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.09em;color:var(--fg-dim);display:inline-flex;align-items:baseline;gap:1px;animation:thinkIn .3s ease}
  @keyframes thinkIn{from{opacity:0}to{opacity:1}}
  .think .tt{transition:opacity .2s}
  .think .dots{display:inline-block;width:16px;text-align:left;color:var(--signal)}
  .think .dots::after{content:'';animation:thinkdots 1.5s steps(4,end) infinite}
  @keyframes thinkdots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}
  .att-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule-2);background:var(--bg-1);border-radius:14px;padding:5px 8px 5px 5px;max-width:200px}
  .att-chip img{width:30px;height:30px;object-fit:cover;border-radius:10px;flex:0 0 auto}
  .att-chip .ic{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--signal) 16%,transparent);color:var(--signal);font-size:11px;font-family:'JetBrains Mono',monospace}
  .att-chip .nm{font-size:12px;color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .att-chip .x{cursor:pointer;color:var(--fg-mute);font-size:14px;padding:8px 9px;margin:-8px -7px -8px -4px;flex:0 0 auto}   /* padding+negative margin: ~32px hit target, same visual footprint */
  .att-chip .x:hover{color:var(--v-bad)}
  /* attachments shown inside a sent user bubble */
  .msg .att-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
  .msg .att-row img{width:56px;height:56px;object-fit:cover;border-radius:14px;border:1px solid var(--rule-2)}
  .msg .att-row .doc{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule-2);border-radius:14px;padding:6px 9px;font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--fg-dim)}

  /* ══════════════════════════════════════════════════════════════════
     IMMERSIVE RESKIN — Gemini's spatial language, AUGUR's palette.
     A morphing, breathing aura of light behind everything; a rounded
     glass composer; softer, rounder surfaces. Layered on top of the
     rules above (later rules win), so the chat logic is untouched.
     ══════════════════════════════════════════════════════════════════ */
  body{position:relative;background:var(--bg)}
  header, main, .composer-wrap{position:relative;z-index:2}

  /* — the aura — a WebGL2 aurora (React Bits "Aurora", ported to vanilla
     WebGL2 in /augur-aurora.js: identical shader, no React / no ogl). That
     script mounts a <canvas> into .aura; the soft radial gradient below is the
     fallback for browsers without WebGL2, cleared once the canvas is live (the
     script adds .aura-gl). prefers-reduced-motion is handled in the script. */
  .aura{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity 1.4s ease}
  .aura:not(.aura-gl){background:radial-gradient(130% 100% at 50% 108%, rgba(82,39,255,0.14), rgba(124,255,103,0.05) 46%, transparent 72%)}
  :root[data-theme="light"] .aura:not(.aura-gl){background:radial-gradient(130% 100% at 50% 108%, rgba(160,120,255,0.10), rgba(150,230,255,0.06) 46%, transparent 72%)}
  /* the full-screen aurora belongs to the entry screen; once a chat starts it clears away */
  body.chatting .aura{opacity:0}
  /* light mode: vivid-but-light colours at medium opacity → a colourful, airy wash */
  :root[data-theme="light"] .aura{opacity:.5}
  :root[data-theme="light"] body.chatting .aura{opacity:0}
  .aura canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
  /* — BorderGlow (React Bits, ported to vanilla): a directional glow that tracks
       the cursor along the composer's edge; driven by --bg-edge + --bg-ang (JS) — */
  .composer .box{position:relative;--bg-edge:0;--bg-ang:45deg;--bg-cone:22;--bg-sens:26;--bg-colorsens:44;--bg-glowpad:34px}
  .composer .box::before{
    content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;pointer-events:none;z-index:0;
    background:
      linear-gradient(var(--bg-1) 0 100%) padding-box,
      radial-gradient(at 82% 60%, #c084fc 0, transparent 50%) border-box,
      radial-gradient(at 10% 8%, #38bdf8 0, transparent 50%) border-box,
      radial-gradient(at 88% 88%, #f472b6 0, transparent 50%) border-box,
      radial-gradient(at 38% 36%, #5FD0E6 0, transparent 50%) border-box,
      linear-gradient(#8b7bff 0 100%) border-box;
    -webkit-mask:conic-gradient(from var(--bg-ang) at 50% 50%, #000 calc(var(--bg-cone)*1%), transparent calc((var(--bg-cone) + 15)*1%), transparent calc((100 - var(--bg-cone) - 15)*1%), #000 calc((100 - var(--bg-cone))*1%));
    mask:conic-gradient(from var(--bg-ang) at 50% 50%, #000 calc(var(--bg-cone)*1%), transparent calc((var(--bg-cone) + 15)*1%), transparent calc((100 - var(--bg-cone) - 15)*1%), #000 calc((100 - var(--bg-cone))*1%));
    opacity:clamp(0, calc((var(--bg-edge) - var(--bg-colorsens)) / (100 - var(--bg-colorsens))), 1);
    transition:opacity .3s ease-out}
  .composer .box .edge-light{position:absolute;inset:calc(var(--bg-glowpad)*-1);border-radius:inherit;pointer-events:none;z-index:0;
    -webkit-mask:conic-gradient(from var(--bg-ang) at 50% 50%, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);
    mask:conic-gradient(from var(--bg-ang) at 50% 50%, #000 2.5%, transparent 10%, transparent 90%, #000 97.5%);
    opacity:clamp(0, calc((var(--bg-edge) - var(--bg-sens)) / (100 - var(--bg-sens))), 1);
    mix-blend-mode:plus-lighter;transition:opacity .3s ease-out}
  .composer .box .edge-light::before{content:'';position:absolute;inset:var(--bg-glowpad);border-radius:inherit;
    box-shadow:
      inset 0 0 0 1px hsl(189 82% 66% / 1),
      inset 0 0 6px 0 hsl(189 82% 66% / .4),
      inset 0 0 15px 0 hsl(189 82% 66% / .28),
      inset 0 0 26px 2px hsl(189 82% 66% / .18),
      0 0 3px 0 hsl(189 82% 66% / .5),
      0 0 7px 0 hsl(189 82% 66% / .4),
      0 0 16px 0 hsl(189 82% 66% / .28),
      0 0 32px 2px hsl(189 82% 66% / .18)}
  @media (prefers-reduced-motion:reduce){ .composer .box::before,.composer .box .edge-light{transition:none} }

  /* — empty state: bigger, lighter, centered in the light — */
  .empty{gap:26px;padding:6vh var(--pad) 4vh}
  .empty .emblem::before{width:210px;height:210px;filter:blur(14px)}
  .empty h1{font-size:clamp(30px,5.2vw,54px);font-weight:300;letter-spacing:-0.03em;
    background:linear-gradient(102deg,var(--fg) 28%, var(--signal) 96%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .empty h1 em{font-style:italic;-webkit-text-fill-color:transparent}
  .empty p{font-size:15px;max-width:50ch}

  /* — suggestions become soft glass chips — */
  .suggestions{gap:10px;max-width:680px;margin-top:14px}
  .sugg{border-radius:20px;border:1px solid var(--rule);background:rgba(255,255,255,0.02);backdrop-filter:blur(6px);padding:15px 18px;transition:border-color .22s, background .22s, transform .22s}
  .sugg:hover{border-color:var(--signal-dim);background:rgba(255,255,255,0.045);transform:translateY(-2px)}

  /* — the composer: a floating glass pill — */
  .composer-wrap{border-top:none;background:linear-gradient(180deg, transparent, rgba(var(--scrim),0.92) 46%)}
  .composer{padding:10px var(--pad) 6px}
  /* UX-2: the glass box/send anatomy is now THE shared .v-composer/.v-send in
     /velyron-ui.css (this block was its source). Only the edge-glow kill stays. */
  .composer .box::before, .composer .box .edge-light{ display:none !important; }

  /* — messages: user gets a rounded pill on the right; AUGUR speaks in the open — */
  .thread{gap:22px;padding-top:28px}
  .msg.user{align-items:flex-end}
  .msg.user .role{display:none}
  .msg.user .bubble{background:rgba(255,255,255,0.05);border:1px solid var(--rule);border-radius:26px 20px 6px 20px;padding:12px 18px;max-width:84%}
  .msg.augur .bubble{font-size:16px;line-height:1.72}

  /* — round the brief + sign-in surfaces to match — */
  .card, .gate{border-radius:20px}
  .qa textarea, .gate input, .horizon-row input{border-radius:16px}
  .btn{border-radius:26px}

  /* — clarity: say what AUGUR does and why it's different, in plain words — */
  .empty p{font-size:15.5px;line-height:1.6}
  .empty .diff{max-width:600px;margin:8px auto 6px;border:1px solid var(--rule);background:rgba(255,255,255,0.025);border-radius:20px;padding:18px 20px;text-align:left;font-size:14.5px;line-height:1.62;color:var(--fg-dim);font-weight:300}
  .empty .diff .dk{display:block;font-size:12px;font-weight:500;color:var(--signal);margin-bottom:8px}
  .empty .diff b{color:var(--fg);font-weight:500}
  /* friendlier chip labels: sentence-case, not // MONO */
  .sugg .k{font-family:'Space Grotesk',sans-serif !important;text-transform:none !important;letter-spacing:0 !important;font-size:11.5px !important;color:var(--fg-mute)}
  .sugg .t{font-size:14.5px}
  .sugg.key{border-color:var(--signal-dim);background:rgba(122,205,240,0.05)}
  .sugg.key .k{color:var(--signal)}

  .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--rule-2);border-radius:14px;color:var(--fg-dim);transition:color .2s,border-color .2s,background .2s;flex-shrink:0;cursor:pointer}
  .theme-toggle:hover{color:var(--fg);border-color:var(--fg-dim)}
  .theme-toggle svg{width:16px;height:16px}
  .theme-toggle .ic-moon{display:none}
  :root[data-theme="light"] .theme-toggle .ic-sun{display:none}
  :root[data-theme="light"] .theme-toggle .ic-moon{display:block}

/* ── Phase C · deterministic decision entry ── */
.card .bq{width:100%;font-family:inherit;font-size:14px;color:var(--fg);background:var(--bg-2,rgba(255,255,255,.04));border:1px solid var(--rule-2);border-radius:14px;padding:12px 14px;outline:none;resize:vertical;box-sizing:border-box;line-height:1.5}
.card .bq:focus{border-color:var(--signal)}
.hz-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hz{font-family:inherit;font-size:12.5px;padding:8px 14px;border-radius:999px;border:1px solid var(--rule-2);background:transparent;color:var(--fg-dim);cursor:pointer;transition:all .15s}
.hz:hover{color:var(--fg);border-color:var(--fg-mute)}
.hz[data-sel]{color:var(--signal);border-color:color-mix(in oklab,var(--signal) 42%,transparent);background:color-mix(in oklab,var(--signal) 10%,transparent)}
.hz-row .hzd{font-family:inherit;font-size:12px;color:var(--fg-dim);background:transparent;border:1px solid var(--rule-2);border-radius:999px;padding:7px 12px;outline:none;color-scheme:dark}
:root[data-theme="light"] .hz-row .hzd{color-scheme:light}
.hz-row .hzd:focus{border-color:var(--signal)}
.b-src-lbl{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);margin:18px 0 8px}

/* ── capability result cards (Phase D — design / agent / iOS in the conversation) ── */
.capc-status{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.06em;color:var(--fg-dim);margin-bottom:10px}
.capc-status.ok{color:var(--verify-ok)}
.capc-status.err{color:var(--verify-warn)}
.capc-body{min-width:0}
.capc-art{border:1px solid var(--rule-2);border-radius:14px;overflow:hidden;background:var(--bg-1)}
.capc-art svg{display:block;width:100%;height:auto}
.capc-frame{display:block;width:100%;height:min(420px,58vh);border:1px solid var(--rule-2);border-radius:14px;background:var(--bg-1)}
.capc-agent{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.capc-agent .em{font-size:26px;line-height:1}
.capc-agent .nm{font-weight:600;font-size:15px}
.capc-agent .tg{font-size:12.5px;color:var(--fg-dim)}
.capc-ins{font-size:13px;color:var(--fg-dim);line-height:1.55;border-left:2px solid color-mix(in oklab,var(--signal) 35%,transparent);padding-left:11px;margin:8px 0}
.capc-feats{list-style:none;margin:8px 0 2px;padding:0;display:flex;flex-direction:column;gap:4px}
.capc-feats li{font-size:12.5px;color:var(--fg-dim);padding-left:15px;position:relative}
.capc-feats li::before{content:"›";position:absolute;left:2px;color:var(--signal)}
.capc-log{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;line-height:1.6;color:var(--fg-dim);background:color-mix(in srgb,var(--fg) 4%,transparent);border:1px solid var(--rule);border-radius:12px;padding:10px 12px;margin-top:10px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.capc-files{display:flex;flex-wrap:wrap;gap:6px}
.capc-file{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:var(--fg-dim);border:1px solid var(--rule);border-radius:8px;padding:4px 8px;background:color-mix(in srgb,var(--fg) 3%,transparent)}
.capc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.capc-btn{font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--rule-2);color:var(--fg-dim);background:transparent;cursor:pointer;transition:border-color .15s,color .15s}
.capc-btn:hover{border-color:var(--signal);color:var(--signal)}
.capc-btn.pri{background:var(--signal);border-color:var(--signal);color:var(--bg)}
.capc-btn.pri:hover{filter:brightness(1.06);color:var(--bg)}
.capc-btn:disabled{opacity:.45;pointer-events:none}
@media (max-width:430px){ .capc-frame{height:300px} .capc-acts{gap:6px} .capc-btn{padding:7px 12px;font-size:12px} }
/* ── UI-2A · continuity chip (conversation⇄work projection) ── */
.contin{display:flex;flex-direction:column;gap:7px;margin-top:12px;padding:12px 14px;border:1px solid var(--rule-2);border-radius:14px;max-width:100%;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
.contin-k{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute);display:flex;align-items:center;gap:7px}
.contin-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-mute);flex:0 0 auto}
.contin-working .contin-dot,.contin-verifying .contin-dot{background:var(--signal);animation:pulse 2.4s infinite}
.contin-waiting .contin-dot{background:var(--signal)}
.contin-ready .contin-dot{background:var(--verify-ok)}
.contin-generated-not-verified .contin-dot{background:var(--verify-warn)}
.contin-failed .contin-dot{background:var(--v-bad,#e68f8f)}
.contin-failed .contin-t{color:var(--v-bad,#e68f8f)}
.contin-t{font-size:13.5px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.contin-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.contin-acts .capc-btn{text-decoration:none;display:inline-flex;align-items:center}