@import url('/brand-palette.css?v=20261022-b');
/* Shared palette B. Existing typefaces and application logic stay in place. */
@font-face{font-family:Onest;src:url('/brand-assets/onest-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('/brand-assets/onest-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Onest;src:url('/brand-assets/onest-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root,html[data-lm=true]{
 --paper:var(--ex-page);--cream:var(--ex-surface-raised);--cream-dark:var(--ex-secondary);--white:var(--ex-surface);
 --ink:var(--ex-text);--ink-soft:var(--ex-text);--silver:var(--ex-muted);--silver-light:var(--ex-muted);--nav-link:var(--ex-link);
 --gold:var(--ex-link);--gold-light:var(--ex-link-hover);--patina:var(--ex-pine);--copper:var(--ex-orange);
 --border:var(--ex-line);--dot:transparent;--bg-dots:none;--shadow-card:none;--shadow-card-hover:none;
 --font-sans:Onest,Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
 --ok:var(--ex-success-fg);--bad:var(--ex-error-fg);--warn:var(--ex-warning-fg);--head:var(--ex-link);
}
html[data-lm=false],html[data-theme=dark]{
 --paper:var(--ex-page);--cream:var(--ex-surface-raised);--cream-dark:var(--ex-secondary);--white:var(--ex-surface);
 --ink:var(--ex-text);--ink-soft:var(--ex-text);--silver:var(--ex-muted);--silver-light:var(--ex-muted);--nav-link:var(--ex-link);
 --gold:var(--ex-link);--gold-light:var(--ex-link-hover);--patina:var(--ex-link);--copper:var(--ex-orange);
 --border:var(--ex-line);--ok:var(--ex-success-fg);--bad:var(--ex-error-fg);--warn:var(--ex-warning-fg);--head:var(--ex-link);
 --bg-dots:none;--shadow-card:none;--shadow-card-hover:none;
}

.logo{display:inline-flex;flex:none;align-items:center;text-decoration:none}
.logo img{display:block;width:168px;height:auto;max-width:100%}
html[data-lm=false] .logo img,html[data-theme=dark] .logo img{content:url('/extella-logo-on-dark.svg');filter:none}
.theme-toggle{font:400 12px/1.3 Onest,Arial,sans-serif;min-height:40px;min-width:82px;padding:10px 14px;border:1px solid var(--border);border-radius:0;background:transparent;color:var(--ink);cursor:pointer}
.theme-toggle:hover{background:var(--cream-dark);border-color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}