@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--sky-50: #EEF8FF;--sky-100: #D9EEFF;--sky-200: #B3DCFF;--sky-300: #7FC4FF;--sky-400: #4BA8FF;--sky-500: #2B8FFF;--sky-600: #1B71F5;--sky-700: #1353D6;--sky-800: #0F3BA8;--sky-900: #0A2566;--forest-50: #F1F7F2;--forest-100: #DFE9E1;--forest-200: #BDD5C5;--forest-300: #92BAA3;--forest-400: #6A9D7E;--forest-500: #4A7E5F;--forest-600: #3B6649;--forest-700: #305038;--forest-800: #263C2D;--forest-900: #1A2820;--neutral-0: #FFFFFF;--canvas: #FAF7F1;--neutral-100: #F4EEE4;--neutral-200: #EAE2D4;--neutral-300: #D8CEBC;--neutral-400: #B2A892;--neutral-500: #897F6D;--neutral-600: #635B4D;--neutral-700: #463F33;--neutral-800: #2E281F;--neutral-900: #211C16;--verified: #12875A;--verified-soft: #E3F3EB;--star: #E2A82C;--escrow-vault: #233140;--escrow-vault-2: #1A2530;--escrow-line: #3C4D5C;--success: #12875A;--success-soft: #E3F3EB;--pending: #B9810F;--pending-soft: #FBEFCF;--danger: #C2412D;--danger-soft: #F8E6E1;--info: #1C6E8C;--info-soft: #E2EEF3;--brand-50: var(--sky-50);--brand-100: var(--sky-100);--brand-200: var(--sky-200);--brand-300: var(--sky-300);--brand-400: var(--sky-400);--brand-500: var(--sky-500);--brand-600: var(--sky-600);--brand-700: var(--sky-700);--brand: var(--sky-500);--brand-strong: var(--sky-600);--brand-tint: var(--sky-50);--brand-contrast: #FFFFFF;--text-strong: var(--neutral-900);--text-body: var(--neutral-700);--text-muted: var(--neutral-500);--text-faint: var(--neutral-400);--surface-page: var(--canvas);--surface-card: var(--neutral-0);--surface-sunken: var(--neutral-100);--border: var(--neutral-200);--border-strong: var(--neutral-300);--focus-ring: color-mix(in oklch, var(--brand) 45%, transparent);--font-display: "Plus Jakarta Sans", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-text: "IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(33,28,22,.06);--shadow-md: 0 6px 18px rgba(33,28,22,.08);--shadow-lg: 0 14px 38px rgba(33,28,22,.12);--ease-out: cubic-bezier(.22,.61,.36,1);--ease-spring: cubic-bezier(.34,1.56,.64,1)}[data-mode=traveler]{--brand-50: var(--sky-50);--brand-100: var(--sky-100);--brand-200: var(--sky-200);--brand-300: var(--sky-300);--brand-400: var(--sky-400);--brand-500: var(--sky-500);--brand-600: var(--sky-600);--brand-700: var(--sky-700);--brand: var(--sky-500);--brand-strong: var(--sky-600);--brand-tint: var(--sky-50);--focus-ring: color-mix(in oklch, var(--sky-500) 45%, transparent)}[data-mode=sender]{--brand-50: var(--forest-50);--brand-100: var(--forest-100);--brand-200: var(--forest-200);--brand-300: var(--forest-300);--brand-400: var(--forest-400);--brand-500: var(--forest-500);--brand-600: var(--forest-600);--brand-700: var(--forest-700);--brand: var(--forest-500);--brand-strong: var(--forest-600);--brand-tint: var(--forest-50);--focus-ring: color-mix(in oklch, var(--forest-500) 45%, transparent)}*{-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-text);color:var(--text-strong);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--canvas)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}.wsl-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}@keyframes homers-fade{0%{opacity:0}to{opacity:1}}@keyframes homers-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes homers-ring{0%{transform:scale(.6);opacity:.55}to{transform:scale(1.25);opacity:0}}@media (prefers-reduced-motion: reduce){[style*=homers-fade],[style*=homers-pop],[style*=homers-ring]{animation:none!important}}@keyframes homers-logo-in{0%{opacity:0;transform:translateY(12px) scale(.92)}55%{opacity:1;transform:translateY(-3px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes homers-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.homers-logo-anim{animation:homers-logo-in .75s cubic-bezier(.2,.9,.3,1.25) both}.homers-logo-anim>*{animation:homers-logo-float 4s ease-in-out .9s infinite}@media (prefers-reduced-motion: reduce){.homers-logo-anim,.homers-logo-anim>*{animation:none!important}}input,textarea,select,button{font-family:var(--font-text)}.app-frame-outer{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;background:var(--canvas)}.app-frame{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);width:100%;height:100vh;height:100dvh}@media (min-width: 600px){.app-frame-outer{align-items:center;background:#efe7d8}.app-frame{width:390px;height:780px;max-height:calc(100dvh - 32px);border:1px solid var(--border);border-radius:44px;box-shadow:0 24px 64px #211c162e}}::placeholder{color:var(--text-faint)}button:not(:disabled){transition:transform .14s var(--ease-out),opacity .14s var(--ease-out),filter .16s var(--ease-out)}button:not(:disabled):active{transform:scale(.96);opacity:.92}@media (hover: hover) and (pointer: fine){button:not(:disabled):hover{filter:brightness(1.05)}}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.homers-view-enter{animation:homers-fade .2s var(--ease-out) both}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
