:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-light: #ddd6fe;--primary-bg: #f5f3ff;--secondary: #ec4899;--accent: #a78bfa;--bg-page: #f5f3ff;--bg-card: rgba(255, 255, 255, .9);--text-main: #1e1b4b;--text-muted: #6b7280;--border: #e5e7eb;--border-highlight: #c4b5fd;--shadow-sm: 0 4px 6px -1px rgba(139, 92, 246, .1), 0 2px 4px -1px rgba(139, 92, 246, .06);--shadow-md: 0 10px 15px -3px rgba(139, 92, 246, .1), 0 4px 6px -2px rgba(139, 92, 246, .05);--shadow-lg: 0 20px 25px -5px rgba(139, 92, 246, .15), 0 10px 10px -5px rgba(139, 92, 246, .04);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--radius: 24px}body{margin:0;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-page);background-image:radial-gradient(circle at 50% 0%,#ede9fe 0%,#f5f3ff 50%,#fff 100%);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;touch-action:manipulation}#app{min-height:100vh;display:flex;flex-direction:column}button,input{font-family:inherit}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)}.text-gradient{background:linear-gradient(135deg,#7c3aed 0%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}