#app{font-family:var(--font-body);-webkit-font-smoothing:antialiased}:root{--color-primary: #EC4899;--color-secondary: #8B5CF6;--color-accent: #F59E0B;--color-success: #4ADE80;--color-gold-light: #FBBF24;--color-purple-light: #A78BFA;--candy-red: #EF4444;--candy-orange: #F97316;--candy-yellow: #EAB308;--candy-green: #22C55E;--candy-purple: #A855F7;--candy-pink: #EC4899;--bg-light: linear-gradient(180deg, #FDF2F8 0%, #EDE9FE 100%);--bg-dark: linear-gradient(180deg, #1E0A2E 0%, #0D0220 100%);--bg-card: linear-gradient(180deg, #FFFFFF 0%, #FDF2F8 100%);--bg-card-dark: rgba(255, 255, 255, .06);--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-400: #9CA3AF;--neutral-600: #6B7280;--neutral-800: #1F2937;--neutral-900: #111827;--font-title: "Fredoka", sans-serif;--font-body: "Nunito", -apple-system, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-inner: inset 0 -2px 6px rgba(0, 0, 0, .06);--glow-pink: 0 0 20px rgba(236, 72, 153, .5);--glow-purple: 0 0 20px rgba(139, 92, 246, .5);--glow-gold: 0 0 24px rgba(245, 158, 11, .4);--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--page-width: 390px;--page-max-width: 430px;--header-height: 44px;--bottom-nav-height: 80px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%}body{height:100%;overflow:hidden;background:var(--bg-light);color:var(--neutral-800);user-select:none;-webkit-user-select:none}#app{height:100%;display:flex;justify-content:center;overflow:hidden}.page-container{width:100%;max-width:var(--page-max-width);height:100%;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-dark{background:var(--bg-dark);color:#fff}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.page-container::-webkit-scrollbar{display:none}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner),var(--shadow-md);border:1px solid rgba(236,72,153,.08)}.card-dark{background:var(--bg-card-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.title-font{font-family:var(--font-title);font-weight:var(--weight-bold)}@keyframes scoreFloat{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:1;transform:translateY(-20px) scale(1.1)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes candyPop{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(0);opacity:0}}@keyframes candyDrop{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glowBreath{0%,to{box-shadow:0 0 8px #ec48994d}50%{box-shadow:0 0 20px #ec489999}}@keyframes modalIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(10px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes sparkleSpin{0%{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(180deg) scale(1.3);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.page-enter-active{animation:pageIn var(--duration-normal) var(--ease-out)}.page-leave-active{animation:pageOut .25s ease-in}@keyframes pageIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pageOut{0%{transform:translate(0);opacity:1}to{transform:translate(-20px);opacity:0}}@keyframes itemActive{0%,to{box-shadow:0 0 8px #ec489966}50%{box-shadow:0 0 24px #ec4899cc}}@keyframes hintBlink{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}@keyframes starBurst{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(120px) rotate(720deg);opacity:0}}