@layer base{:root{--m3-standard-easing: cubic-bezier(.2, 0, 0, 1);--m3-emphasized-easing: cubic-bezier(.3, 0, .8, .15);--m3-decelerate-easing: cubic-bezier(0, 0, 0, 1);--m3-accelerate-easing: cubic-bezier(.3, 0, 1, 1)}html,body{@apply h-full w-full overflow-hidden;background-color:theme("colors.background");color:theme("colors.accent");-webkit-tap-highlight-color:transparent}.dark html,.dark body{background-color:theme("colors.dark-background");color:theme("colors.dark-accent")}}@layer components{.m3-surface-tonal{background:linear-gradient(0deg,#5e54f80d,#5e54f80d),#fff}.dark .m3-surface-tonal{background:linear-gradient(0deg,#7c74ff14,#7c74ff14),#18181b}.m3-container-transition{transition:all .4s var(--m3-standard-easing)}.m3-navigation-pill-active{@apply relative overflow-hidden;}.m3-navigation-pill-active:after{content:"";@apply absolute inset-0 bg-primary/10 rounded-full;animation:pill-expand .3s var(--m3-standard-easing) forwards}}@keyframes pill-expand{0%{transform:scaleX(.5);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-content-fade{animation:content-fade-in .5s var(--m3-standard-easing) forwards}.glass-m3{@apply backdrop-blur-xl bg-white/70 dark:bg-black/40 border border-white/20 dark:border-white/5;}.immersive-gradient{background:radial-gradient(circle at top right,rgba(94,84,248,.03),transparent 40%),radial-gradient(circle at bottom left,rgba(94,84,248,.03),transparent 40%)}.dark .immersive-gradient{background:radial-gradient(circle at top right,rgba(124,116,255,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(124,116,255,.05),transparent 40%)}.m3-prose h1{@apply text-2xl font-bold mb-4 mt-6 text-accent dark:text-dark-accent;}.m3-prose h2{@apply text-xl font-bold mb-3 mt-5 text-accent dark:text-dark-accent;}.m3-prose h3{@apply text-lg font-bold mb-2 mt-4 text-accent dark:text-dark-accent;}.m3-prose p{@apply mb-4 leading-relaxed;}.m3-prose ul{@apply list-disc list-inside mb-4 space-y-1;}.m3-prose ol{@apply list-decimal list-inside mb-4 space-y-1;}.m3-prose li{@apply pl-1;}.m3-prose blockquote{@apply border-l-4 border-primary/30 pl-4 italic my-4 text-muted dark:text-dark-muted;}.m3-prose code{@apply px-1.5 py-0.5 rounded bg-secondary dark:bg-dark-secondary font-mono text-sm;}@keyframes suggestion-entry{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-suggestion{animation:suggestion-entry .5s var(--m3-standard-easing) both}
