/* Generated by scripts/sync-design.py. */
:root{color-scheme:light;--primary:#5B4CFF;--onPrimary:#FFFFFF;--primaryContainer:#EDEDFF;--onPrimaryContainer:#392A86;--surface:#FFFFFF;--surfaceContainer:#EDEDFF;--surfaceContainerLow:#F8F7FF;--surfaceContainerHighest:#E1DFF5;--onSurface:#1C1C3E;--onSurfaceVariant:#62617F;--outline:#82809D;--outlineVariant:#D4D2F2;--error:#B42332;--errorContainer:#FDE8EC;--onErrorContainer:#831D2A;--scaffold:#F5F4FF;--brand-seed:#5B4CFF;--brand-purple:#5B4CFF;--header-gradient:linear-gradient(160deg,#7C3AED 0%,#5B4CFF 60%,#4338CA 100%)}
@media(prefers-color-scheme:dark){:root:not([data-appearance=light]){color-scheme:dark;--primary:#A78BFA;--onPrimary:#1C1C3E;--primaryContainer:#302660;--onPrimaryContainer:#F0EFFF;--surface:#14142E;--surfaceContainer:#1C1C3E;--surfaceContainerLow:#14142E;--surfaceContainerHighest:#2A2A50;--onSurface:#F0EFFF;--onSurfaceVariant:#B6B3D3;--outline:#767399;--outlineVariant:#2A2A50;--error:#FCA5A5;--errorContainer:#4C202E;--onErrorContainer:#FFE0E5;--scaffold:#0A0A1C;--brand-seed:#5B4CFF;--brand-purple:#A78BFA;--header-gradient:linear-gradient(160deg,#0E0A2E 0%,#1A1250 60%,#0E0A2E 100%)}}
:root[data-appearance=dark]{color-scheme:dark;--primary:#A78BFA;--onPrimary:#1C1C3E;--primaryContainer:#302660;--onPrimaryContainer:#F0EFFF;--surface:#14142E;--surfaceContainer:#1C1C3E;--surfaceContainerLow:#14142E;--surfaceContainerHighest:#2A2A50;--onSurface:#F0EFFF;--onSurfaceVariant:#B6B3D3;--outline:#767399;--outlineVariant:#2A2A50;--error:#FCA5A5;--errorContainer:#4C202E;--onErrorContainer:#FFE0E5;--scaffold:#0A0A1C;--brand-seed:#5B4CFF;--brand-purple:#A78BFA;--header-gradient:linear-gradient(160deg,#0E0A2E 0%,#1A1250 60%,#0E0A2E 100%)}
:root[data-appearance=light]{color-scheme:light;--primary:#5B4CFF;--onPrimary:#FFFFFF;--primaryContainer:#EDEDFF;--onPrimaryContainer:#392A86;--surface:#FFFFFF;--surfaceContainer:#EDEDFF;--surfaceContainerLow:#F8F7FF;--surfaceContainerHighest:#E1DFF5;--onSurface:#1C1C3E;--onSurfaceVariant:#62617F;--outline:#82809D;--outlineVariant:#D4D2F2;--error:#B42332;--errorContainer:#FDE8EC;--onErrorContainer:#831D2A;--scaffold:#F5F4FF;--brand-seed:#5B4CFF;--brand-purple:#5B4CFF;--header-gradient:linear-gradient(160deg,#7C3AED 0%,#5B4CFF 60%,#4338CA 100%)}
@font-face{font-family:Montserrat;src:url("fonts/Montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
body,input,button,select,textarea{font-family:inherit}
body{background:var(--scaffold);color:var(--onSurface)}
button,input,select,textarea{font-size:14px}
button,a.primary,select{min-height:44px}
button{border-radius:14px}
button:not(:disabled),a,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
input,textarea,select{border-radius:14px;background:var(--surface);color:var(--onSurface);border:1px solid var(--outline);padding:12px 14px;font:inherit}
button.secondary{background:var(--primaryContainer);color:var(--onPrimaryContainer)}
.brand{background:var(--header-gradient);color:#fff;gap:12px}
.brand .subtle,.brand #connection,.brand span{color:#F0EFFF}
.brand strong{font-weight:650;letter-spacing:-.6px}
.brand button.secondary{background:#ffffff20;color:#fff;border:1px solid #ffffff50}
.card,.link-card,dialog,.console-dialog{border-radius:22px;box-shadow:0 12px 40px #0a0a1c08}
dialog::backdrop,.console-dialog::backdrop{background:#08081980;backdrop-filter:blur(4px)}
h1,h2,h3{font-weight:650;line-height:1.25}
.appearance-menu{position:relative;margin:0 0 0 auto}
.appearance-menu summary{cursor:pointer;padding:10px 14px;border:1px solid #ffffff60;border-radius:14px;list-style:none}
.appearance-menu[open]>div{position:absolute;right:0;top:48px;min-width:240px;z-index:100;background:var(--surface);color:var(--onSurface);border:1px solid var(--outlineVariant);padding:18px;border-radius:18px;box-shadow:0 12px 40px #0003}
.appearance-menu label{display:block;margin:0 0 8px;font-size:14px}
.appearance-menu select{width:100%}
.appearance-note{font-size:12px;color:var(--onSurfaceVariant)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){.brand{height:auto;min-height:72px;padding:12px 16px;flex-wrap:wrap}.brand #connection{font-size:12px}.brand .logo{width:32px;height:32px}.brand strong{font-size:20px}}
.brand #signout{order:3;margin-left:0}
.brand .appearance-menu{order:2}
@media(pointer:coarse){.message-reactions button{min-height:44px}}

/* Shared controls and overlays across marketing, linked web and both consoles. */
button,input,select,textarea{border-radius:12px}
button{font-weight:600}
button:disabled{cursor:default}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
.card,.link-card,dialog,.console-dialog{border-radius:18px}
.brand img{border-radius:10px;flex-shrink:0}
::selection{background:var(--primaryContainer);color:var(--onPrimaryContainer)}