@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}*::before,*::after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;background:none;font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:root{--bg-color: #f0f2f5;--text-color: #1d1d1f}@media(prefers-color-scheme: dark){:root{--bg-color: #0f0f12;--text-color: #f5f5f7}}@keyframes mesh-gradient{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}@keyframes mesh-gradient-delayed{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.15) rotate(-5deg)}}body{margin:0;padding:0;font-family:"Space Grotesk",sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg, rgba(147, 51, 234, 0.1) 0%, transparent 50%),linear-gradient(225deg, rgba(59, 130, 246, 0.1) 0%, transparent 50%),linear-gradient(315deg, rgba(236, 72, 153, 0.1) 0%, transparent 50%);animation:mesh-gradient 20s ease-in-out infinite}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg, rgba(251, 146, 60, 0.08) 0%, transparent 50%),linear-gradient(135deg, rgba(167, 139, 250, 0.08) 0%, transparent 50%);animation:mesh-gradient-delayed 25s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:60px;position:relative;z-index:1}header h1{font-size:3.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);filter:drop-shadow(0 4px 12px rgba(102, 126, 234, 0.3))}header p{font-size:1.3rem;opacity:.8;font-weight:500}.search-container{max-width:600px;margin:0 auto 60px;position:relative;z-index:10}.search-container input{width:100%;padding:20px 28px;font-size:1.3rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid hsla(0,0%,100%,.25);border-radius:24px;color:#1d1d1f;transition:all .3s ease}@media(prefers-color-scheme: dark){.search-container input{background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.15);color:#f5f5f7}}.search-container input:focus{outline:none;background:hsla(0,0%,100%,.25);border-color:rgba(102,126,234,.4);box-shadow:0 0 0 3px rgba(102,126,234,.15)}@media(prefers-color-scheme: dark){.search-container input:focus{background:rgba(0,0,0,.35);box-shadow:0 0 0 3px rgba(102,126,234,.25)}}.search-container input{box-sizing:border-box}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:24px;padding-bottom:40px}.emoji-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}@media(prefers-color-scheme: dark){.emoji-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));border:1px solid hsla(0,0%,100%,.15)}}.emoji-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.emoji-card:hover{transform:translateY(-10px) scale(1.05);z-index:2}.emoji-card .emoji-char{font-size:4.5rem;margin-bottom:15px;line-height:1;transition:transform .3s ease}.emoji-card:hover .emoji-char{transform:rotate(15deg)}.emoji-card .emoji-name{font-size:.95rem;text-align:center;opacity:.9;font-weight:500}.detail-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:40px 20px}@media(max-width: 768px){.detail-container{padding:20px 16px;min-height:60vh}}.detail-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}@media(prefers-color-scheme: dark){.detail-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));border:1px solid hsla(0,0%,100%,.15)}}.detail-card{padding:60px;max-width:700px;width:100%;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;align-items:center}@media(max-width: 768px){.detail-card{padding:30px 20px}}.detail-card .detail-emoji{font-size:12rem;margin-bottom:40px;line-height:1;animation:float 6s ease-in-out infinite;cursor:pointer;transition:transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@media(max-width: 768px){.detail-card .detail-emoji{font-size:8rem;margin-bottom:24px}}.detail-card .detail-emoji:hover{transform:rotate(15deg)}.detail-card .detail-emoji:active{transform:scale(0.9)}.detail-card h1{font-size:2.5rem;margin-bottom:30px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 768px){.detail-card h1{font-size:2rem;margin-bottom:20px}}.detail-info-list{width:100%;max-width:450px;margin:40px 0;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.info-row{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;transition:background .2s ease;position:relative}.info-row:last-child{border-bottom:none}.info-row:hover{background:hsla(0,0%,100%,.08)}.info-row .info-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;font-weight:600}.info-row .info-value{font-family:monospace;font-size:.95rem;opacity:.9;transition:opacity .2s}.info-row.copied{background:hsla(0,0%,100%,.05)}.info-row.copied .info-value{opacity:0}.info-row.copied::after{content:"Copied!";position:absolute;right:24px;font-size:.9rem;color:#48bb78;font-weight:600;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.keywords-section{width:100%;max-width:450px;margin-bottom:40px;text-align:center}.keywords-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;opacity:.6;margin-bottom:16px;font-weight:600}.keywords-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.keyword-tag{font-size:.85rem;padding:6px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;opacity:.8;transition:all .2s ease}.keyword-tag:hover{background:hsla(0,0%,100%,.1);opacity:1;transform:translateY(-1px)}.copy-btn{background:linear-gradient(135deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.25);border-radius:16px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media(prefers-color-scheme: dark){.copy-btn{background:linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05));border:1px solid hsla(0,0%,100%,.18)}}.copy-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.12));border-color:hsla(0,0%,100%,.35)}@media(prefers-color-scheme: dark){.copy-btn:hover{background:linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08))}}.copy-btn:active{transform:translateY(0)}.copy-btn{width:100%;padding:18px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--text-color)}.copy-btn svg{width:24px;height:24px;fill:currentColor}.copy-btn.copied{background:rgba(72,187,120,.3);color:#48bb78}@media(prefers-color-scheme: dark){.copy-btn.copied{color:#68d391}}.back-link{margin-top:30px;color:inherit;text-decoration:none;opacity:.7;transition:opacity .2s}.back-link:hover{opacity:1;text-decoration:underline}.loading-sentinel{width:100%;height:50px;margin:20px 0;display:flex;justify-content:center;align-items:center}.loading-sentinel::after{content:"";width:30px;height:30px;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:60px 20px;opacity:.6;font-size:.9rem;position:relative;z-index:1}.subgroup-grid{display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;padding-bottom:40px}@media(min-width: 640px){.subgroup-grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.subgroup-grid{grid-template-columns:repeat(5, 1fr);gap:24px}}.subgroup-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid hsla(0,0%,100%,.2)}@media(prefers-color-scheme: dark){.subgroup-card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));border:1px solid hsla(0,0%,100%,.15)}}.subgroup-card{padding:24px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;position:relative;overflow:hidden}.subgroup-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);opacity:0;transition:opacity .3s ease}.subgroup-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.1);border-color:hsla(0,0%,100%,.4)}.subgroup-card:hover::before{opacity:1}.subgroup-card:hover .subgroup-icon{transform:scale(1.1) rotate(5deg)}.subgroup-icon{font-size:3.5rem;margin-bottom:16px;line-height:1;transition:transform .3s cubic-bezier(0.34, 1.56, 0.64, 1);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1))}.subgroup-info{width:100%}.subgroup-info h3{font-size:1.25rem;margin-bottom:8px;font-weight:700;letter-spacing:-0.02em;background:linear-gradient(135deg, #fff 0%, #e0e0e0 100%);-webkit-background-clip:text}@media(prefers-color-scheme: light){.subgroup-info h3{background:linear-gradient(135deg, #1d1d1f 0%, #434344 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}}.subgroup-info p{font-size:.9rem;opacity:.7;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.error-container .error-emoji{font-size:8rem;margin-bottom:20px;animation:float 6s ease-in-out infinite}.error-container h1{font-size:3rem;margin-bottom:16px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.error-container p{font-size:1.2rem;opacity:.8;max-width:500px;margin-bottom:40px;line-height:1.6}.error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.error-actions a{padding:12px 24px;border-radius:12px;font-weight:600;transition:all .2s ease;text-decoration:none}.error-actions .primary-btn{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.error-actions .primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.error-actions .secondary-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.error-actions .secondary-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.policy-container{max-width:800px;margin:0 auto;padding:40px 20px}.policy-container h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.policy-container .last-updated{font-size:.9rem;opacity:.6;margin-bottom:40px}.policy-container section{margin-bottom:40px}.policy-container section h2{font-size:1.5rem;margin-bottom:16px;color:var(--text-color)}.policy-container section p{line-height:1.6;opacity:.8;margin-bottom:16px}.policy-container section ul{list-style-type:disc;padding-left:20px;margin-bottom:16px}.policy-container section ul li{margin-bottom:8px;line-height:1.6;opacity:.8}.similar-emojis-section{margin-top:40px;width:100%;max-width:700px}.similar-emojis-section h2{text-align:center;margin-bottom:20px;font-size:1.5rem}.similar-emoji-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.similar-emoji-card{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;background:hsla(0,0%,100%,.1);border-radius:8px;transition:transform .2s ease;text-decoration:none}.similar-emoji-card:hover{transform:scale(1.2);background:hsla(0,0%,100%,.2);z-index:10}.secondary-btn{display:inline-block;padding:12px 24px;border-radius:12px;font-weight:600;transition:all .2s ease;text-decoration:none;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:var(--text-color)}.secondary-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}