@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap";:root{--color-primary: #FF6B6B;--color-primary-light: #FF8E8E;--color-primary-dark: #E55A5A;--color-secondary: #9B59B6;--color-secondary-light: #B07CC6;--color-secondary-dark: #8E44AD;--color-success: #10B981;--color-success-light: #34D399;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-light: #FBBF24;--color-warning-dark: #D97706;--color-danger: #EF4444;--color-danger-light: #F87171;--color-danger-dark: #DC2626;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--gradient-primary: linear-gradient(135deg, #FF6B6B, #FF8E8E);--gradient-secondary: linear-gradient(135deg, #9B59B6, #8E44AD);--gradient-success: linear-gradient(135deg, #10B981, #059669);--gradient-warning: linear-gradient(135deg, #F59E0B, #D97706);--gradient-background: linear-gradient(135deg, #FFF5F5, #FFFFFF);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 20px rgba(0,0,0,.1);--shadow-lg: 0 10px 40px rgba(0,0,0,.15);--shadow-xl: 0 25px 50px rgba(0,0,0,.3);--radius-sm: 10px;--radius-md: 15px;--radius-lg: 20px;--radius-xl: 25px;--radius-full: 9999px;--font-primary: "Gaegu", cursive;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes modalPopIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}70%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.floating{animation:float 3s ease-in-out infinite}.bouncing{animation:bounce 1s ease-in-out infinite}.spinning{animation:spin 1s linear infinite}.wiggling{animation:wiggle .5s ease-in-out infinite}.pulsing{animation:pulse 2s ease-in-out infinite}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #ff6b6b33}input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:var(--color-gray-200)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.transition-all{transition:all .2s ease}.transition-colors{transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media (max-width: 768px){:root{--radius-xl: 20px;--radius-lg: 15px}}@media (max-width: 480px){:root{--radius-xl: 15px;--radius-lg: 12px}}