.header-container{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap}
.header-text h1{margin-bottom:0}
.button-wrapper{margin-left:auto;display:flex;justify-content:flex-end;flex-shrink:0}

.emoji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin:25px 0}
.emoji-card{text-align:center;background:var(--card-bg);border-radius:12px;padding:12px;box-shadow:0 1px 4px var(--card-shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s,background-color var(--transition-medium);cursor:pointer}
.emoji-card:hover{transform:translateY(-3px);box-shadow:0 3px 10px var(--card-shadow);background-color:var(--hover)}
.emoji-media{background:var(--hover);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center}
.emoji-media img,.emoji-media video,.emoji-media .lottie-animation{max-width:80px;max-height:80px}
.emoji-smile{margin-top:10px;font-size:22px;line-height:1;text-align:center;color:var(--text)}

.sticker-alert{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f8d7da;border:1px solid #dfd3d4;color:#58151c;border-radius:10px;padding:15px 20px;box-shadow:0 2px 6px rgba(0,0,0,.05);gap:15px;margin-bottom:1em;transition:background-color var(--transition-fast),color var(--transition-fast)}
[data-theme='dark'] .sticker-alert{background:#3a1a1e;border-color:#5b2b30;color:#f3c1c4}

.tags{margin-top:1em}
.section-title{margin:1em}

@media(max-width:768px){
  .emoji-smile{font-size:16px}
  .header-container{flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:10px}
  .emoji-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .button-wrapper{width:100%;justify-content:flex-start;margin-left:0}
  .btn{font-size:15px}
  button.btn{height:46px}
}