/* Vchate — entry stylesheet */
@import url('base.css');
@import url('shell.css');
@import url('messenger.css');
@import url('pages.css');

[hidden] { display: none !important; }

html, body { min-height: 100%; }
body { line-height: 1.45; }

/* small polish & overrides */
.post-action.like.active .like-count { opacity: 1; }
.post-action.active { color: var(--a2); }
.post-action.active .ic { color: var(--a2); }

.modal.cinema-modal .modal-body { padding: 0; }
.modal.cinema-modal { background: #05070d; }

.like-hero .ic { width: 21px; height: 21px; }
.profile-tabs { position: relative; z-index: 2; }
.profile-tabs .chip { padding: 9px 18px; }

.track-row:active { transform: scale(.997); }

.story-progress i b { transition: width .08s linear; }

.bubble .mention, .bubble .hashtag { color: #bfefff; font-weight: 700; }

.news-body h3, .video-info > b, .track-info b { word-break: break-word; }

.mini-profile .av, .side-me .av { flex-shrink: 0; }

.icon-btn.has-badge { color: var(--text-soft); }

.auth .btn.primary { height: 47px; }

/* auth art always lives on the dark stage, regardless of theme */
.auth-art { color: #eef2ff; }
.auth-art .wordmark, .auth-art h1, .auth-art .auth-stats b { color: #eef2ff; }
.auth-art .auth-sub, .auth-art .auth-stats span { color: #9aa6c2; }
.auth-float { color: #eef2ff; }

.panel { top: calc(var(--topbar) + 8px); }
@media (max-width: 780px) { .panel { top: calc(var(--topbar) + 6px); } }

.field input[type="file"] { padding: 10px; font-size: 12px; }

select.select option { background: var(--card-solid); color: var(--text); }

.emoji-pop[hidden] { display: none !important; }

.toast span { line-height: 1.35; }

.side-promo .btn { width: 100%; }

.chat-panel .avatar-btn { display: none; }

@media (max-width: 920px) {
  .player-bar.hidden + .mobile-nav { }
  body:has(.player-bar:not(.hidden)) .mobile-nav { display: none; }
  body:has(.player-bar:not(.hidden)) .layout { padding-bottom: 170px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* cookie consent + registration consent */
.consent-check {
  display: flex; gap: 9px; align-items: flex-start; cursor: pointer;
  font-size: 12.5px; line-height: 1.45; color: var(--muted); padding: 2px 1px;
}
.consent-check > input {
  width: 17px; height: 17px; margin: 1px 0 0; flex: 0 0 auto;
  accent-color: var(--a1); cursor: pointer;
}
.consent-check .link-btn { font-size: 12.5px; }
.consent-check[hidden] { display: none !important; }

.cookie-banner {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1200;
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 16px 18px; border-radius: 18px;
  background: var(--card-2); border: 1px solid var(--line-strong);
  backdrop-filter: blur(22px); box-shadow: var(--shadow);
  animation: cookieIn .35s cubic-bezier(.2, .9, .3, 1.05);
}
@keyframes cookieIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.cookie-banner.hidden { display: none !important; }
.cookie-text { flex: 1; min-width: 240px; }
.cookie-text b { font-size: 13.5px; }
.cookie-text p { margin: 3px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.cookie-text .link-btn { font-size: 12.5px; }
.cookie-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.policy p { margin: 0 0 10px; font-size: 13.5px; line-height: 1.6; color: var(--text-soft); }
.policy p:last-child { margin-bottom: 0; }
.policy code { font-family: ui-monospace, Consolas, monospace; font-size: 12px; color: var(--a2); }
@media (max-width: 780px) {
  .cookie-banner { left: 10px; right: 10px; bottom: 78px; padding: 14px; gap: 12px; }
  .cookie-actions { width: 100%; }
  .cookie-actions .btn { flex: 1; }
}