/* ── Quit Portal Styles ──────────────────────────── */
body { -webkit-font-smoothing: antialiased; }

.emoji-btn {
    cursor: pointer; border: none; background: transparent;
    filter: grayscale(0.1); transition: transform .2s, filter .2s;
    -webkit-tap-highlight-color: transparent;
}
.emoji-btn:hover { filter: grayscale(0) brightness(1.2); transform: scale(1.3); }
.emoji-btn:active { animation: bounce .3s ease; }
@keyframes bounce { 0%,100%{transform:scale(1)} 50%{transform:scale(1.45)} }

.animated-status { animation: fadeInUp .3s ease; }
@keyframes fadeInUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

.dist-row { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.dist-emoji { width:28px; text-align:center; font-size:1.1rem; }
.dist-bar-bg { flex:1; background:#1f2937; border-radius:999px; height:18px; overflow:hidden; }
.dist-bar-fill { background:#dc2626; height:100%; border-radius:999px; transition:width .5s ease; }
.dist-count { width:28px; text-align:right; font-size:.8rem; color:#9ca3af; }

/* Горизонтальный тренд */
.trend-h { position:relative; height:40px; margin:0 20px; border-left:1px solid #374151; }
.trend-h::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#374151; }
.trend-h-dot { position:absolute; bottom:-3px; transform:translateX(-50%); }
.trend-h-dot::before { content:''; display:block; width:8px; height:8px; background:#dc2626; border-radius:50%; margin:0 auto; }
.trend-h-val { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); font-size:.65rem; color:#6b7280; white-space:nowrap; }
.trend-h-labels { display:flex; justify-content:space-between; padding-top:10px; }
.trend-h-labels span { font-size:.6rem; color:#4b5563; }

.news-item { padding:4px 0; }

@media (max-width:640px) {
    h1 { font-size:1.6rem!important; }
    .emoji-btn { font-size:2.2rem!important; padding:.4rem; }
    .trend-h { margin:0 8px; }
}

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:#111; }
::-webkit-scrollbar-thumb { background:#333; border-radius:3px; }