.emoji-hero {background:linear-gradient(115deg,#fff 0%,#fff 57%,#fff0f2 100%)}
.emoji-hero .symbols-heading h1 span {font-size:28px;letter-spacing:0}
.emoji-hero-art span {font-size:29px;background:#f3f0ff;color:#7867bf}
.emoji-hero-art span:nth-child(2) {background:#e8f4fc;transform:translateY(-8px)}
.emoji-hero-art span:nth-child(3) {background:#ffe9f2;transform:translateY(8px)}
.emoji-hero-art span:nth-child(4) {background:#fff3df}
#emoji-search {width:100%;height:57px;background:#fff;border:2px solid #e5eaf3;border-radius:13px;padding:0 48px 0 49px;font-size:15px;outline:0;transition:border-color .15s,box-shadow .15s}
#emoji-search:focus {border-color:#88a4d5;box-shadow:0 0 0 3px rgba(102,146,213,.1)}
#emoji-search::placeholder {color:#a5aebc;font-size:13px}
#emoji-search-clear {position:absolute;right:13px;width:29px;height:29px;border:0;border-radius:50%;background:#edf1f7;color:#8490a3;font-size:21px;line-height:1}
.emoji-categories {grid-template-columns:repeat(4,minmax(0,1fr))}
.emoji-categories .category-icon {font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:29px}
.emoji-filters {background:#f9fafe;border:1px solid #eef1f6;border-radius:12px;padding:12px 15px;margin-bottom:18px;display:flex;flex-direction:column;gap:11px}
.emoji-filter-row {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.filter-label {font-size:11px;color:#687c96;font-weight:800;white-space:nowrap;min-width:54px}
.emoji-subgroups {display:flex;gap:5px;flex-wrap:wrap}
.emoji-subgroup {background:#fff;border:1px solid #e4eaf3;border-radius:7px;padding:5px 10px;color:#79879c;font-size:11px;line-height:1.5}
.emoji-subgroup:hover {border-color:#b9cae7;color:#3f649e}
.emoji-subgroup.active {background:#eaf0fc;border-color:#aec3e6;color:#385da7;font-weight:750}
#emoji-tone {height:35px;padding:0 9px;border:1px solid #dfe6f0;background:#fff;border-radius:7px;font-size:12px;color:#405a80;max-width:180px}
.emoji-tone-help {font-size:10.5px;color:#99a5b5}
.emoji-grid {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.emoji-cell {min-width:0;position:relative;background:#fff;border:1px solid #e7ebf2;border-radius:11px;overflow:hidden;transition:border-color .15s,background .15s}
.emoji-cell:hover {background:#f8faff;border-color:#b0c5e8}
.emoji-copy {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:96px;border:0;background:transparent;padding:12px 5px 9px}
.emoji-copy:hover,.emoji-copy:focus-visible {background:#f2f6ff}
.emoji-glyph {font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:36px;font-weight:400;line-height:1.4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip}
.emoji-name {display:block;max-width:100%;font-size:10px;font-weight:550;line-height:1.3;color:#7e8b9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emoji-favorite {position:absolute;right:2px;top:2px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#c0cad7;font-size:15px;line-height:1;cursor:pointer}
.emoji-favorite:hover,.emoji-favorite.is-fav {color:#e5aa40;background:#fff9e8}
.emoji-guide-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.emoji-guide-grid>div {background:#f8fafd;border-radius:10px;padding:16px}
.emoji-guide-grid strong {font-size:13px;color:#344d7a}
.emoji-guide-grid p {margin-top:7px;font-size:12px;color:#7a8597;line-height:1.75}
.emoji-compat {margin-top:15px;color:#8792a4;font-size:11px;line-height:1.8}
[hidden] {display:none!important}
@media(max-width:960px) {.emoji-categories {grid-template-columns:repeat(3,minmax(0,1fr))}.emoji-grid {grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:680px) {
 .emoji-hero .symbols-heading h1 span {font-size:23px}.emoji-pc {display:none}
 #emoji-search {height:50px;padding-left:39px;font-size:13px}#emoji-search::placeholder {font-size:11px}
 .emoji-categories {grid-template-columns:repeat(2,minmax(0,1fr))}.emoji-categories .category-icon {font-size:23px}
 .emoji-filters {padding:10px 11px;gap:10px;margin-bottom:12px}.emoji-subgroup {font-size:10px;padding:5px 8px}.filter-label {font-size:10px;min-width:48px}.emoji-tone-help {display:none}
 .emoji-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.emoji-copy {height:76px;padding:10px 2px 6px;gap:4px}.emoji-glyph {font-size:29px}.emoji-name {font-size:9px}.emoji-favorite {width:25px;height:25px;font-size:13px;right:0;top:0}
 .emoji-guide-grid {grid-template-columns:1fr;gap:8px}.emoji-guide-grid>div {padding:12px 14px}
}
@media(max-width:370px) {.emoji-grid {grid-template-columns:repeat(4,minmax(0,1fr))}.emoji-copy {height:76px}}