:root{--color-primary:#1463ff;--color-accent:#27b7ff;--color-ink:#0a1220;--color-text:#344054;--color-text-secondary:#667085;--color-border:#e6eaf0;--color-background:#f7f9fc;--color-surface:#fff;--color-success:#16a36a;--color-warning:#f59e0b;--color-danger:#dc3545;--color-info:#1463ff;--color-on-primary:#fff;--color-focus:#0f4bff;--color-disabled:#98a2b3;--color-danger-surface:#fff1f2;--color-warning-surface:#fff8e6;--gradient-primary:linear-gradient(135deg, #1463ff, #27b7ff);--gradient-hero:linear-gradient(135deg, #0f4bff, #3cc8ff);--spacing-4:.25rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-48:3rem;--spacing-64:4rem;--font-display-size:2.25rem;--font-heading-size:1.75rem;--font-section-size:1.375rem;--font-card-title-size:1.125rem;--font-body-size:1rem;--font-small-size:.875rem;--font-caption-size:.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-body:1.5;--control-min-height:2.75rem;--control-border-width:.0625rem;--focus-ring-width:.1875rem;--spinner-size:1rem;--opacity-disabled:.6;--scale-pressed:.98;--rotation-full:360deg;--radius-input:.75rem;--radius-button:.875rem;--radius-card:1rem;--radius-dialog:1.5rem;--radius-sheet:1.75rem;--radius-pill:999px;--shadow-card:0 2px 8px #0a122014;--shadow-floating:0 8px 24px #0a122024;--shadow-sheet:0 -10px 40px #0a12201f;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.25s;--z-toast:1000}@media (prefers-color-scheme:dark){:root{--color-ink:#f7f9fc;--color-text:#e6eaf0;--color-text-secondary:#98a2b3;--color-border:#263244;--color-background:#08111f;--color-surface:#111c2c;--color-danger-surface:#33171b;--color-warning-surface:#332711;--color-focus:#27b7ff;--shadow-card:0 2px 8px #00000047;--shadow-floating:0 8px 24px #00000057;--shadow-sheet:0 -10px 40px #00000052}}
.kaila-button{border:var(--control-border-width) solid transparent;border-radius:var(--radius-button);cursor:pointer;font:inherit;font-weight:var(--font-weight-semibold);align-items:center;gap:var(--spacing-8);min-height:var(--control-min-height);padding:var(--spacing-12) var(--spacing-24);transition:opacity var(--duration-fast), transform var(--duration-fast);justify-content:center;display:inline-flex}.kaila-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.kaila-button--secondary{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.kaila-button--tertiary{color:var(--color-primary);background:0 0}.kaila-button--danger{background:var(--color-danger);color:var(--color-on-primary)}.kaila-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.kaila-button:active:not(:disabled){transform:scale(var(--scale-pressed))}.kaila-field{gap:var(--spacing-8);display:grid}.kaila-field__label{color:var(--color-ink);font-weight:var(--font-weight-medium)}.kaila-field__input{background:var(--color-surface);border:var(--control-border-width) solid var(--color-border);border-radius:var(--radius-input);color:var(--color-ink);font:inherit;min-height:var(--control-min-height);padding:var(--spacing-12) var(--spacing-16)}.kaila-field__input[aria-invalid=true]{border-color:var(--color-danger)}.kaila-field__error{color:var(--color-danger);font-size:var(--font-small-size)}.kaila-field__hint{color:var(--color-text-secondary);font-size:var(--font-small-size)}.kaila-card{background:var(--color-surface);border:var(--control-border-width) solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-24)}.kaila-card__title{color:var(--color-ink);font-size:var(--font-card-title-size);margin-block-end:var(--spacing-12)}.kaila-feedback{border-radius:var(--radius-card);padding:var(--spacing-16)}.kaila-feedback--info{border:var(--control-border-width) solid var(--color-info)}.kaila-feedback--success{border:var(--control-border-width) solid var(--color-success)}.kaila-feedback--warning{border:var(--control-border-width) solid var(--color-warning)}.kaila-feedback--error{background:var(--color-danger-surface);border:var(--control-border-width) solid var(--color-danger)}.kaila-feedback__title{color:var(--color-ink);font-size:var(--font-card-title-size);margin-block-end:var(--spacing-8)}.kaila-loading{align-items:center;gap:var(--spacing-8);min-height:var(--control-min-height);display:inline-flex}.kaila-spinner{animation:kaila-spin var(--duration-slow) linear infinite;border:var(--control-border-width) solid currentcolor;border-radius:var(--radius-pill);height:var(--spinner-size);width:var(--spinner-size);border-right-color:#0000;display:inline-block}.kaila-button:focus-visible,.kaila-field__input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--spacing-4)}@media (prefers-reduced-motion:reduce){.kaila-button{transition:none}.kaila-spinner{animation-duration:var(--duration-slow);animation-iteration-count:1}}@keyframes kaila-spin{to{transform:rotate(var(--rotation-full))}}
*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}button,a{min-height:44px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.offlineNotice{background:var(--color-warning-surface);border-bottom:var(--control-border-width) solid var(--color-warning);color:var(--color-ink);font-size:var(--font-small-size);align-items:center;gap:var(--spacing-8);min-height:var(--control-min-height);padding:var(--spacing-8) var(--spacing-16);z-index:var(--z-toast);justify-content:center;display:flex;position:sticky;top:0}.offlineNotice svg{height:var(--spacing-24);width:var(--spacing-24);flex:none}