@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{min-height:100vh;background:var(--bg-gradient);color:var(--text-main);display:flex;justify-content:center;align-items:flex-start;padding-top:50px;overflow-x:hidden}#root{width:100%;max-width:800px;padding:20px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.app-container{width:100%;display:flex;flex-direction:column;gap:40px}header{text-align:center}.app-title{font-size:3.5rem;font-weight:700;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;letter-spacing:-1px}.app-subtitle{color:var(--text-muted);font-size:1.1rem}main{display:flex;flex-direction:column;gap:32px}.create-section,.list-section{width:100%}@media (max-width: 640px){.app-title{font-size:2.5rem}}