@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #f0f8ff;--foreground: #374151;--card: #ffffff;--card-foreground: #374151;--popover: #ffffff;--popover-foreground: #374151;--primary: #22c55e;--primary-foreground: #ffffff;--secondary: #e0f2fe;--secondary-foreground: #4b5563;--muted: #f9fafb;--muted-foreground: #6b7288;--accent: #d1fae5;--accent-foreground: #374151;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #e5e7eb;--input: #e5e7eb;--ring: #22c55e;--secondary-button: #eff8ff;--secondary-button-hover: #d0fae4}body{background-color:var(--background);color:var(--foreground);overscroll-behavior-y:contain}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.image-container-aspect{aspect-ratio:4 / 3}@media(max-width:380px),(max-aspect-ratio:3/4){.image-container-aspect{aspect-ratio:1 / 1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px;transition:background-color .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}*{scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent}