.page-container{display:flex;flex-direction:column;min-height:100vh;padding:24px 0 100px;margin-left:250px;margin-right:250px}@media (max-width:1200px){.page-container{margin-left:100px;margin-right:100px}}@media (max-width:992px){.page-container{margin-left:40px;margin-right:40px}}@media (max-width:768px){.page-container{margin-left:16px;margin-right:16px;padding:20px 0 120px}}.selected-message-box{position:fixed;left:50%;top:20px;transform:translateX(-50%);z-index:9999;font-weight:600;padding:14px 22px;border-radius:14px;text-align:center;font-size:16px;background:var(--toast-bg);color:var(--toast-color);box-shadow:var(--shadow);animation:fadeInOut 2.5s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap;background:var(--header-bg);backdrop-filter:blur(12px);padding:14px 20px;box-shadow:var(--shadow);background-color:#fff;border-radius:10px}.emoji-search-input{flex:1;min-width:200px;max-width:400px;padding:12px 18px;border-radius:14px;border:1px solid #d1d5db;font-size:16px;outline:none;background:var(--card-bg);color:var(--text-color);transition:all .3s ease}.emoji-search-input::-moz-placeholder{color:#9ca3af}.emoji-search-input::placeholder{color:#9ca3af}.emoji-search-input:focus{border-color:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.6)}.multiple-toggle-container{display:flex;align-items:center;gap:4px;margin-top:4px;margin-left:0}.toggle-text{font-weight:600;font-size:15px;color:var(--text-color)}.switch{position:relative;display:inline-block;width:52px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;border-radius:30px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:22px;width:22px;left:4px;bottom:4px;background:#fff;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#22c55e,#16a34a)}input:checked+.slider:before{transform:translateX(22px)}.emoji-group-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;justify-content:center;margin-top:18px}.emoji-group-badges button{background:transparent;color:var(--text-color);font-weight:500;font-size:14px;padding:8px 14px;border-radius:6px;border:1px solid #ccc;cursor:pointer;box-shadow:none;transition:background .2s ease,transform .2s ease}.emoji-group-badges button:hover{background:#f3f4f6;transform:translateY(-1px);color:var(--text-color)}.emoji-group-badges button.active{background:#fc3;color:#000;border-color:#fc3;font-weight:600}.emoji-container{flex:1;display:flex;flex-direction:column;gap:48px;padding:24px 0}.group-title{font-size:22px;font-weight:500;color:#006a4e;letter-spacing:.4px;margin-bottom:16px;position:relative}.group-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:8px;justify-items:center}.emoji-item{font-size:34px;cursor:pointer;padding:8px;border-radius:14px;transition:transform .2s ease,background .2s ease}.emoji-item:hover{transform:scale(1.25);background:var(--emoji-hover-bg);box-shadow:var(--shadow)}.clickable-title{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:12px 24px;border-radius:28px;font-size:18px;font-weight:600;cursor:pointer;transition:all .25s ease;margin-bottom:16px;box-shadow:var(--shadow)}.clickable-title:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px)}:root.dark .clickable-title{background:#6366f1}:root.dark .clickable-title:hover{background:#4f46e5}.share-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999}.share-modal{background:var(--bg-color);color:var(--text-color);padding:24px;border-radius:16px;min-width:300px;text-align:center;box-shadow:var(--shadow)}.share-modal h3{margin-bottom:12px}.share-modal p{font-size:24px;margin-bottom:16px;word-wrap:break-word}@media (max-width:1024px){.group-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width:768px){.group-grid{grid-template-columns:repeat(6,1fr)}.emoji-item{font-size:28px}.clickable-title{font-size:16px;padding:8px 18px}}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;font-family:Gotham,sans-serif;overflow-x:hidden;min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}:root{--bg-color:#fff;--text-color:#222;--badge-bg:linear-gradient(135deg,#f59e0b,#fbbf24);--emoji-hover-bg:#fef3c7;--header-bg:hsla(48,96%,89%,.8);--toast-bg:#22c55e;--toast-color:#fff;--card-bg:hsla(0,0%,100%,.7);--shadow:0 6px 18px rgba(0,0,0,.12)}:root.dark{--bg-color:#0f172a;--text-color:#f3f4f6;--badge-bg:linear-gradient(135deg,#4f46e5,#06b6d4);--emoji-hover-bg:#1f2937;--header-bg:rgba(31,41,55,.85);--toast-bg:#374151;--toast-color:#fbbf24;--card-bg:rgba(17,24,39,.7);--shadow:0 6px 20px rgba(0,0,0,.5)}body{background:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}.app-languages{max-width:calc(100% - 500px);margin:4rem auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111827;text-align:center}@media (max-width:1200px){.app-languages{max-width:calc(100% - 200px)}}@media (max-width:768px){.app-languages{max-width:calc(100% - 40px);margin:2rem auto}}.main-title{font-size:2.4rem;font-weight:800;margin-bottom:.8rem;background:linear-gradient(120deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub-text{font-size:1.15rem;color:#4b5563;margin-bottom:3rem}.language-box{background:#fff;border-radius:20px;margin-bottom:2.5rem;overflow:hidden;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.07);border:1px solid #e5e7eb;transition:all .3s ease;width:100%}.language-box:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.15)}.language-box h3{background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;font-size:1.6rem;font-weight:700;padding:1rem 1.4rem;margin:0}.lang-description{padding:1.4rem;font-size:1rem;line-height:1.7;color:#374151}.keywords{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 1.2rem;width:calc(100% - 2.4rem)}.keyword-badge{display:inline-block;background:#f1f5f9;color:#334155;font-size:.85rem;font-weight:500;padding:.4rem .9rem;border-radius:9999px;border:1px solid #e2e8f0;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.6),0 1px 3px rgba(0,0,0,.08);transition:all .3s ease}.keyword-badge:hover{background:#e0f2fe;color:#0369a1;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.faq-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.4rem;width:100%;box-sizing:border-box}.faq-section h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#1f2937;text-align:left}.faq-section ul{list-style:none;padding:0;margin:0}.faq-section li{margin-bottom:1rem;padding:.8rem 1rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:background .2s ease}.faq-section li:hover{background:#f3f4f6}.faq-section li strong{display:block;font-size:1rem;font-weight:600;margin-bottom:.4rem;color:#111827}.faq-section p{font-size:.95rem;line-height:1.5;margin:0;color:#374151}@media (max-width:768px){.keywords{justify-content:center}.keyword-badge{font-size:.8rem;padding:.35rem .8rem}}.group-title.clickable-title{display:inline-block;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111;padding:10px 26px;border-radius:28px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.2);text-align:center;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-title.clickable-title:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 22px rgba(0,0,0,.28)}:root.dark .group-title.clickable-title{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff}:root.dark .group-title.clickable-title:hover{background:linear-gradient(135deg,#06b6d4,#4f46e5)}.group-label{margin-bottom:12px;font-size:1.1rem;font-weight:600}.group-badge-link{display:inline-block;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#fcd34d,#f87171);color:#000;text-decoration:none;transition:transform .2s,box-shadow .2s}.group-badge-link:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.dark .group-badge-link{color:#fff;background:linear-gradient(135deg,#4ade80,#3b82f6)}.emoji-hover-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#000,#333);color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;animation:fadeIn .2s ease-in-out;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.emoji-hover-toast{display:none}}.search-toggle-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%}@media (max-width:768px){.search-toggle-wrapper{flex-direction:column;align-items:stretch;gap:10px}}