:root{--bg:#f5f5f5;--text:#111;--card-bg:white;--border:#eee;--muted:#6b7280;--btn-bg:#2563eb;--btn-text:white;--icon-bg:#e0ecff;--icon-text:#1e3a8a;--bar-bg:white}.dark{--bg:#111;--text:white;--card-bg:#1c1c1c;--border:#333;--muted:#94a3b8;--icon-bg:#1f2b45;--icon-text:#bfdbfe;--bar-bg:#1a1a1a}body{text-align:center;background:var(--bg);color:var(--text);margin:0;font-family:Arial}.container{width:calc(100% - 60px);padding:0 30px}.search{border:1px solid var(--border);background:var(--card-bg);width:300px;max-width:100%;color:var(--text);border-radius:8px;outline:0;padding:10px}.categoryBar{background:var(--bar-bg);border-bottom:1px solid var(--border);gap:10px;padding:10px;display:flex;position:sticky;top:0;overflow-x:auto}.catBtn{background:var(--border);cursor:pointer;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));gap:15px;margin-top:30px;display:grid}.emoji-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;gap:10px;padding:12px;display:grid}.emoji-main{font-size:30px}.emoji-name{color:var(--muted);text-transform:capitalize;font-size:12px}.emoji-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.emoji-btn{cursor:pointer;background:var(--btn-bg);color:var(--btn-text);border:0;border-radius:999px;padding:6px 12px;font-size:12px}.emoji-btn.icon{background:var(--icon-bg);width:32px;height:32px;color:var(--icon-text);padding:6px}.heart.active{color:#ef4444}.toast{color:#fff;background:#000;border-radius:8px;padding:10px 20px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.themeBtn{cursor:pointer;color:var(--text);background:var(--border);border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:flex}.favSection{border-bottom:1px solid var(--border);margin:30px 0;padding-bottom:30px}h1{margin:0;padding:30px 0}.text-left{text-align:left}@media (max-width:600px){.grid{grid-template-columns:1fr}.emoji-card{text-align:left;grid-template-columns:auto 1fr auto;align-items:center}.emoji-main{font-size:26px}.emoji-actions{justify-content:flex-end}}