*{box-sizing:border-box}html,body{margin:0;min-height:100vh;min-height:100dvh}body{font-family:Mulish,sans-serif;background:#dde2e6}a{color:#0083bd;color:oklch(58% .15 238)}a:hover{color:#006592;color:oklch(48% .15 238)}button,input{font-family:inherit}:root{--color-primary-tint: oklch(93% .03 235);--color-bg-onboarding: oklch(88% .05 235);--color-primary: oklch(68% .14 235);--color-primary-dark: oklch(58% .15 238);--color-primary-ink: oklch(45% .1 235);--color-success: oklch(76% .15 155);--color-success-ink: oklch(45% .13 155);--color-danger: oklch(70% .15 30);--color-danger-ink: oklch(55% .14 30);--color-warning-tint: oklch(90% .1 60 / .35);--color-warning-ink: oklch(40% .1 60);--color-bg-app: oklch(95% .025 235);--color-surface: #fff;--color-surface-tint: oklch(97% .008 250);--color-text-strong: oklch(28% .06 250);--color-ink-soft: oklch(32% .06 250);--color-text-muted: oklch(50% .04 250);--color-text-subtle: oklch(55% .03 250);--color-border: oklch(93% .01 250);--color-locked: oklch(89% .02 235);--color-locked-bg: oklch(90% .008 250);--color-scrim: oklch(30% .06 250);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 22px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 34px;--shadow-card: 0 6px 20px oklch(50% .05 250 / .08);--shadow-elevated: 0 8px 20px oklch(60% .1 235 / .35);--shadow-float: 0 12px 28px oklch(60% .1 235 / .35);--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-base: .2s;--touch-target-min: 44px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseLetter{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes starPop{0%{transform:scale(0) rotate(-20deg);opacity:0}70%{transform:scale(1.2) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #16a4e266}50%{box-shadow:0 0 0 10px #16a4e200}}.pressable{transition:transform var(--duration-fast) var(--ease-standard),filter var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);-webkit-tap-highlight-color:transparent}.pressable:hover{filter:brightness(1.04)}.pressable:active{transform:scale(.96);filter:brightness(.97)}.card-pressable{transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);-webkit-tap-highlight-color:transparent}.card-pressable:hover{box-shadow:0 8px 24px #4d667f21}.card-pressable:active{transform:scale(.98)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-primary-dark);outline-offset:2px;border-radius:var(--radius-sm)}.text-input{outline:none;transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.text-input:focus-visible{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #16a4e22e;outline:none}.app-stage{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px}.phone-frame{width:402px;height:874px;background:var(--color-bg-app);border-radius:44px;border:10px solid #111;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f171f59}@media (max-width: 460px){.app-stage{padding:0}.phone-frame{width:100vw;height:100vh;height:100dvh;border-radius:0;border:none}}