.emoji-tool{--emoji-accent:#c83535;--emoji-accent-soft:#fff1f1;--emoji-border:#d7dee8;--emoji-card:#fff;--emoji-card-muted:#f7f9fc;--emoji-ink:#172033;--emoji-muted:#5c687b;color:var(--emoji-ink)}.dark .emoji-tool{--emoji-accent:#ff9696;--emoji-accent-soft:#3a1d29;--emoji-border:#344057;--emoji-card:#10192b;--emoji-card-muted:#151f34;--emoji-ink:#edf2f8;--emoji-muted:#aeb9ca}.emoji-tool [hidden]{display:none!important}.emoji-tool__hero{max-width:54rem;padding:1rem 0 2rem}.emoji-tool__eyebrow{color:var(--emoji-accent);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:800}.emoji-tool__hero h1{color:var(--aw-color-text-heading);letter-spacing:-.045em;margin:0;font-size:clamp(2.35rem,6vw,4rem);font-weight:800;line-height:1.02}.emoji-tool__hero>p:last-child{max-width:46rem;color:var(--emoji-muted);margin:1.1rem 0 0;font-size:clamp(1rem,2vw,1.17rem);line-height:1.65}.emoji-search{border:1px solid var(--emoji-border);background:var(--emoji-card);border-radius:1.15rem;padding:clamp(1rem,2vw,1.35rem)}.emoji-search>label{color:var(--emoji-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;font-size:.78rem;font-weight:800;display:block}.emoji-search__field{align-items:center;min-width:0;display:flex;position:relative}.emoji-search__field>svg{fill:none;width:1.3rem;height:1.3rem;stroke:var(--emoji-muted);stroke-linecap:round;stroke-width:1.8px;pointer-events:none;position:absolute;left:1rem}.emoji-search__field input{background:var(--emoji-card-muted);width:100%;min-height:4rem;color:var(--emoji-ink);border:1px solid #aab5c4;border-radius:.9rem;outline:0;padding:.85rem 6.4rem .85rem 3.15rem;font-size:clamp(1rem,2.5vw,1.15rem)}.dark .emoji-search__field input{border-color:#46536b}.emoji-search__field input::placeholder{color:#718096;opacity:1}.dark .emoji-search__field input::placeholder{color:#8996aa}.emoji-search__field input:focus{border-color:var(--emoji-accent);box-shadow:0 0 0 3px #c8353521}.dark .emoji-search__field input:focus{box-shadow:0 0 0 3px #ff969624}.emoji-search__field kbd{border:1px solid var(--emoji-border);background:var(--emoji-card);min-width:2rem;height:2rem;color:var(--emoji-muted);border-bottom-width:2px;border-radius:.45rem;justify-content:center;align-items:center;font-family:inherit;font-size:.78rem;font-weight:800;display:inline-flex;position:absolute;right:.85rem}.emoji-search__clear{cursor:pointer;width:2.15rem;height:2.15rem;color:var(--emoji-muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;right:3.35rem}.emoji-search__clear:hover{background:var(--emoji-accent-soft);color:var(--emoji-accent)}.emoji-search__clear svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:1.1rem;height:1.1rem}.emoji-search__meta{color:var(--emoji-muted);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.65rem;font-size:.76rem;display:flex}.emoji-search__meta output{color:var(--emoji-ink);font-weight:800}.emoji-search__meta p{margin:0}.emoji-recent{border:1px solid var(--emoji-border);background:var(--emoji-card-muted);border-radius:1rem;grid-template-columns:minmax(10rem,.7fr) minmax(0,1.3fr);align-items:center;gap:1rem;margin-top:1rem;padding:.85rem 1rem;display:grid}.emoji-recent h2{color:var(--emoji-ink);margin:0;font-size:.92rem;font-weight:800}.emoji-recent p{color:var(--emoji-muted);margin:.2rem 0 0;font-size:.7rem}.emoji-recent__list{scrollbar-width:thin;justify-content:flex-end;gap:.45rem;min-width:0;padding:.1rem;display:flex;overflow-x:auto}.emoji-recent__list button{cursor:pointer;border:1px solid var(--emoji-border);background:var(--emoji-card);border-radius:.7rem;flex:none;place-items:center;width:2.8rem;height:2.8rem;font-size:1.55rem;display:grid}.emoji-recent__list button:hover{border-color:var(--emoji-accent);background:var(--emoji-accent-soft)}.emoji-categories{margin:1rem 0 0}.emoji-categories__scroller{scrollbar-width:none;gap:.5rem;padding:.15rem 0 .4rem;scroll-padding:1rem;display:flex;overflow-x:auto}.emoji-categories__scroller::-webkit-scrollbar{display:none}.emoji-categories button{cursor:pointer;border:1px solid var(--emoji-border);background:var(--emoji-card);min-height:2.55rem;color:var(--emoji-muted);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.42rem;padding:.48rem .82rem;font-size:.76rem;font-weight:760;display:inline-flex}.emoji-categories button span{color:inherit;opacity:.72;font-size:.65rem}.emoji-categories button:hover{color:var(--emoji-ink);border-color:#aab5c4}.emoji-categories button[aria-pressed=true]{border-color:var(--emoji-accent);background:var(--emoji-accent-soft);color:var(--emoji-accent)}.emoji-results{margin-top:1.25rem}.emoji-results__heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.emoji-results__heading h2{color:var(--aw-color-text-heading);margin:0;font-size:1.2rem;font-weight:800}.emoji-results__heading p{color:var(--emoji-muted);margin:0;font-size:.75rem}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(9.6rem,1fr));gap:.75rem;display:grid}.emoji-card{border:1px solid var(--emoji-border);background:var(--emoji-card);contain:content;border-radius:.9rem;flex-direction:column;min-width:0;min-height:10.8rem;display:flex;overflow:hidden}.emoji-card:hover{background:var(--emoji-card-muted);border-color:#a5b0bf}.dark .emoji-card:hover{border-color:#5c6a83}.emoji-card[data-copied=true]{background:#f0fff4;border-color:#38a169}.dark .emoji-card[data-copied=true]{background:#10291d;border-color:#4ade80}.emoji-card h3{min-height:2.35rem;color:var(--emoji-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:.7rem .75rem 0;font-size:.76rem;font-weight:760;line-height:1.35;display:-webkit-box;overflow:hidden}.emoji-card__glyph{cursor:pointer;background:0 0;border:0;flex:1;place-items:center;min-height:5rem;padding:.2rem;display:grid}.emoji-card__glyph span{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:clamp(2.55rem,4vw,3.25rem);line-height:1}.emoji-card__glyph:hover span{filter:saturate(1.08)}.emoji-card footer{border-top:1px solid var(--emoji-border);justify-content:space-between;align-items:center;gap:.35rem;min-width:0;min-height:2.7rem;padding:.45rem .55rem;display:flex}.emoji-card code{min-width:0;color:var(--emoji-muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;overflow:hidden}.emoji-card__copy{cursor:pointer;min-height:1.85rem;color:var(--emoji-accent);background:0 0;border:0;border-radius:.42rem;flex:none;align-items:center;gap:.25rem;padding:.25rem .35rem;font-size:.66rem;font-weight:800;display:inline-flex}.emoji-card__copy:hover{background:var(--emoji-accent-soft)}.emoji-card__copy svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:.82rem;height:.82rem}.emoji-card__check-icon,.emoji-card[data-copied=true] .emoji-card__copy-icon{display:none}.emoji-card[data-copied=true] .emoji-card__check-icon{display:block}.emoji-card[data-copied=true] .emoji-card__copy{color:#21864c}.dark .emoji-card[data-copied=true] .emoji-card__copy{color:#86efac}.emoji-load-more{place-items:center;gap:.35rem;min-height:7rem;padding:1rem 0;display:grid}.emoji-load-more button{cursor:pointer;border:1px solid var(--emoji-accent);background:var(--emoji-accent-soft);min-height:2.75rem;color:var(--emoji-accent);border-radius:999px;padding:.6rem 1.1rem;font-size:.78rem;font-weight:800}.emoji-load-more button:hover{background:var(--emoji-accent);color:#fff}.dark .emoji-load-more button:hover{color:#2a1118}.emoji-load-more p{color:var(--emoji-muted);margin:0;font-size:.7rem}.emoji-empty{border:1px dashed var(--emoji-border);min-height:18rem;color:var(--emoji-muted);text-align:center;border-radius:1rem;align-content:center;place-items:center;padding:2rem;display:grid}.emoji-empty>span{color:var(--emoji-accent);font-size:2.4rem;line-height:1}.emoji-empty h2{color:var(--emoji-ink);margin:.7rem 0 0;font-size:1.25rem;font-weight:800}.emoji-empty p{margin:.35rem 0 0;font-size:.85rem}.emoji-empty button{cursor:pointer;border:1px solid var(--emoji-accent);background:var(--emoji-accent-soft);min-height:2.55rem;color:var(--emoji-accent);border-radius:.65rem;margin-top:1rem;padding:.55rem .85rem;font-size:.76rem;font-weight:800}.emoji-tool__source{color:var(--emoji-muted);text-align:center;margin:1rem 0 0;font-size:.7rem}.emoji-tool__source a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.16em}.emoji-tool__source a:hover{color:var(--emoji-accent)}.emoji-toast{z-index:70;color:#f0fff4;background:#153b29;border:1px solid #2f855a;border-radius:.7rem;max-width:min(24rem,100vw - 2rem);padding:.65rem .9rem;font-size:.8rem;font-weight:760;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 .8rem 2rem #0f172a2e}.emoji-toast[data-tone=error]{color:#fff5f5;background:#742a2a;border-color:#c53030}.emoji-tool button:focus-visible{outline:2px solid var(--emoji-accent);outline-offset:2px}@media (max-width:700px){.emoji-tool__hero{padding-top:.25rem}.emoji-search__field input{padding-right:3.5rem}.emoji-search__field kbd,.emoji-search__meta p{display:none}.emoji-search__clear{right:.75rem}.emoji-recent{grid-template-columns:1fr;align-items:start}.emoji-recent__list{justify-content:flex-start}.emoji-results__heading p{display:none}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(9.1rem,1fr));gap:.6rem}}@media (max-width:360px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(8.6rem,1fr))}.emoji-card__copy span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.emoji-tool *,.emoji-tool :before,.emoji-tool :after{scroll-behavior:auto!important;transition:none!important}}