body{text-align:center;background:#f5f5f5;margin:0;padding:0;font-family:Arial}.dark{color:#fff;background:#111;min-height:100vh}.search{border:1px solid #ccc;border-radius:8px;outline:0;width:300px;max-width:100%;margin:0;padding:10px}.search.darkBar{color:#fff;background:#333;border:1px solid #555}.categoryBar{background:#fff;border-bottom:1px solid #eee;gap:10px;padding:10px;display:flex;position:sticky;top:0;overflow-x:auto}.catBtn{cursor:pointer;background:#eee;border:none;border-radius:20px;padding:6px 14px}.catBtn.active{color:#fff;background:#000}.nav-bar{flex-wrap:wrap;justify-content:center;gap:20px;padding:20px 15px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));justify-content:center;gap:15px;margin-top:30px;padding:0 15px;display:grid}.emoji-card{background:#fff;border:1px solid #eee;border-radius:12px;gap:10px;padding:12px;display:grid}.dark .emoji-card{background:#1c1c1c;border-color:#333}.emoji-main{font-size:30px}.emoji-name{color:#6b7280;text-transform:capitalize;font-size:12px}.dark .emoji-name{color:#94a3b8}.emoji-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.emoji-btn{cursor:pointer;color:#fff;background:#2563eb;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.emoji-btn.icon{color:#1e3a8a;background:#e0ecff;justify-content:center;width:32px;height:32px;padding:6px}.dark .emoji-btn.icon{color:#bfdbfe;background:#1f2b45}.heart.active{color:#ef4444}.dark .heart.active{color:#f87171}.emoji{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:10px;font-size:30px}.dark .emoji{background:#333}.toast{color:#fff;background:#000;border-radius:8px;padding:10px 20px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.themeBtn{cursor:pointer;background-color:#eee;border:0;border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 16px;display:inline-flex}.themeBtn.darkBtn{color:#fff;background:#333}.favSection{margin-top:40px}h1{margin:0;padding:30px 0}@media (max-width:600px){.grid{grid-template-columns:1fr;max-width:100%}.emoji-card{text-align:left;grid-template-columns:auto 1fr auto;align-items:center}.emoji-main{font-size:26px}.emoji-name{justify-self:start}.emoji-actions{justify-content:flex-end}}