@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#f3f6fc;--bg-secondary:#fff;--bg-accent:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-accent:#3b82f6;--tile-bg:#ffffffa6;--tile-border:#fffc;--tile-shadow:0 8px 32px #1f26870d;--bg-gradient:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--brand-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--warm-gradient:linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);--cold-gradient:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--font-display:"Outfit", sans-serif;--font-sans:"Inter", sans-serif}.dark{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-accent:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-accent:#60a5fa;--tile-bg:#18181b8c;--tile-border:#ffffff14;--tile-shadow:0 8px 32px #0006;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--brand-gradient:linear-gradient(135deg, #60a5fa 0%, #a78bfa 100%);--warm-gradient:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--cold-gradient:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;transition:background .5s,color .5s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}#root{flex-direction:column;gap:32px;max-width:640px;margin:0 auto;padding:32px 20px;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s,background-color .2s}button:active{transform:scale(.95)}.glass-panel{background:var(--tile-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tile-border);border-radius:var(--radius-lg);box-shadow:var(--tile-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{border-color:#fff;transform:translateY(-4px);box-shadow:0 16px 48px #1f26871a}.dark .hover-lift:hover{border-color:#ffffff26;box-shadow:0 16px 48px #0009}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.warm-gradient-text{background:var(--warm-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cold-gradient-text{background:var(--cold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulse-subtle{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.animate-float{animation:6s ease-in-out infinite float}.animate-pulse-subtle{animation:3s ease-in-out infinite pulse-subtle}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.app-title{order:1}.header-search{flex:1;order:2;max-width:320px;position:relative}.header-search input{transition:box-shadow .3s,border-color .3s,background-color .3s}.header-search input:focus{border-color:var(--text-accent);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #3b82f64d}.dark .header-search input:focus{background-color:#1e293be6}.theme-toggle{border-radius:50%;flex-shrink:0;order:3;justify-content:center;align-items:center;padding:12px;display:flex}.theme-toggle:hover{background:var(--tile-border)}@media (width<=520px){.app-title{order:1}.header-search{flex:100%;order:3;max-width:none}.theme-toggle{order:2}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}