@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary-50: #F0F4FF;--color-primary-100: #E0E8FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-main: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--gradient-primary: linear-gradient(135deg, #6366F1 0%, #4F46E5 50%, #4338CA 100%);--gradient-luxe: linear-gradient(135deg, #A855F7 0%, #7C3AED 50%, #6366F1 100%);--gradient-aurora: linear-gradient(135deg, #10B981 0%, #06B6D4 50%, #8B5CF6 100%);--gradient-sunset: linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #EC4899 100%);--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--ease-snappy: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .4s}[data-theme=dark],.dark{--color-primary-main: #818CF8;--gradient-primary: linear-gradient(135deg, #818CF8 0%, #6366F1 50%, #4F46E5 100%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{height:100%}body{min-height:100%;margin:0;padding:0;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;background-color:#f9fafb;color:#0f172a;line-height:1.5;letter-spacing:-.01em}#root{min-height:100vh}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::selection{background-color:#6366f133;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px;transition:background var(--duration-normal) var(--ease-smooth)}::-webkit-scrollbar-thumb:hover{background:#6366f159}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.2) transparent}:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-6px)}70%{transform:translateY(-3px)}90%{transform:translateY(-1px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow{0%,to{box-shadow:0 0 8px #6366f14d}50%{box-shadow:0 0 24px #6366f180}}@keyframes glowPrimary{0%,to{box-shadow:0 0 12px #6366f140}50%{box-shadow:0 0 32px #6366f173}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes statusPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}@keyframes recording{0%,to{opacity:1;box-shadow:0 0 #f43f5e66}50%{opacity:.8;box-shadow:0 0 0 12px #f43f5e00}}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes progressIndeterminate{0%{transform:translate(-100%) scaleX(.3)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.3)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fadeIn{animation:fadeIn var(--duration-slow) var(--ease-smooth) forwards}.animate-fadeInUp{animation:fadeInUp var(--duration-slow) var(--ease-snappy) forwards}.animate-fadeInDown{animation:fadeInDown var(--duration-slow) var(--ease-snappy) forwards}.animate-fadeInScale{animation:fadeInScale var(--duration-slow) var(--ease-snappy) forwards}.animate-slideInLeft{animation:slideInLeft var(--duration-slow) var(--ease-snappy) forwards}.animate-slideInRight{animation:slideInRight var(--duration-slow) var(--ease-snappy) forwards}.animate-slideInUp{animation:slideInUp var(--duration-slow) var(--ease-snappy) forwards}.animate-pulse{animation:pulse 2s var(--ease-smooth) infinite}.animate-pulse-soft{animation:pulseSoft 2s var(--ease-smooth) infinite}.animate-bounce{animation:bounce 1s var(--ease-smooth) infinite}.animate-float{animation:float 3s var(--ease-smooth) infinite}.animate-glow{animation:glow 2s var(--ease-smooth) infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s var(--ease-smooth)}.status-online{animation:statusPulse 2s var(--ease-smooth) infinite}.status-recording{animation:recording 1.5s var(--ease-smooth) infinite}.voice-activity{animation:pulse 1.5s var(--ease-smooth) infinite}.audio-playing{animation:glowPrimary 2s var(--ease-smooth) infinite}.transcription-live{animation:fadeIn var(--duration-slow) var(--ease-smooth)}.skeleton{background:linear-gradient(90deg,#6366f10f 25%,#6366f11f,#6366f10f 75%);background-size:200px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:6px}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-luxe{background:var(--gradient-luxe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-aurora{background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-primary{background:var(--gradient-primary)}.gradient-luxe{background:var(--gradient-luxe)}.gradient-aurora{background:var(--gradient-aurora)}.gradient-sunset{background:var(--gradient-sunset)}.gradient-animated{background-size:200% 200%;animation:gradientShift 8s ease infinite}.glass{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#111827cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.hover-lift{transition:transform var(--duration-normal) var(--ease-snappy),box-shadow var(--duration-normal) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1f}.hover-scale{transition:transform var(--duration-fast) var(--ease-snappy)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-smooth)}.hover-glow:hover{box-shadow:0 0 24px #6366f14d}.email-composer-full-height{height:100%;flex:1;display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}