#emojis{margin-top:2.5rem;padding:1rem}#emojis .emoji-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}#emojis .emoji-toolbar input[type=search]{border:1px solid var(--cc-border,#e5e7eb);border-radius:.6rem;font-size:1.5rem;min-width:260px;outline:none;padding:.5rem .75rem;transition:border-color .2s ease}#emojis .emoji-toolbar input[type=search]:focus{border-color:var(--cc-primary,#3b82f6)}#emojis .emoji-toolbar input[type=search]::placeholder{color:var(--cc-muted,#6b7280)}#emojis .emoji-toolbar select{background:transparent;border:1px solid var(--cc-border,#e5e7eb);border-radius:.6rem;cursor:pointer;font-size:1.5rem;outline:none;padding:.5rem 1rem;transition:border-color .2s ease}#emojis .emoji-toolbar select:focus{border-color:var(--cc-primary,#3b82f6)}#emojis .emoji-toolbar .muted{color:var(--cc-muted,#6b7280);font-size:1.5rem}#emojis .emoji-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));margin:1rem 0;min-height:400px}#emojis .emoji-btn{align-items:center;background:transparent;border:1px solid var(--cc-border,#e5e7eb);border-radius:.7rem;cursor:pointer;display:flex;font-size:40px;gap:.25rem;justify-content:center;line-height:1;padding:1rem;transition:transform .05s ease,background .15s ease;user-select:none}#emojis .emoji-btn:hover{background:var(--cc-surface,#f3f4f6)}#emojis .emoji-btn:active{transform:scale(.98)}#emojis .emoji-btn:focus{outline:2px solid var(--cc-primary,#3b82f6);outline-offset:2px}#emojis .emoji-pager{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:1rem 0}#emojis .emoji-pager button{background:transparent;border:1px solid var(--cc-border,#e5e7eb);border-radius:.5rem;cursor:pointer;font-size:.9rem;padding:.45rem .75rem;transition:background .15s ease}#emojis .emoji-pager button:hover:not(:disabled){background:var(--cc-surface,#f3f4f6)}#emojis .emoji-pager button:disabled{cursor:not-allowed;opacity:.5}#emojis .emoji-pager span{color:var(--cc-text,#111827);font-size:.9rem}#emojis .emoji-toast{background:var(--cc-surface,#f3f4f6);border:1px solid var(--cc-border,#e5e7eb);border-radius:.75rem;bottom:18px;box-shadow:0 10px 30px rgba(0,0,0,.12);color:#111827;font-size:.9rem;left:50%;opacity:0;padding:.6rem .8rem;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .18s ease;z-index:9999}#emojis .emoji-toast.show{opacity:1;pointer-events:auto}#emojis .state-message{padding:3rem 1rem;text-align:center}#emojis .state-message .state-icon{font-size:4rem;margin-bottom:1rem}#emojis .state-message p{color:var(--cc-muted,#6b7280);font-size:1rem}#emojis .state-message .error-title{color:#ef4444;font-weight:600;margin-bottom:.5rem}@media(max-width:768px){#emojis{padding:.5rem}#emojis .emoji-toolbar{align-items:stretch;flex-direction:column}#emojis .emoji-toolbar input[type=search],#emojis .emoji-toolbar select{width:100%}#emojis .emoji-grid{gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}#emojis .emoji-btn{font-size:24px;padding:.45rem}}@media(max-width:480px){#emojis .emoji-grid{gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}#emojis .emoji-btn{font-size:20px;padding:.4rem}#emojis .emoji-pager{flex-wrap:wrap;font-size:.85rem}#emojis .emoji-pager button{font-size:.85rem;padding:.4rem .6rem}}