/* Auroflow 1.0 — only light UI. Import on an .af-brand root. */
@font-face{font-family:Chillax;src:url('./fonts/Chillax-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Chillax;src:url('./fonts/Chillax-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Chillax;src:url('./fonts/Chillax-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:light;--af-white:#FFFFFF;--af-paper:#F5F7FC;--af-ink:#10192C;--af-muted:#526078;--af-link:#3344C9;--af-border:#CBD3E1;--af-control-border:#687B98;--af-jade:#55DCB3;--af-cyan:#2ED9EF;--af-blue:#4251EF;--af-violet:#AF7DF5;--af-bg:var(--af-white);--af-panel:var(--af-white);--af-soft:var(--af-paper);--af-font:Chillax,Arial,sans-serif;--af-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--af-gradient:linear-gradient(110deg,#55DCB3 0%,#2ED9EF 32%,#4251EF 68%,#AF7DF5 100%);--af-space:8px;--af-radius-control:12px;--af-radius-card:24px;--af-radius-media:28px;--af-fast:160ms;--af-normal:240ms;--af-ease:cubic-bezier(.2,.7,.2,1);--af-max:1280px;--af-display:clamp(2.75rem,5.5vw,5.5rem);--af-h1:clamp(2.5rem,4.3vw,4rem);--af-h2:clamp(1.875rem,3.2vw,3rem)}
.af-brand{font-family:var(--af-font);font-weight:400;font-size:16px;line-height:1.625;font-synthesis:none;background:var(--af-bg);color:var(--af-ink);color-scheme:light}
.af-brand *,.af-brand *::before,.af-brand *::after{box-sizing:border-box}
.af-brand :is(button,input,textarea,select){font:inherit;font-synthesis:none}
.af-brand :is(h1,h2,h3,h4,h5,h6){font-family:var(--af-font);font-weight:500;text-wrap:balance;margin:0 0 24px;line-height:1.16;letter-spacing:-.025em}
.af-brand :is(strong,b){font-weight:600}.af-brand :is(p,ul,ol){margin:0 0 24px}.af-brand p{overflow-wrap:anywhere}
.af-brand a{color:var(--af-link);text-underline-offset:4px}.af-brand a:hover{text-decoration-thickness:2px}
.af-brand :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--af-link);outline-offset:4px}
.af-brand :is(pre,code,kbd,samp){font-family:var(--af-mono);font-size:.875em;font-variant-numeric:tabular-nums}
.af-brand pre{white-space:pre;overflow-x:auto;max-width:100%;padding:24px;background:var(--af-paper);color:var(--af-ink);border:1px solid var(--af-border);border-radius:16px;line-height:1.8}
.af-brand img{max-width:100%;height:auto;display:block}
.af-brand .af-logo{width:180px;height:auto;max-width:100%;flex:none}
.af-brand .af-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 20px;font-size:16px;line-height:24px;font-weight:500;text-align:center;text-decoration:none;color:var(--af-ink);background:var(--af-white);border:1px solid var(--af-control-border);border-radius:12px;cursor:pointer;transition:background var(--af-fast) var(--af-ease),border-color var(--af-fast) var(--af-ease)}
.af-brand .af-button:hover:not(:disabled){background:var(--af-paper)}
.af-brand .af-button-primary{background:var(--af-jade);color:var(--af-ink);border-color:transparent;font-weight:600}
.af-brand .af-button-primary:hover:not(:disabled){background:#76E5C4;border-color:transparent}
.af-brand .af-button:active:not(:disabled){border-color:var(--af-ink)}
.af-brand .af-button:disabled{cursor:not-allowed;color:var(--af-muted);background:var(--af-paper);border-color:var(--af-border)}
.af-brand .af-icon-button{min-width:44px;min-height:44px;padding:8px}
.af-brand :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:48px;width:100%;min-width:0;padding:11px 14px;border:1px solid var(--af-control-border);border-radius:12px;background:var(--af-white);color:var(--af-ink);font-size:16px;line-height:24px}
.af-brand textarea{resize:vertical}.af-brand :is(input,textarea)::placeholder{color:var(--af-muted);opacity:1}
.af-brand label{font-size:14px;line-height:21px;font-weight:500;display:block;margin-bottom:8px}
.af-brand .af-help{font-size:13px;line-height:22px;color:var(--af-muted);margin:8px 0 20px}
.af-brand [aria-invalid=true]{border:2px solid #A3283E!important}.af-brand .af-error-text{color:#A3283E;font-size:14px;line-height:22px;margin-top:8px}
.af-brand .af-card{padding:28px;background:var(--af-white);border:1px solid var(--af-border);border-radius:24px;min-width:0}
.af-brand .af-state{padding:20px 24px;border-radius:16px;border-left:4px solid currentColor}
.af-brand .af-state p{font-size:14px;margin:8px 0 0;line-height:1.7}.af-brand .af-state-success{color:#0B684E;background:#E7F8F1}.af-brand .af-state-info{color:#2447AE;background:#EDF2FF}.af-brand .af-state-warning{color:#805300;background:#FFF4D6}.af-brand .af-state-error{color:#A3283E;background:#FFF0F3}
.af-brand .af-muted{color:var(--af-muted)}.af-brand .af-eyebrow{font-size:12px;line-height:18px;letter-spacing:.12em;font-weight:500;color:var(--af-muted)}
.af-brand .af-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.af-brand .af-reading{max-width:70ch;font-size:18px;line-height:29px}
.af-brand [hidden]{display:none!important}
@media(max-width:760px){.af-brand .af-reading{font-size:16px;line-height:26px}.af-brand .af-card{padding:22px}.af-brand pre{padding:18px}}
@media(prefers-reduced-motion:reduce){.af-brand *,.af-brand *::before,.af-brand *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}