@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-cream: #FFFDF5;--color-cream-dark: #FFF9E8;--color-pink: #FFD1DC;--color-pink-dark: #FFB5C5;--color-pink-light: #FFE8ED;--color-blue: #BDE0FE;--color-blue-light: #E3F2FD;--color-purple: #E2D1F9;--color-purple-light: #F3E8FF;--color-mint: #C7F9CC;--color-peach: #FFCDB2;--color-text: #5D5550;--color-text-light: #8B8680}body{background-color:var(--color-cream);color:var(--color-text);font-family:Nunito,Noto Sans SC,sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}}@layer components{.btn-jelly{@apply transition-all duration-200 ease-out;@apply active:scale-95 hover:brightness-105;box-shadow:0 4px #00000014}.btn-jelly:active{box-shadow:none;transform:translateY(4px) scale(.95)}.card-creamy{@apply bg-white/90 backdrop-blur-sm rounded-3xl;@apply border border-white/50;box-shadow:0 4px 20px #ffd1dc26}.font-cute{font-family:Nunito,sans-serif;font-weight:800;letter-spacing:-.02em}.bg-kawaii{background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-pink-light) 50%,var(--color-cream) 100%)}.bg-warm{background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-peach) 100%)}.sticker{@apply inline-flex items-center justify-center;@apply px-2 py-1 rounded-full text-xs font-bold;@apply bg-white/80 shadow-sm;@apply border border-white/50;}.sticker-pink{@apply bg-pink-100 text-pink-600;}.sticker-blue{@apply bg-blue-100 text-blue-600;}.sticker-purple{@apply bg-purple-100 text-purple-600;}.sticker-mint{@apply bg-green-100 text-green-600;}.float-deco{@apply absolute pointer-events-none select-none;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sparkle{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.icon-box{@apply w-12 h-12 rounded-2xl flex items-center justify-center text-xl;@apply shadow-md transition-all duration-200;}.icon-box:hover{transform:translateY(-2px)}}@layer base{html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}button,a,input,textarea,select,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px)}.fixed{-webkit-transform:translateZ(0);transform:translateZ(0)}}