/* ══════════════════════════════════════════════
   style_base.css — Reset, variables, tipografía
   ══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{
  --bg:#f4f3ef;--surface:#fff;--s2:#f0efe9;
  --border:rgba(0,0,0,.08);--border2:rgba(0,0,0,.14);
  --text:#1a1917;--muted:#7a786e;--faint:#b5b3aa;
  --red:#0E8C8C;--red2:#0A6E6E;--red-soft:#E6F7F7;
  --coral:#FF6B4A;--coral2:#E8552F;--coral-soft:#FFEDE7;
  --blue:#185FA5;--blue-soft:#E6F1FB;
  --green:#1b4332;--green-soft:#d8f3dc;
  --code-bg:#0d1117;
  --rail-w:62px;--panel-w:270px;
  --chat-w:370px;--chat-h:520px;
  --rad:16px;--rad-sm:8px;--rad-lg:24px;
  --sh:0 2px 12px rgba(0,0,0,.08);--sh-lg:0 8px 32px rgba(0,0,0,.14);--sh-xl:0 16px 48px rgba(0,0,0,.18);
  --spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.4,0,.2,1);
  --font:'DM Sans',sans-serif;--mono:'DM Mono',monospace;
}
html,body{height:100%;overflow:hidden}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;
  padding-bottom:env(safe-area-inset-bottom,0);
  padding-top:env(safe-area-inset-top,0);
}
.hidden{display:none!important}