@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#2b2b2b;--primary-dark:#3b4cca;--accent:#130c0a;--accent-secondary:#aa9cff;--text-main:#1e293b;--text-muted:#64748b;--glass-bg:#ffffff73;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f268726}body{color:var(--text-main);background:linear-gradient(135deg,#e0f2fe 0%,#e0e7ff 40%,#f1f5f9 100%) fixed;min-height:100vh;font-family:Outfit,Inter,Noto Sans JP,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel-dark{-webkit-backdrop-filter:blur(12px);color:#fff;background:#0f172a99;border:1px solid #ffffff1a}.glass-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border:1px solid #fff6;transition:all .3s;box-shadow:0 4px 12px #0000000d}.glass-button:hover{background:#fff6;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.bg-primary{background-color:var(--primary)!important}.text-primary{color:var(--primary)!important}.border-primary{border-color:var(--primary)!important}.bg-accent{background-color:var(--accent)!important}.text-accent{color:var(--accent)!important}.border-accent{border-color:var(--accent)!important}.bg-brand-green{background-color:#34a853!important}.text-brand-green{color:#34a853!important}.border-brand-green{border-color:#34a853!important}.bg-brand-instagram{background-color:#e1306c!important}.text-brand-instagram{color:#e1306c!important}.border-brand-instagram{border-color:#e1306c!important}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}button,input,textarea,select{transition:all .2s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}@keyframes ping-slow{75%,to{opacity:0;transform:scale(2)}}.animate-ping-slow{animation:3s cubic-bezier(0,0,.2,1) infinite ping-slow}@keyframes bounce-slow{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce-slow{animation:3s infinite bounce-slow}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:8s linear infinite spin-slow}.animate-spin-reverse-slow{animation:12s linear infinite reverse spin-slow}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float-slow{animation:6s ease-in-out infinite float-slow}@keyframes fall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.animate-fall{animation:linear infinite fall}body[data-preview-modal-open=true] .md\:hidden.fixed.bottom-0{display:none!important}@keyframes pwa-scene1{0%,30%{opacity:1}33%,to{opacity:0}}@keyframes pwa-scene2{0%,33%{opacity:0}36%,63%{opacity:1}66%,to{opacity:0}}@keyframes pwa-scene3{0%,66%{opacity:0}69%,97%{opacity:1}to{opacity:0}}.animate-pwa-scene1{animation:12s ease-in-out infinite pwa-scene1}.animate-pwa-scene2{animation:12s ease-in-out infinite pwa-scene2}.animate-pwa-scene3{animation:12s ease-in-out infinite pwa-scene3}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}20%,to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:1s ease-out forwards slide-up}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s ease-out forwards scale-in}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:.5s ease-out forwards bounce-in}