@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,400&display=swap";:root{--evoa-bg:#f5f3ee;--evoa-surface:#fff;--evoa-surface-inset:#f5f3ee;--evoa-text-primary:#1a1a1a;--evoa-text-secondary:#9b9792;--evoa-text-tertiary:#c8c6c0;--evoa-border:#00000012;--evoa-border-strong:#0000001f;--evoa-purple:#8b84d4;--evoa-purple-06:#8b84d40f;--evoa-purple-10:#8b84d41a;--evoa-purple-25:#8b84d440;--evoa-salie:#84a898;--evoa-salie-10:#84a8981a;--evoa-salie-20:#84a89833;--evoa-salie-border:#84a89859;--evoa-terracotta:#c4896e;--evoa-terracotta-10:#c4896e1a;--evoa-oker:#a89870;--evoa-oker-10:#a898701a;--evoa-peach:#f0a898;--evoa-on-salie:#3a6b55;--evoa-on-salie-muted:#5e8a76;--evoa-on-purple:#5f52d0;--evoa-on-purple-solid:#fff;--evoa-on-oker:#7a6d45;--evoa-on-terracotta:#8b5a42;--evoa-font-display:"Fraunces", serif;--evoa-font-body:"DM Sans", sans-serif;--color-bg:var(--evoa-bg);--color-surface:var(--evoa-surface);--color-text-primary:var(--evoa-text-primary);--color-text-secondary:var(--evoa-text-secondary);--color-text-tertiary:var(--evoa-text-tertiary);--color-border:var(--evoa-border);--color-accent:var(--evoa-purple);--color-accent-10:var(--evoa-purple-10);--color-accent-06:var(--evoa-purple-06);--color-celebrate:var(--evoa-peach);--font-display:var(--evoa-font-display);--font-sans:var(--evoa-font-body)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--evoa-bg);color:var(--evoa-text-primary);font-family:var(--evoa-font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;margin:0;padding:0;font-size:17px;overflow-x:hidden}#root{background-color:var(--evoa-bg);width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:0}button,a{touch-action:manipulation;-webkit-touch-callout:none}.tap-scale{transition:transform .15s}.tap-scale:active{transform:scale(.97)}.pill{cursor:pointer;border:1.5px solid var(--evoa-border-strong);min-height:48px;font-family:var(--evoa-font-body);color:var(--evoa-text-primary);-webkit-user-select:none;user-select:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;display:flex}@media (prefers-reduced-motion:no-preference){.pill{transition:all .15s}}.pill:active{transform:scale(.97)}.pill.selected{border-color:var(--evoa-purple);background-color:var(--evoa-purple-10);color:var(--evoa-purple)}.pill-dark{cursor:pointer;min-height:48px;font-family:var(--evoa-font-body);color:#ffffffa6;-webkit-user-select:none;user-select:none;background:0 0;border:1.5px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;display:flex}@media (prefers-reduced-motion:no-preference){.pill-dark{transition:all .15s}}.pill-dark:active{transform:scale(.97)}.pill-dark.selected{border-color:var(--evoa-purple);color:var(--evoa-purple);background-color:#8b84d433}.card{background-color:var(--evoa-surface);border:none;border-radius:20px;box-shadow:0 1px 4px #00000012}.card-dark{background-color:var(--evoa-text-primary);color:#fff;border:none;border-radius:20px;box-shadow:0 2px 12px #0000002e}.morning-card{background-color:var(--evoa-surface);border-radius:20px;box-shadow:0 1px 4px #00000012}.morning-card .pill{border-color:var(--evoa-border-strong);color:var(--evoa-text-primary)}.morning-card .pill.selected{border-color:var(--evoa-purple);background-color:var(--evoa-purple-10);color:var(--evoa-purple)}.btn-primary{background-color:var(--evoa-purple);color:var(--evoa-on-purple-solid);cursor:pointer;width:100%;min-height:52px;font-size:17px;font-weight:500;font-family:var(--evoa-font-body);touch-action:manipulation;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}@media (prefers-reduced-motion:no-preference){.btn-primary{transition:background-color .15s,transform .15s,opacity .15s}}.btn-primary:active{background-color:#7269c4;transform:scale(.97)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-secondary{color:var(--evoa-text-secondary);cursor:pointer;min-height:48px;font-size:15px;font-weight:500;font-family:var(--evoa-font-body);touch-action:manipulation;background-color:#0000;border:1.5px solid #00000026;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;display:flex}@media (prefers-reduced-motion:no-preference){.btn-secondary{transition:all .15s}}.btn-secondary:active{transform:scale(.97)}.text-input{color:var(--evoa-text-primary);font-family:var(--evoa-font-body);appearance:none;background:#0000000a;border:1.5px solid #0000001a;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px}@media (prefers-reduced-motion:no-preference){.text-input{transition:border-color .15s}}.text-input:focus{border-color:#8b84d480}.text-input::placeholder{color:#0000004d}.text-input-dark{color:#fff;font-family:var(--evoa-font-body);appearance:none;background:#ffffff12;border:1.5px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px}@media (prefers-reduced-motion:no-preference){.text-input-dark{transition:border-color .15s}}.text-input-dark:focus{border-color:#a8987080}.text-input-dark::placeholder{color:#ffffff4d}.morning-input{color:var(--evoa-text-primary);font-family:var(--evoa-font-body);appearance:none;background:#0000000a;border:1.5px solid #0000001a;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:16px}@media (prefers-reduced-motion:no-preference){.morning-input{transition:border-color .15s}}.morning-input:focus{border-color:#8b84d480}.morning-input::placeholder{color:#0000004d}@keyframes barGrow{0%{width:0%}to{width:var(--tw)}}.bar-animate{animation:.6s forwards barGrow}@media (prefers-reduced-motion:no-preference){@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.anim-breathe{animation:3s ease-in-out infinite breathe}@keyframes sway{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}.anim-sway{animation:4s ease-in-out infinite sway}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.anim-pulse{animation:.4s ease-out pulse}}