.emoji-picker-modal{background:var(--color-bg);border:1px solid var(--color-surface);border-radius:var(--radius-xl);width:90%;max-width:400px;padding:0;box-shadow:0 8px 24px #0006}.emoji-picker-header{border-bottom:1px solid var(--color-surface);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.emoji-picker-header h3{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:600}.emoji-picker-close{color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;line-height:1;transition:background .2s,color .2s;display:flex}.emoji-picker-close:hover{background:var(--color-surface);color:var(--color-text)}@media (hover:none) and (pointer:coarse){.emoji-picker-close{width:44px;height:44px}}.emoji-picker-grid{grid-template-columns:repeat(8,1fr);gap:.25rem;max-height:300px;padding:1rem;display:grid;overflow-y:auto}.emoji-picker-item{cursor:pointer;border-radius:var(--radius-lg);aspect-ratio:1;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;transition:background .2s,transform .15s;display:flex}.emoji-picker-item:hover{background:var(--color-surface);transform:scale(1.1)}.emoji-picker-item:active{transform:scale(.95)}.emoji-picker-custom-btn{background:var(--color-surface);font-size:1rem!important}.emoji-picker-custom-btn:hover{background:var(--color-surface-hover)}.emoji-picker-custom-input{border-top:1px solid var(--color-surface);gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.emoji-picker-custom-input input{border:1px solid var(--color-surface-hover);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1;padding:.5rem .75rem;font-size:1rem}.emoji-picker-custom-input input:focus{border-color:var(--color-accent);outline:none}.emoji-picker-custom-input input::placeholder{color:var(--color-text-subtle)}.emoji-picker-custom-input button{border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,opacity .2s}.emoji-picker-custom-input button:hover:not(:disabled){background:var(--color-accent-hover)}.emoji-picker-custom-input button:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.emoji-picker-grid{grid-template-columns:repeat(6,1fr)}.emoji-picker-item{padding:.4rem;font-size:1.25rem}.emoji-picker-custom-input{flex-direction:column}.emoji-picker-custom-input button{width:100%}}