/* WaveBlue 26.12 New App Standard.
   Loaded last on APK entrypoints to normalize legacy skins without changing JS/API flows. */

:root,
html[data-theme="dark"],
html[data-theme="light"] {
  color-scheme: light;
  --wb-blue: #1677ff;
  --wb-blue-strong: #0b62d8;
  --wb-cyan: #19b8d6;
  --wb-gold: #f5bd3d;
  --wb-live: #ef3b5d;
  --wb-success: #1ebd72;
  --wb-bg: #f5f8fc;
  --wb-bg-soft: #eef5ff;
  --wb-surface: #ffffff;
  --wb-surface-soft: #f8fbff;
  --wb-surface-tint: #eef5ff;
  --wb-border: #dce8f7;
  --wb-text: #0d1728;
  --wb-muted: #5f6f86;
  --wb-media: #030712;
  --wb-media-2: #071124;
  --wb-media-panel: rgba(6, 12, 26, 0.68);
  --wb-radius-sm: 7px;
  --wb-radius: 8px;
  --wb-radius-md: 10px;
  --wb-radius-lg: 14px;
  --wb-shadow-soft: 0 12px 34px rgba(24, 54, 96, 0.11);
  --wb-shadow-panel: 0 18px 54px rgba(4, 12, 28, 0.22);

  --bg: var(--wb-bg);
  --bg2: var(--wb-surface);
  --bg3: var(--wb-bg-soft);
  --surface: var(--wb-surface);
  --surface-1: var(--wb-surface);
  --surface-2: var(--wb-surface-soft);
  --surface-3: var(--wb-surface-tint);
  --surface-glass: rgba(255, 255, 255, 0.9);
  --border: var(--wb-border);
  --fg: var(--wb-text);
  --text: var(--wb-text);
  --muted: var(--wb-muted);
  --text2: var(--wb-muted);
  --accent: var(--wb-blue);
  --accent-hover: var(--wb-blue-strong);
  --accent2: var(--wb-cyan);
  --accent-rgb: 22, 119, 255;
  --accent-glow: rgba(22, 119, 255, 0.18);
  --accent-subtle: rgba(22, 119, 255, 0.1);
  --danger: var(--wb-live);
  --live: var(--wb-live);
  --gift: var(--wb-gold);
  --gold: var(--wb-gold);
  --success: var(--wb-success);
  --online: var(--wb-success);
}

body,
button,
input,
textarea,
select {
  letter-spacing: 0 !important;
}

button,
input,
textarea,
select {
  font: inherit;
}

body.app-page {
  color-scheme: light;
  background: linear-gradient(180deg, #ffffff 0%, var(--wb-bg) 48%, var(--wb-bg-soft) 100%) !important;
  color: var(--wb-text) !important;
}

body.watch-page,
body.host-page,
body.feed-page {
  color-scheme: dark;
  --bg: var(--wb-media);
  --bg2: var(--wb-media-2);
  --bg3: #0b1730;
  --surface: #0b1730;
  --surface-1: #0b1730;
  --surface-2: #111d35;
  --surface-3: #172844;
  --surface-glass: rgba(6, 12, 26, 0.72);
  --border: rgba(255, 255, 255, 0.13);
  --fg: #f8fbff;
  --text: #f8fbff;
  --muted: rgba(248, 251, 255, 0.68);
  --text2: rgba(248, 251, 255, 0.68);
  --accent: var(--wb-blue);
  --accent2: var(--wb-cyan);
  --danger: var(--wb-live);
  --live: var(--wb-live);
  --gift: var(--wb-gold);
  background: var(--wb-media) !important;
  color: #f8fbff !important;
}

/* Light social app surfaces */
body.app-page .bw-app {
  background: var(--wb-bg) !important;
}

body.app-page .bw-workspace-rail,
body.app-page .bw-sidebar,
body.app-page .bw-chat-main,
body.app-page .bw-right-panel,
body.app-page .bw-bottom-bar,
body.app-page .bw-mobile-top,
body.app-page .bw-mobile-header,
body.app-page .bw-mobile-bottom-nav,
body.app-page .bw-modal,
body.app-page .bw-settings-inner,
body.app-page .bw-mob-comm-sheet,
body.app-page #modal-gift,
body.app-page .bw-popout,
body.app-page .profile-popup,
body.app-page .bw-dm-panel,
body.app-page .bw-device-picker {
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--wb-text) !important;
  border-color: var(--wb-border) !important;
  box-shadow: var(--wb-shadow-soft) !important;
}

body.app-page .bw-chat-main,
body.app-page .bw-settings-content,
body.app-page .bw-modal-body {
  background: linear-gradient(180deg, #ffffff 0%, var(--wb-surface-soft) 100%) !important;
}

body.app-page .bw-rp-section,
body.app-page .bw-set-section,
body.app-page .bw-set-card,
body.app-page .bw-dm-conv-item,
body.app-page .bw-member-item,
body.app-page .bw-friend-item,
body.app-page .bw-follower-item,
body.app-page .wallet-package,
body.app-page .gift-item-btn,
body.app-page .bm-endpoint-row,
body.app-page .ofl-section,
body.app-page .stream-lobby-card,
body.app-page .lobby-card {
  background: var(--wb-surface-soft) !important;
  border: 1px solid var(--wb-border) !important;
  border-radius: var(--wb-radius-md) !important;
  box-shadow: none !important;
}

body.app-page .bw-workspace-rail,
body.app-page .bw-sidebar {
  background: #ffffff !important;
}

body.app-page .bw-sidebar {
  width: 210px !important;
}

body.app-page .bw-sidebar-header,
body.app-page .bw-chat-header,
body.app-page .bw-modal-header,
body.app-page .bw-modal-footer,
body.app-page .bw-settings-header {
  border-color: rgba(13, 23, 40, 0.08) !important;
}

body.app-page .bw-sidebar-title,
body.app-page .bw-chat-channel-name,
body.app-page .bw-modal-title,
body.app-page .bw-set-panel-title {
  color: var(--wb-text) !important;
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
}

body.app-page .bw-chat-channel-desc,
body.app-page .bw-channel-meta,
body.app-page .bw-rail-uc-statustext,
body.app-page .bw-set-toggle-sub,
body.app-page .bw-set-section-label,
body.app-page .bw-message-timestamp {
  color: var(--wb-muted) !important;
  font-size: 0.72rem !important;
}

body.app-page .bw-channel-item,
body.app-page .bw-workspace-item,
body.app-page .bw-rail-icon-btn,
body.app-page .bw-rail-uc-btn,
body.app-page .bw-mh-btn,
body.app-page .bw-set-nav-item,
body.app-page .bw-set-tab,
body.app-page .bw-friends-tab,
body.app-page .bw-follower-tab,
body.app-page .bw-dm-conv-item,
body.app-page .bw-popout-btn {
  min-height: 36px !important;
  border-radius: var(--wb-radius) !important;
  color: var(--wb-muted) !important;
}

body.app-page .bw-channel-item:hover,
body.app-page .bw-workspace-item:hover,
body.app-page .bw-rail-icon-btn:hover,
body.app-page .bw-rail-uc-btn:hover,
body.app-page .bw-mh-btn:hover,
body.app-page .bw-set-nav-item:hover,
body.app-page .bw-dm-conv-item:hover,
body.app-page .bw-member-item:hover,
body.app-page .bw-popout-btn:hover {
  background: var(--wb-surface-tint) !important;
  color: var(--wb-text) !important;
}

body.app-page .bw-channel-item.active,
body.app-page .bw-workspace-item.active,
body.app-page .bw-set-nav-item.active,
body.app-page .bw-set-tab.active,
body.app-page .bw-friends-tab.active,
body.app-page .bw-follower-tab.active,
body.app-page .bw-dm-conv-item.active,
body.app-page .bw-mbn-item.active {
  background: rgba(22, 119, 255, 0.11) !important;
  color: var(--wb-blue) !important;
}

body.app-page .bw-avatar,
body.app-page .bw-workspace-icon,
body.app-page .bw-rail-uc-avatar,
body.app-page .bw-set-profile-av,
body.app-page .bw-dm-avatar,
body.app-page .bw-memmodal-avatar,
body.app-page .comment-avatar {
  background: linear-gradient(135deg, var(--wb-blue), var(--wb-cyan)) !important;
  color: #ffffff !important;
}

body.app-page .bw-workspace-icon,
body.app-page .bw-channel-avatar,
body.app-page .bw-dm-avatar,
body.app-page .bw-memmodal-avatar {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 9px !important;
}

/* Buttons and inputs */
.bw-btn,
.btn-cam,
.feed-nav-upload,
.feed-live-open,
.feed-empty-btn,
.upload-btn {
  min-height: 40px !important;
  padding: 8px 13px !important;
  border-radius: var(--wb-radius-md) !important;
  font-size: 0.84rem !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

.bw-modal .bw-btn,
.bw-settings-inner .bw-btn,
.bw-btn-sm,
.btn-gift-picker,
.feed-follow-btn,
.feed-nav-tab,
.feed-live-chip,
.sbar-tab,
.mob-stat-chip {
  min-height: 34px !important;
  padding: 6px 10px !important;
  border-radius: var(--wb-radius) !important;
  font-size: 0.75rem !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

.bw-btn-icon,
.bw-header-action-btn,
.bw-input-action-btn,
.bw-mh-btn,
.bw-rail-icon-btn,
.bw-rail-uc-btn,
.bw-modal-close,
.hdr-btn,
.feed-action-btn,
.comments-send,
.btn-send {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

.bw-btn-primary,
.bw-btn.primary,
.bw-send-btn,
.btn-send,
.comments-send,
.feed-nav-upload,
.feed-live-open,
.feed-empty-btn,
.upload-btn {
  background: linear-gradient(135deg, var(--wb-blue), var(--wb-cyan)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.bw-btn-ghost,
.bw-btn-secondary,
.bw-btn.secondary,
body.app-page .bw-btn-ghost {
  background: var(--wb-surface-soft) !important;
  color: var(--wb-text) !important;
  border: 1px solid var(--wb-border) !important;
}

.bw-btn-danger,
.bw-btn.danger,
.btn-cam.danger,
#btn-end-stream,
.mob-end-btn,
.hdr-leave {
  background: rgba(239, 59, 93, 0.14) !important;
  color: var(--wb-live) !important;
  border: 1px solid rgba(239, 59, 93, 0.28) !important;
}

.bw-btn-live,
.btn-go-live,
body.host-page .btn-go-live {
  background: var(--wb-live) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

.bw-btn-gift,
.btn-gift-picker,
.gift-confirm-send,
.orb-gift,
.wave-gift-btn {
  background: linear-gradient(135deg, #ffe8a3, var(--wb-gold)) !important;
  color: #4a3200 !important;
  border-color: rgba(168, 118, 0, 0.24) !important;
}

.bw-input,
.bw-textarea,
.bw-select,
.bw-memmodal-search,
.bw-follower-broadcast textarea,
#dm-input,
#chat-input,
.comments-input,
.upload-input {
  min-height: 38px !important;
  padding: 8px 11px !important;
  border-radius: var(--wb-radius-md) !important;
  font-size: 0.87rem !important;
  background: #ffffff !important;
  color: var(--wb-text) !important;
  border: 1px solid var(--wb-border) !important;
  box-shadow: none !important;
}

.bw-input:focus,
.bw-textarea:focus,
.bw-select:focus,
#dm-input:focus,
#chat-input:focus,
.comments-input:focus,
.upload-input:focus {
  border-color: rgba(22, 119, 255, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12) !important;
}

/* Compact chat and friendly empty states */
body.app-page .bw-message-group {
  gap: 7px !important;
  margin-top: 3px !important;
}

body.app-page .bw-message-group .bw-avatar,
body.app-page .bw-message-avatar-col {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  font-size: 0.66rem !important;
}

body.app-page .bw-message-username {
  font-size: 0.76rem !important;
  line-height: 1.1 !important;
}

body.app-page .bw-message-bubble {
  max-width: min(78%, 560px) !important;
  padding: 5px 9px !important;
  background: #eef5ff !important;
  border: 1px solid rgba(220, 232, 247, 0.9) !important;
  border-radius: 13px !important;
  color: var(--wb-text) !important;
  font-size: 0.86rem !important;
  line-height: 1.34 !important;
  box-shadow: none !important;
}

body.app-page .bw-message-own .bw-message-bubble,
body.app-page .bw-message.self .bw-message-bubble,
body.app-page .chat-msg.self .chat-bubble {
  background: var(--wb-blue) !important;
  border-color: var(--wb-blue) !important;
  color: #ffffff !important;
  border-radius: 13px 5px 13px 13px !important;
}

.bw-chat-empty,
.lobby-empty,
.feed-empty,
.stream-offline-card,
.camera-placeholder,
.code-screen-error,
.error-msg,
.bw-auth-error,
#auth-error {
  border-radius: var(--wb-radius-lg) !important;
  padding: 14px 16px !important;
  font-size: 0.83rem !important;
  line-height: 1.35 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(220, 232, 247, 0.9) !important;
  color: var(--wb-muted) !important;
  box-shadow: none !important;
}

.bw-chat-empty-icon,
.feed-empty-icon,
.camera-placeholder svg,
.stream-offline-card svg {
  width: 36px !important;
  height: 36px !important;
  opacity: 0.46 !important;
}

#stream-sidebar-count:empty,
#chat-viewer-count:empty,
#peer-count-badge:empty,
#follower-badge:empty,
#notif-badge:empty,
#gift-badge:empty {
  display: none !important;
}

/* Dark media-first watch, feed, host */
body.watch-page .stream-layout,
body.host-page .stream-layout,
body.watch-page .video-area,
body.host-page .video-area,
body.watch-page .video-wrapper,
body.host-page .video-wrapper,
body.watch-page .cameras-grid,
body.host-page .cameras-grid,
body.feed-page #feed,
body.feed-page .feed-item {
  background: var(--wb-media) !important;
}

body.watch-page .camera-box,
body.host-page .camera-box,
body.watch-page .feed-video,
body.feed-page .feed-video,
body.feed-page .feed-thumb {
  background: #020510 !important;
}

body.watch-page .stream-header,
body.host-page .stream-header,
body.feed-page .feed-nav {
  min-height: 48px !important;
  padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
  background: linear-gradient(180deg, rgba(3, 7, 18, 0.72), rgba(3, 7, 18, 0.18), transparent) !important;
  border-bottom: 0 !important;
}

body.watch-page .logo-small,
body.host-page .logo-small {
  gap: 8px !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
}

body.watch-page .viewer-count,
body.watch-page .stats-glass-card,
body.host-page .mob-stat-chip,
body.host-page .stream-info-card {
  background: rgba(5, 11, 24, 0.58) !important;
  color: rgba(255, 255, 255, 0.86) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

body.watch-page .stats-glass-card {
  min-height: 28px !important;
  padding: 4px 9px !important;
  gap: 6px !important;
  border-radius: 999px !important;
}

body.watch-page .stats-item {
  font-size: 0.72rem !important;
}

body.watch-page .hdr-btn,
body.host-page .btn-cam,
body.feed-page .feed-action-btn,
body.feed-page .feed-nav-logo,
body.feed-page .feed-live-chip,
body.feed-page .feed-nav-tabs,
body.watch-page .orb,
body.host-page .mob-action-btn,
body.host-page .mob-faction-btn,
body.host-page #mob-btn-more {
  background: rgba(6, 12, 26, 0.58) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

body.watch-page .hdr-wallet,
body.feed-page .feed-nav-upload,
body.feed-page .feed-follow-btn,
body.feed-page .feed-live-open {
  background: linear-gradient(135deg, var(--wb-blue), var(--wb-cyan)) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.watch-page .hdr-leave,
body.host-page #btn-end-stream,
body.host-page .mob-end-btn,
body.host-page .mob-grid-btn--danger {
  background: rgba(239, 59, 93, 0.18) !important;
  color: #ffdce3 !important;
  border-color: rgba(239, 59, 93, 0.34) !important;
}

body.watch-page .guest-cam-bar .orb,
body.host-page .mob-action-btn,
body.host-page .mob-faction-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 13px !important;
}

body.watch-page .orb-label,
body.host-page .mob-stat-label {
  font-size: 0.66rem !important;
}

/* Light sheets over dark media */
body.watch-page .stream-bar,
body.watch-page .stream-switcher-drawer,
body.watch-page #settings-menu,
body.watch-page .gift-picker,
body.watch-page .gift-confirm-box,
body.watch-page #shop-widget,
body.watch-page #shop-buy-modal > div,
body.watch-page .comments-sheet,
body.watch-page .upload-sheet,
body.host-page .modal-box,
body.host-page .admin-overlay,
body.host-page .gift-picker,
body.host-page .mob-tool-grid .mob-grid-inner,
body.feed-page .comments-sheet,
body.feed-page .upload-sheet {
  --fg: var(--wb-text);
  --text: var(--wb-text);
  --text2: var(--wb-muted);
  --muted: var(--wb-muted);
  --surface: var(--wb-surface);
  --surface-1: var(--wb-surface);
  --surface-2: var(--wb-surface-soft);
  --surface-3: var(--wb-surface-tint);
  --border: var(--wb-border);
  background: rgba(248, 251, 255, 0.94) !important;
  color: var(--wb-text) !important;
  border: 1px solid rgba(220, 232, 247, 0.92) !important;
  border-radius: var(--wb-radius-lg) !important;
  box-shadow: var(--wb-shadow-panel) !important;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}

body.watch-page .comments-sheet,
body.watch-page .upload-sheet,
body.host-page .mob-tool-grid .mob-grid-inner,
body.feed-page .comments-sheet,
body.feed-page .upload-sheet {
  border-radius: 16px 16px 0 0 !important;
}

body.watch-page #settings-menu {
  width: min(300px, calc(100vw - 24px)) !important;
  padding: 8px !important;
}

body.watch-page #settings-menu .sm-item,
body.host-page .stream-mode-option,
body.host-page .rating-btn,
body.host-page .mob-grid-btn {
  color: var(--wb-text) !important;
  background: var(--wb-surface-soft) !important;
  border: 1px solid var(--wb-border) !important;
  border-radius: var(--wb-radius-md) !important;
}

body.host-page .mob-tool-grid .mob-grid-inner {
  padding: 14px !important;
}

body.host-page .mob-grid-btn {
  width: auto !important;
  min-height: 72px !important;
  padding: 9px 8px !important;
  gap: 6px !important;
  font-size: 0.72rem !important;
}

body.host-page .mob-grid-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: rgba(22, 119, 255, 0.1) !important;
  color: var(--wb-blue) !important;
}

body.feed-page .feed-nav-tab {
  color: rgba(255, 255, 255, 0.7) !important;
}

body.feed-page .feed-nav-tab.active {
  background: rgba(22, 119, 255, 0.24) !important;
  color: #ffffff !important;
}

body.feed-page .feed-app-nav {
  background: linear-gradient(0deg, rgba(3, 7, 18, 0.9), rgba(3, 7, 18, 0.42), transparent) !important;
}

body.feed-page .feed-app-nav a {
  min-height: 42px !important;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 0.64rem !important;
}

body.feed-page .feed-app-nav a.active {
  color: #ffffff !important;
}

body.feed-page .feed-live-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 245, 255, 0.88)) !important;
  color: var(--wb-text) !important;
  border-color: rgba(220, 232, 247, 0.86) !important;
  border-radius: var(--wb-radius-lg) !important;
}

body.feed-page .feed-live-title,
body.feed-page .feed-live-meta {
  color: var(--wb-text) !important;
}

body.feed-page .feed-live-pill {
  background: var(--wb-live) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.feed-progress-bar,
.upload-progress-bar {
  background: linear-gradient(90deg, var(--wb-blue), var(--wb-cyan)) !important;
}

.feed-action-btn.liked,
.mob-like-btn {
  background: rgba(239, 59, 93, 0.24) !important;
  color: #ffdce3 !important;
  border-color: rgba(239, 59, 93, 0.38) !important;
}

.feed-action-btn.saved,
.feed-action-btn.reposted {
  background: rgba(22, 119, 255, 0.22) !important;
  color: #dcecff !important;
  border-color: rgba(22, 119, 255, 0.4) !important;
}

/* Value/gift is gold, live/battle/danger is red. */
.gift-price,
.wallet-credits-count,
#shop-credit-balance,
#shop-buy-price,
.stats-credits,
.gift-currency,
.wb-ct-gift span:last-child {
  color: var(--wb-gold) !important;
}

.feed-live-dot,
.stats-live-dot,
.mob-live-dot,
.resume-live-dot,
.bw-stream-dot,
.ws-live-dot {
  background: var(--wb-live) !important;
  box-shadow: 0 0 0 4px rgba(239, 59, 93, 0.16) !important;
}

#battle-widget,
#host-battle-widget,
.poll-overlay,
#poll-overlay,
.goal-bar,
#goal-bar {
  border-color: rgba(239, 59, 93, 0.22) !important;
  box-shadow: none !important;
}

.poll-option,
.rating-btn,
.stream-mode-card,
.stream-mode-option {
  border-radius: var(--wb-radius-md) !important;
}

/* De-purple old cosmetic choices without removing choices. */
.bw-color-swatch[data-color="#6C63FF"],
.bw-color-swatch[data-color="#a855f7"] {
  background: linear-gradient(135deg, var(--wb-blue), var(--wb-cyan)) !important;
}

.bw-color-swatch[data-color="#f59e0b"] {
  background: linear-gradient(135deg, #f5bd3d, #ef3b5d) !important;
}

@media (max-width: 768px) {
  .bw-btn,
  .bw-btn-icon,
  .hdr-btn,
  .btn-cam,
  .feed-action-btn,
  .mob-action-btn,
  .comments-send,
  .btn-send {
    min-width: 38px !important;
    min-height: 38px !important;
  }

  body.app-page .bw-mobile-bottom-nav {
    height: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    background: rgba(255, 255, 255, 0.95) !important;
  }

  body.app-page .bw-mbn-item {
    gap: 2px !important;
    padding: 6px 2px 5px !important;
    font-size: 9px !important;
    color: #7b8aa1 !important;
  }

  body.app-page .bw-mbn-item svg {
    width: 20px !important;
    height: 20px !important;
  }

  body.app-page .bw-chat-header {
    min-height: 46px !important;
    padding: 6px 10px !important;
  }

  body.app-page .bw-message-bubble {
    max-width: 86% !important;
    font-size: 0.84rem !important;
  }

  body.app-page .bw-input-wrapper-chat {
    min-height: 40px !important;
  }

  body.watch-page .stream-header,
  body.host-page .stream-header,
  body.feed-page .feed-nav {
    min-height: 44px !important;
  }

  body.watch-page .guest-cam-bar .orb,
  body.host-page .mob-action-btn,
  body.host-page .mob-faction-btn,
  body.host-page .mob-end-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  body.host-page .mob-stat-chip {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 0.7rem !important;
  }

  body.feed-page .feed-nav-upload {
    min-width: 36px !important;
  }
}

@media (max-width: 390px) {
  .bw-modal,
  .bw-settings-inner {
    width: min(94vw, 520px) !important;
  }

  body.feed-page .feed-nav-tab {
    padding-inline: 9px !important;
    font-size: 0.72rem !important;
  }

  body.feed-page .feed-nav-upload span {
    display: none !important;
  }

  body.app-page .bw-message-group .bw-avatar,
  body.app-page .bw-message-avatar-col {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
  }
}