:root{--primary:#8b5cf6;--secondary:#ec4899;--accent:#3b82f6;--bg-app:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--glass-bg:#ffffffb3;--glass-border:#0000000d;--keyboard-bg:#ffffffe6;--glass-shadow:0 8px 32px 0 #1f26871a;--transition-med:.3s cubic-bezier(.4, 0, .2, 1)}.dark-mode{--bg-app:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#0006;--glass-border:#ffffff1a;--keyboard-bg:#0f172af2;--glass-shadow:0 8px 32px 0 #0006}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body,html{background-color:var(--bg-app);color:var(--text-primary);height:100vh;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s,color .4s;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex;position:relative}.blob{filter:blur(80px);z-index:-1;opacity:.2;border-radius:50%;width:400px;height:400px;animation:15s infinite alternate blob-float;position:fixed}.blob-1{background:radial-gradient(circle, var(--primary), transparent);top:-100px;right:-100px}.blob-2{background:radial-gradient(circle, var(--accent), transparent);animation-delay:-3s;bottom:-100px;left:-100px}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-30px)scale(1.1)}}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark-mode ::-webkit-scrollbar-thumb{background:#ffffff1a}.category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.emoji-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}@media (min-width:600px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));justify-content:center;gap:1.25rem;padding:1.5rem 2rem!important}}