@layer base{:root{--font-sans: "Inter", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif}}@layer components{.glass-card{@apply bg-white/80 dark:bg-dark-card/70 backdrop-blur-3xl border border-white/50 dark:border-white/[.08] shadow-xl shadow-slate-900/[.04] dark:shadow-none;}.glass-header{@apply bg-white/60 dark:bg-dark-bg/60 backdrop-blur-2xl border-b border-slate-200/50 dark:border-white/[.06];}.btn-shimmer{@apply relative overflow-hidden active:scale-[.98] transition-all duration-200 ease-out;}.btn-shimmer:after{content:"";@apply absolute inset-0 -translate-x-[100%] bg-gradient-to-r from-transparent via-white/15 to-transparent skew-x-[-20deg];animation:shimmer 4s ease-in-out infinite}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-9999;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#fafbfc,#f1f5f9)}html.dark .bg-mesh{background:linear-gradient(135deg,#0a0a0a,#0f0f0f)}.mesh-blob{position:absolute;border-radius:9999px;filter:blur(120px);opacity:.15;animation:blob 25s ease-in-out infinite;pointer-events:none;mix-blend-mode:multiply}html.dark .mesh-blob{mix-blend-mode:screen;opacity:.08}.hover-lift{@apply transition-all duration-300 ease-out hover:-translate-y-1 hover:shadow-2xl hover:shadow-slate-900/[.08];}.border-glow{@apply border border-transparent transition-all duration-300;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#71009626,#5ec5d426) border-box}html.dark .border-glow{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,#7100964d,#5ec5d44d) border-box}.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-primary/20 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-dark-bg;}.btn-primary{@apply px-6 py-3 rounded-2xl bg-gradient-to-br from-primary to-purple-600 text-white font-semibold shadow-lg shadow-primary/25 hover:shadow-xl hover:shadow-primary/30 transition-all duration-200 ease-out active:scale-[.98];}.btn-secondary{@apply px-6 py-3 rounded-2xl bg-white dark:bg-dark-card text-slate-700 dark:text-slate-200 font-semibold border border-slate-200 dark:border-white/10 shadow-sm hover:bg-slate-50 dark:hover:bg-dark-bg hover:border-slate-300 dark:hover:border-white/20 transition-all duration-200 ease-out active:scale-[.98];}}@keyframes blob{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(10px,-10px) scale(1.02)}}@keyframes shimmer{0%,to{transform:translate(-100%) skew(-20deg)}50%{transform:translate(100%) skew(-20deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-float{animation:float 5s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}html.dark ::-webkit-scrollbar-thumb{background:#2a2a2a}::-webkit-scrollbar-thumb:hover{background:#710096}html.dark ::-webkit-scrollbar-thumb:hover{background:#5ec5d4}*{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}.animate-float{animation:float-particles 10s ease-in-out infinite}@keyframes float-particles{0%,to{transform:translate(0);opacity:.3}25%{transform:translate(10px,-20px);opacity:.6}50%{transform:translate(-5px,-40px);opacity:.3}75%{transform:translate(-15px,-20px);opacity:.6}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.timestamp-chip{@apply inline-flex items-center justify-center px-1.5 py-0.5 mx-1 rounded-md bg-primary/10 text-primary text-[11px] font-bold border border-primary/20 cursor-pointer hover:bg-primary/20 transition-all;}.interactive-strike{@apply relative cursor-pointer hover:text-red-500/50 transition-colors;}.interactive-strike:hover:after{content:"✕ Click to remove";@apply absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 bg-slate-800 text-white text-[9px] rounded whitespace-nowrap opacity-100 z-50 pointer-events-none;}@media print{header,aside,button,.bg-mesh,.mesh-blob,.glass-header,::-webkit-scrollbar,.hidden-print,[role=dialog],.fixed{display:none!important}body,html,#root,main{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#printable-content{display:block!important;visibility:visible!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:2.5cm!important;box-shadow:none!important;border:none!important;max-width:none!important;background:#fff!important;color:#000!important}#printable-content *{visibility:visible!important;color:#000!important;text-shadow:none!important}body>*:not(main),main>*:not(div:has(#printable-content)){display:none!important}}