:root{--color-heart-500: #E85A71;--color-teal-500: #0FA6A6;--color-points: #F5A623;--color-points-light: #FFF8E6;--color-success: #4CAF50;--color-error: #E53935;--color-warning: #FFB300;--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAF8;--color-neutral-100: #F5F4F1;--color-neutral-200: #E8E6E1;--color-neutral-300: #D4D1C9;--color-neutral-400: #A8A49A;--color-neutral-500: #7C786E;--color-neutral-600: #5C584F;--color-neutral-700: #3D3A33;--color-neutral-800: #252319;--gradient-heart: linear-gradient(135deg, #E85A71 0%, #D14460 100%);--gradient-teal: linear-gradient(135deg, #0FA6A6 0%, #075858 100%);--gradient-achievement: linear-gradient(135deg, #E85A71 0%, #F5A623 100%);--gradient-debt: linear-gradient(135deg, #FFEBEE 0%, #FFCDD2 100%);--shadow-heart-glow: 0 4px 14px rgba(232, 90, 113, .35);--shadow-teal-glow: 0 4px 14px rgba(15, 166, 166, .35);--shadow-points-glow: 0 0 20px rgba(245, 166, 35, .4);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--page-padding-x: 1rem;--nav-height: 64px;--nav-height-safe: calc(64px + var(--safe-area-bottom));--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-pulse: cubic-bezier(.4, 0, .2, 1)}@media(min-width:768px){:root{--page-padding-x: 1.5rem}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--color-neutral-50);color:var(--color-neutral-600)}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.touch-target{min-height:44px;min-width:44px}.text-balance{font-family:Outfit,sans-serif;font-size:2.75rem;font-weight:600;line-height:1.1;letter-spacing:-.02em}.text-points{font-family:Outfit,sans-serif;font-weight:600;color:var(--color-points)}.text-code{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.04)}30%{transform:scale(1)}45%{transform:scale(1.02)}60%{transform:scale(1)}}.animate-heartbeat{animation:heartbeat 1.5s var(--ease-pulse) infinite}@keyframes points-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.animate-points{animation:points-pop .5s var(--ease-spring)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--color-neutral-200);border-radius:10px;animation:skeleton-pulse 1.5s var(--ease-pulse) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid var(--color-heart-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}