@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";
:root{--color-background:#f9f9f9;--color-on-background:#1a1c1c;--color-surface:#f9f9f9;--color-surface-lowest:#fff;--color-surface-low:#f3f3f3;--color-surface-container:#eee;--color-surface-high:#e8e8e8;--color-surface-highest:#e2e2e2;--color-surface-variant:#e2e2e2;--color-on-surface:#1a1c1c;--color-on-surface-variant:#554242;--color-outline:#887271;--color-outline-variant:#dbc0bf;--color-primary:#9c4143;--color-on-primary:#fff;--color-primary-container:#ff8e8e;--color-on-primary-container:#772529;--color-primary-fixed:#ffdad8;--color-secondary:#845400;--color-on-secondary:#fff;--color-secondary-container:#feb246;--color-on-secondary-container:#6f4600;--color-secondary-fixed:#ffddb6;--color-tertiary:#6d595b;--color-tertiary-container:#c1a9ab;--color-tertiary-fixed:#f7dcde;--color-error:#ba1a1a;--color-error-container:#ffdad6;--color-scrim:#000;--font-heading:"Plus Jakarta Sans", "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Be Vietnam Pro", "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-xxl:2rem;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-gutter:16px;--space-lg:24px;--space-xl:32px;--space-page:24px;--surface-page-wash:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-fixed) 44%, transparent) 0%, color-mix(in srgb, var(--color-background) 92%, transparent) 34%, var(--color-background) 100%);--surface-soft-wash:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-fixed) 26%, transparent) 0%, transparent 154px);--surface-chat-wash:linear-gradient(180deg, color-mix(in srgb, var(--color-primary-fixed) 22%, transparent) 0%, transparent 38%);--surface-request-wash:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-fixed) 94%, var(--color-surface-lowest)) 0%, color-mix(in srgb, var(--color-secondary-fixed) 72%, var(--color-surface-lowest)) 100%);--surface-glass:color-mix(in srgb, var(--color-surface-lowest) 88%, transparent);--surface-glass-strong:color-mix(in srgb, var(--color-surface-lowest) 94%, transparent);--surface-primary-muted:color-mix(in srgb, var(--color-primary-fixed) 34%, transparent);--surface-secondary-muted:color-mix(in srgb, var(--color-secondary-container) 24%, transparent);--surface-secondary-muted-strong:color-mix(in srgb, var(--color-secondary-container) 34%, transparent);--surface-tertiary-muted:color-mix(in srgb, var(--color-tertiary-fixed) 34%, transparent);--surface-dark-glass:color-mix(in srgb, var(--color-scrim) 26%, transparent);--border-subtle:color-mix(in srgb, var(--color-outline-variant) 54%, transparent);--border-soft:color-mix(in srgb, var(--color-outline-variant) 72%, transparent);--border-muted:color-mix(in srgb, var(--color-outline-variant) 34%, transparent);--border-primary-muted:color-mix(in srgb, var(--color-primary) 18%, transparent);--border-error-muted:color-mix(in srgb, var(--color-error) 14%, transparent);--text-muted:color-mix(in srgb, var(--color-on-surface-variant) 58%, transparent);--text-on-primary-muted:color-mix(in srgb, var(--color-on-primary) 76%, transparent);--shadow-card:0 18px 50px color-mix(in srgb, var(--color-primary) 10%, transparent);--shadow-soft:0 10px 28px color-mix(in srgb, var(--color-on-primary-container) 12%, transparent);--shadow-app:0 26px 80px color-mix(in srgb, var(--color-primary) 16%, transparent);--shadow-button:0 12px 24px color-mix(in srgb, var(--color-primary) 18%, transparent);--shadow-message:0 10px 24px color-mix(in srgb, var(--color-on-surface-variant) 7%, transparent);--glow-focus:0 0 0 4px color-mix(in srgb, var(--color-primary-container) 18%, transparent);--glow-translation:0 0 0 4px color-mix(in srgb, var(--color-secondary-container) 24%, transparent), 0 10px 24px color-mix(in srgb, var(--color-secondary) 18%, transparent);--gradient-action:linear-gradient(135deg, var(--color-secondary-container) 0%, var(--color-primary-container) 52%, var(--color-primary) 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-on-background);background:var(--surface-page-wash);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:16px;line-height:1.5;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:var(--color-primary-fixed);color:var(--color-on-primary-container)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
