/* Only the 25 September 2026 mourning theme. Media remains in its original colors. */
.mourning-day {
  color-scheme: dark;
  --mourning-banner-height: 64px;
  --bg: #121416;
  --bg-2: #1b1e21;
  --card: #202326;
  --ink: #f0f0f0;
  --muted: #b7b9bb;
  --line: rgba(245,245,245,.18);
  --accent: #c6c6c6;
  --accent-12: rgba(230,230,230,.12);
  --accent-30: rgba(230,230,230,.3);
  --green: #c6c6c6;
  --gold: #c6c6c6;
  --gold-2: #e0e0e0;
  --text: #f0f0f0;
  --panel: #202326;
  --panel-2: #2c3033;
}
.mourning-day body,
.mourning-day body[data-visual-view],
.mourning-day body[data-visual-view^="umit"] {
  --accent: #c6c6c6;
  --accent-12: rgba(230,230,230,.12);
  --accent-30: rgba(230,230,230,.3);
  --line: rgba(245,245,245,.18);
  color: #f0f0f0;
  background: #121416;
}
.mourning-banner {
  position: fixed; inset: 0 0 auto; z-index: 2000;
  min-height: var(--mourning-banner-height); padding: 8px 16px;
  display: flex; align-items: center; justify-content: center; gap: 11px;
  background: #080808; color: #fff; border-bottom: 1px solid #555;
  font: 500 12px/1.35 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  text-align: center; text-decoration: none;
}
.mourning-banner:hover, .mourning-banner:focus-visible { color: #fff; text-decoration: underline; }
.mourning-banner:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.mourning-banner img { width: 38px; height: 38px; flex: none; object-fit: cover; background: #fff; border-radius: 3px; }
.mourning-banner__text { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mourning-banner__primary { font-weight: 650; color: #fff; }
.mourning-banner__secondary { font-weight: 450; color: #c9c9c9; }
.mourning-day .wordmark { margin-top: calc(clamp(28px, 5vh, 56px) + var(--mourning-banner-height)); color: #c6c6c6; }
.mourning-day .wordmark b, .mourning-day body[data-visual-view^="umit"] .wordmark b { color: #f0f0f0; text-shadow: none; }
.mourning-day .settings-fab, .mourning-day .chat-fab { top: calc(var(--mourning-banner-height) + 18px); }
.mourning-day body[data-kiosk-role="display"] .wordmark { top: calc(clamp(18px, 3.2vh, 42px) + var(--mourning-banner-height)); margin: 0; }
.mourning-day body[data-kiosk-role="display"] .stage { --kiosk-headroom: clamp(204px, 22vh, 264px); }
.mourning-day body.login-page { padding-top: calc(24px + var(--mourning-banner-height)); }
.mourning-day body.login-page .wordmark { margin-top: 0; }
.mourning-day .visual-loader, .mourning-day body[data-visual-view^="umit"] .visual-loader {
  background: #121416; color: #f0f0f0;
}
.mourning-day .visual-loader__content, .mourning-day .visual-loader__brand b,
.mourning-day body[data-visual-view^="umit"] .visual-loader__brand b { color: #f0f0f0; }
.mourning-day .visual-loader__brand, .mourning-day .visual-loader__text { color: #b7b9bb; }
.mourning-day .visual-loader__mark, .mourning-day body[data-visual-view^="umit"] .visual-loader__mark {
  background: #25282b; border-color: #555; box-shadow: none;
}
.mourning-day .visual-loader__mark::before,
.mourning-day body[data-visual-view^="umit"] .visual-loader__mark::before { border-color: #555; border-top-color: #eee; }
.mourning-day .visual-loader__mark::after,
.mourning-day body[data-visual-view^="umit"] .visual-loader__mark::after { background: #eee; box-shadow: 0 0 0 7px #555; }
.mourning-day .card, .mourning-day .settings-panel, .mourning-day .chat-panel,
.mourning-day .chat-compose, .mourning-day .media, .mourning-day .media .tabs,
.mourning-day .media .close, .mourning-day .source-card,
.mourning-day body[data-visual-view^="umit"] .settings-panel {
  background: #202326; color: #f0f0f0; border-color: rgba(245,245,245,.18);
}
.mourning-day .settings-fab, .mourning-day .chat-fab, .mourning-day .chat-close,
.mourning-day .icon-btn, .mourning-day .suggestion-chip, .mourning-day .media .tab,
.mourning-day .settings-close, .mourning-day .face-field,
.mourning-day input, .mourning-day select, .mourning-day .choice,
.mourning-day body[data-visual-view^="umit"] .settings-fab,
.mourning-day body[data-visual-view^="umit"] .chat-fab {
  background: #292d30; color: #f0f0f0; border-color: rgba(245,245,245,.2);
}
.mourning-day .settings-panel .view-picker, .mourning-day .settings-panel .tts-picker,
.mourning-day .settings-panel .input-mode-picker, .mourning-day .settings-panel .language-picker,
.mourning-day body[data-visual-view^="umit"] .settings-panel .view-picker,
.mourning-day body[data-visual-view^="umit"] .settings-panel .tts-picker,
.mourning-day body[data-visual-view^="umit"] .settings-panel .input-mode-picker,
.mourning-day body[data-visual-view^="umit"] .settings-panel .language-picker {
  background: #292d30; border-color: rgba(245,245,245,.2);
}
.mourning-day .view-option.active, .mourning-day .tts-option.active,
.mourning-day .language-option.active, .mourning-day .choice.active,
.mourning-day body[data-visual-view^="umit"] .settings-panel .view-option.active,
.mourning-day body[data-visual-view^="umit"] .settings-panel .tts-option.active,
.mourning-day body[data-visual-view^="umit"] .settings-panel .language-option.active {
  background: #4a4e51; color: #fff; box-shadow: none; border-color: #777;
}
.mourning-day .btn, .mourning-day .chat-send, .mourning-day .ptt,
.mourning-day .primary, .mourning-day body[data-visual-view^="umit"] .btn,
.mourning-day body[data-visual-view^="umit"] .btn.ptt.pressed {
  background: #d6d6d6; color: #17191b; border-color: #aaa; box-shadow: none;
}
.mourning-day .btn:hover, .mourning-day body[data-visual-view^="umit"] .btn:hover { background: #e8e8e8; }
.mourning-day .btn.stop, .mourning-day body[data-visual-view^="umit"] .btn.stop {
  background: #2b2e31; color: #f0f0f0; border-color: #777;
}
.mourning-day .intro, .mourning-day .scrim {
  background: linear-gradient(to top, rgba(15,17,19,.9), rgba(15,17,19,.35) 48%, transparent 78%);
}
.mourning-day .intro .hint, .mourning-day .caption { color: #f0f0f0; text-shadow: 0 1px 12px #000; }
.mourning-day .umit-avatar, .mourning-day .umit-digital-avatar,
.mourning-day .umit-story-card, .mourning-day body[data-visual-view^="umit"] .umit-story-card {
  background: #25282b; border-color: #666; box-shadow: none;
}
.mourning-day .umit-story-lang, .mourning-day body[data-visual-view^="umit"] .umit-story-lang,
.mourning-day .glossary-term, .mourning-day body[data-visual-view^="umit"] .glossary-term {
  color: #f0f0f0; background: #414548; border-color: #777;
}
.mourning-day .suggestion-chip:hover, .mourning-day body[data-visual-view^="umit"] .suggestion-chip:hover,
.mourning-day body[data-visual-view^="umit"] .suggestion-chip { background: #292d30; color: #f0f0f0; border-color: #777; }
.mourning-day .source-card, .mourning-day .msg-sources, .mourning-day .rag-chip,
.mourning-day body[data-visual-view^="umit"] .msg-sources { background: #2b2f32; border-color: #555; }
.mourning-day .msg.user, .mourning-day .media .tab.on { background: #45494c; color: #fff; border-color: #777; }
.mourning-day .msg.bot, .mourning-day .chat-form, .mourning-day .msg-photos { background: #292d30; color: #f0f0f0; }
.mourning-day .face-submit { background: #45494c; color: #fff; }
.mourning-day .account-action, .mourning-day .account-action.logout,
.mourning-day .settings-note, .mourning-day .settings-label,
.mourning-day .glossary-meaning { color: #dedede; background: #292d30; }
.mourning-day .orb canvas { filter: grayscale(1); }
.mourning-day .media .viewer { background: #25282b; }
.mourning-day .app-footer__powered img { filter: none !important; opacity: 1 !important; width: 32px; height: 32px; object-fit: cover; background: #fff; border-radius: 3px; }
.mourning-day .app-footer__powered { color: #c6c6c6; }
.mourning-day body[data-visual-view^="umit"] .app-footer,
.mourning-day body[data-visual-view^="umit"] .app-footer__meta a { color: #c6c6c6; border-color: #555; }
.mourning-day .shell { padding-top: calc(var(--mourning-banner-height) + 22px); }
.mourning-day label, .mourning-day .brand { color: #c6c6c6; }
.mourning-day .brand b { color: #f0f0f0; }
.mourning-day .wrap button { background: #d6d6d6; color: #17191b; }
.mourning-day .eyebrow, .mourning-day .state-mark, .mourning-day .small-btn { color: #e0e0e0; }
.mourning-day .ptt:disabled { filter: none; }
.mourning-day .presence[data-state="connected"] .presence-dot,
.mourning-day .presence[data-state="waiting"] .presence-dot { background: #c6c6c6; box-shadow: none; }
@media (max-width: 560px) {
  .mourning-day { --mourning-banner-height: 88px; }
  .mourning-banner { font-size: 10px; gap: 8px; padding: 8px 10px; }
  .mourning-banner img { width: 30px; height: 30px; }
}