/* Utopia Talk web: design tokens, shared by the landing page, the sign-in screens and the chat. */
@font-face{font-family:"Inter";src:url(/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root,html[data-theme=dark]{
  color-scheme:dark;
  --bg:#0B0B14;--bg-rgb:11,11,20;
  --surface:#12121D;--surface-2:#1B1B2A;--surface-3:#25253A;
  --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.16);
  --text:#EEEEF5;--text-rgb:238,238,245;--muted:#8E8EA6;
  --accent:#D0A742;--accent-rgb:208,167,66;--accent-text:#D8B04A;--accent-hover:#E4BD58;--accent-ink:#17110A;--accent-soft:rgba(208,167,66,.14);
  --bubble-in:#1B1B2A;--bubble-in-text:#EEEEF5;--bubble-in-meta:#8E8EA6;
  --bubble-out:#D0A742;--bubble-out-text:#1A1405;--bubble-out-meta:rgba(26,20,5,.6);
  --danger:#FF6B6B;--ok:#4ADE80;
  --shadow:0 24px 70px rgba(0,0,0,.55);
  --glow:rgba(208,167,66,.07);
}
html[data-theme=light]{
  color-scheme:light;
  --bg:#F3F3F8;--bg-rgb:243,243,248;
  --surface:#FFFFFF;--surface-2:#EFEFF5;--surface-3:#E3E3ED;
  --line:rgba(12,12,32,.09);--line-strong:rgba(12,12,32,.18);
  --text:#15151F;--text-rgb:21,21,31;--muted:#6A6A80;
  --accent:#D0A742;--accent-rgb:208,167,66;--accent-text:#8F6906;--accent-hover:#7B5A04;--accent-ink:#17110A;--accent-soft:rgba(208,167,66,.2);
  --bubble-in:#FFFFFF;--bubble-in-text:#15151F;--bubble-in-meta:#8A8AA0;
  --bubble-out:#F1DC9E;--bubble-out-text:#2A1F00;--bubble-out-meta:rgba(42,31,0,.55);
  --danger:#D93A3A;--ok:#16A34A;
  --shadow:0 24px 70px rgba(30,30,60,.18);
  --glow:rgba(208,167,66,.14);
}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
#theme-toggle{position:fixed;top:14px;right:16px;z-index:9999;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s,background .15s;padding:0}
#theme-toggle:hover{color:var(--accent-text);border-color:var(--line-strong)}
#theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme=dark] #theme-toggle .i-moon{display:none}
html[data-theme=light] #theme-toggle .i-sun{display:none}