/* Dark surfaces for the remodeled Voicer pages. Loaded after their page styles. */
body.theme-dark, body.theme-dark #page { background: #111927 !important; color: #eaf2ff; }
body.theme-dark #page > .header { background: rgba(21, 33, 51, .98) !important; border-color: #2b3b52 !important; box-shadow: 0 7px 24px rgba(0, 0, 0, .23); }
body.theme-dark #page > .header .header-icon,
body.theme-dark #page > .header .fa-bell,
body.theme-dark #page > .header .fa-search,
body.theme-dark #page > .header .fa-arrow-left { color: #c9dcf5 !important; }
body.theme-dark #page > .header input { background: #202f44 !important; border-color: #34465e !important; color: #edf4ff !important; }
body.theme-dark #page > .header input::placeholder { color: #9eafc7; }
body.theme-dark .voicer-public-header .voicer-wordmark,
body.theme-dark .voicer-account-header .voicer-wordmark { color: #f2f7ff !important; }
body.theme-dark .voicer-header-nav a,
body.theme-dark .voicer-header-actions__login,
body.theme-dark .voicer-account-actions a { color: #bfcee4 !important; }
body.theme-dark .voicer-header-nav a:hover,
body.theme-dark .voicer-header-nav a[aria-current],
body.theme-dark .voicer-account-actions a:hover { color: #8dbbff !important; }
body.theme-dark .voicer-header-actions__primary,
body.theme-dark .voicer-account-actions .voicer-account-actions__primary { background: #2869da !important; color: #fff !important; }
body.theme-dark .voicer-theme-toggle { background: #22334c; border-color: #354a68; color: #cfe2ff; }
body.theme-dark .voicer-theme-toggle:hover { background: #2d4362; }
body.theme-dark .voicer-theme-toggle span { -webkit-mask-image: url('/icons/outline-sun.svg'); mask-image: url('/icons/outline-sun.svg'); }
body.theme-dark #footer-bar { background: rgba(22, 34, 52, .98) !important; border-color: #314157 !important; }
body.theme-dark #footer-bar a { color: #b6c9e2 !important; }
body.theme-dark #footer-bar a:hover,
body.theme-dark #footer-bar a.active-nav { color: #8dbbff !important; }
body.theme-dark #iframeModalURL .modal-content { background: #111927 !important; border: 1px solid #354a65; color: #edf5ff; }
body.theme-dark #iframeModalURL :is(.modal-header, .modal-footer) { background: #1d2b40 !important; color: #edf5ff; }
body.theme-dark #iframeModalURL .modal-body { background: #111927 !important; }
body.theme-dark #iframeModalURL #userprofilelinkFollowing { color: #9bc6ff !important; }
body.theme-dark #iframeModalURL .btn-close { filter: invert(1); opacity: .85; }
body.theme-dark #iframeModalURL .modal-footer .btn { border-color: #6883a5 !important; color: #edf5ff !important; }

body.theme-dark .voicer-footer { background: linear-gradient(145deg, #1a2940, #152236); border-color: #31455f; box-shadow: 0 15px 35px rgba(0, 0, 0, .16); color: #b4c4da; }
body.theme-dark .voicer-footer__brand,
body.theme-dark .voicer-footer__brand strong { color: #f1f6ff !important; }
body.theme-dark .voicer-footer__identity p,
body.theme-dark .voicer-footer__bottom { color: #a9bad0 !important; }
body.theme-dark .voicer-footer__links a,
body.theme-dark .voicer-footer__social a { color: #c3d4eb !important; }
body.theme-dark .voicer-footer__links a:hover,
body.theme-dark .voicer-footer__social a:hover { color: #8dbbff !important; }
body.theme-dark .voicer-footer__bottom { border-color: #31455f; }

body.theme-dark .voicer-landing { background: radial-gradient(circle at 86% 9%, rgba(32, 94, 182, .22), transparent 38%), #111927 !important; color: #eaf2ff; }
body.theme-dark .voicer-landing h1,
body.theme-dark .voicer-benefit h2,
body.theme-dark .voicer-preview__brand,
body.theme-dark .voicer-preview__aside b { color: #f0f6ff !important; }
body.theme-dark .voicer-landing h1 span { color: #8dbbff !important; }
body.theme-dark .voicer-eyebrow { background: #203551; border-color: #385677; color: #cce3ff !important; }
body.theme-dark .voicer-eyebrow__dot { box-shadow: 0 0 0 4px #294a72; }
body.theme-dark .voicer-hero__intro,
body.theme-dark .voicer-benefit p,
body.theme-dark .voicer-hero__note,
body.theme-dark .voicer-preview__label { color: #b1c2d9 !important; }
body.theme-dark .voicer-hero__browse a { color: #9bc5ff !important; }
body.theme-dark .voicer-button--secondary { background: #22334c; border-color: #3a506d; color: #e8f2ff !important; }
body.theme-dark .voicer-button--secondary:hover { background: #2b4160; }
body.theme-dark .voicer-button--light span { color: #1757bc !important; }
body.theme-dark .voicer-preview__window { background: #1b2a3e; border-color: #38506e; box-shadow: 0 38px 75px rgba(0, 0, 0, .28); }
body.theme-dark .voicer-preview__top,
body.theme-dark .voicer-preview__tabs { border-color: #344760; }
body.theme-dark .voicer-preview__search { background: #26374f; border-color: #344760; color: #adbfda; }
body.theme-dark .voicer-preview__avatar { background: #2a4e78; color: #dcecff; }
body.theme-dark .voicer-preview__rail { border-color: #344760; }
body.theme-dark .voicer-preview__rail div { color: #adbfda; }
body.theme-dark .voicer-preview__rail .is-current { background: #25436a; color: #a6ccff; }
body.theme-dark .voicer-preview__rail .is-current span { color: #a6ccff !important; }
body.theme-dark .voicer-preview__feed { background: #17253a; }
body.theme-dark .voicer-preview__tabs,
body.theme-dark .voicer-preview__post-actions { color: #a9bbd4; }
body.theme-dark .voicer-preview__tabs strong { color: #9bc4ff; border-color: #6baaff; }
body.theme-dark .voicer-preview__post,
body.theme-dark .voicer-preview__next-post { background: #223249; border-color: #3a4e6a; box-shadow: none; }
body.theme-dark .voicer-preview__post-head b { color: #e8f2ff; }
body.theme-dark .voicer-preview__post-head small,
body.theme-dark .voicer-preview__aside p { color: #aabdd4 !important; }
body.theme-dark .voicer-preview__post p { color: #d5e1f2 !important; }
body.theme-dark .voicer-preview__next-post div span { background: #405572; }
body.theme-dark .voicer-preview__next-post div span + span { background: #334862; }
body.theme-dark .voicer-preview__aside { border-color: #344760; }
body.theme-dark .voicer-preview__aside span { color: #99c3ff !important; }
body.theme-dark .voicer-benefit { background: #1c2a3e; border-color: #334762; box-shadow: none; }
body.theme-dark .voicer-benefit__icon { background: #29486e; color: #a8cdff; }
body.theme-dark .voicer-install { background: #203a5b; color: #e3efff; }

body.theme-dark .voicer-auth { background: radial-gradient(circle at 10% 10%, rgba(35, 96, 186, .18), transparent 36%), #111927 !important; color: #eaf2ff; }
body.theme-dark .voicer-auth__shell { background: #1b2a3e; border-color: #374a65; box-shadow: 0 25px 55px rgba(0, 0, 0, .25); }
body.theme-dark .voicer-auth__panel { background: #1b2a3e; }
body.theme-dark .voicer-auth__welcome h1,
body.theme-dark .voicer-auth__panel h2 { color: #f1f6ff !important; }
body.theme-dark .voicer-auth__welcome p { color: #e0ecff !important; }
body.theme-dark .voicer-auth__subheading,
body.theme-dark .voicer-auth__join { color: #b2c3da !important; }
body.theme-dark .voicer-auth__field label,
body.theme-dark .voicer-auth__captcha > label,
body.theme-dark .voicer-auth__terms label { color: #d3e1f4 !important; }
body.theme-dark .voicer-auth__kicker { color: #91bfff; }
body.theme-dark .voicer-auth__input-wrap input { background: #23344b; border-color: #3a506d !important; color: #f0f6ff !important; }
body.theme-dark .voicer-auth__input-wrap input:focus { background: #263a54; border-color: #74a9ef !important; box-shadow: 0 0 0 3px rgba(69, 139, 234, .22); }
body.theme-dark .voicer-auth__input-wrap input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #23344b inset !important; -webkit-text-fill-color: #f0f6ff !important; caret-color: #f0f6ff; }
body.theme-dark .voicer-auth__input-wrap input::placeholder { color: #a6b7cb; }
body.theme-dark .voicer-auth__input-wrap i { color: #a7bedb; }
body.theme-dark .voicer-auth__captcha-image img,
body.theme-dark .voicer-auth__captcha-image a { background: #23344b; border-color: #3a506d; }
body.theme-dark .voicer-auth__join a,
body.theme-dark .voicer-auth__label-row a,
body.theme-dark .voicer-auth__terms a { color: #9bc5ff !important; }
body.theme-dark .voicer-auth__submit { background: #2869da; }
body.theme-dark .voicer-auth__submit:hover { background: #3479ef; }
body.theme-dark .voicer-auth__status-card { background: #1b2a3e; border-color: #374a65; box-shadow: 0 23px 48px rgba(0,0,0,.24); }
body.theme-dark .voicer-auth__status-card h1 { color: #f1f6ff !important; }
body.theme-dark .voicer-auth__status-card p { color: #b2c3da !important; }
body.theme-dark .voicer-auth__notice { background: #253b57; border-color: #3d5b80; color: #cee2fa; }

body.theme-dark .voicer-feed { --feed-ink: #e9f2ff; --feed-line: #344760; background: #111927 !important; color: #d7e4f5; }
body.theme-dark .voicer-feed .card-style-home-page { background: #1d2b40 !important; border-color: #354861 !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important; }
body.theme-dark .voicer-feed .profileheader h5,
body.theme-dark .voicer-feed .profileheadermobile h5,
body.theme-dark .voicer-feed #imageswrapper44 h3,
body.theme-dark .voicer-feed #imageswrapper44 h4,
body.theme-dark .voicer-feed #voicercontainerpartial h5,
body.theme-dark .voicer-feed #voicercontainer h5 { color: #f0f6ff !important; }
body.theme-dark .voicer-feed .profileheader .color-highlight,
body.theme-dark .voicer-feed .profileheadermobile .color-highlight { color: #9bc4ff !important; }
body.theme-dark .voicer-feed .nav-links a { color: #c1d0e5 !important; }
body.theme-dark .voicer-feed .nav-links a span { color: inherit !important; }
body.theme-dark .voicer-feed .nav-links a:first-child,
body.theme-dark .voicer-feed .nav-links a:hover { background: #284361 !important; color: #a8ccff !important; }
body.theme-dark .voicer-feed .profile-tabs-wrapper a { color: #b7c7db !important; }
body.theme-dark .voicer-feed .profile-tabs-wrapper a.active { color: #9ec8ff !important; border-color: #77b1ff !important; }
body.theme-dark .voicer-feed #searchTopFixed44 .profile-tabs-wrapper ul,
body.theme-dark .voicer-feed .voicer-people .divider,
body.theme-dark .voicer-feed #voicercontainerpartial .divider { border-color: #344760; background: #344760; }
body.theme-dark .voicer-feed .voicer-trending .badge.bg-highlight,
body.theme-dark .voicer-feed .voicer-people .badge.bg-highlight { background: #263f60 !important; border-color: #3b5c82 !important; color: #c9e0ff !important; }
body.theme-dark .voicer-feed .voicer-trending .badge.bg-highlight:hover,
body.theme-dark .voicer-feed .voicer-people .badge.bg-highlight:hover { background: #31527b !important; }
body.theme-dark .voicer-feed .voicer-trending .badge.bg-highlight a { color: #c9e0ff !important; }
body.theme-dark .voicer-feed .voicer-trending .card-footer { border-color: #344760; }
body.theme-dark .voicer-feed .voicer-trending .card-footer div,
body.theme-dark .voicer-feed .voicer-people .card-body a { color: #d6e4f6 !important; }
body.theme-dark .voicer-feed .voicer-people .card-body a:hover { color: #9bc4ff !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .bg-theme,
body.theme-dark .voicer-feed #voicercontainer .bg-theme { background: #1d2b40 !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .card-body h5 a,
body.theme-dark .voicer-feed #voicercontainer .card-body h5 a { color: #eef5ff !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .card-body p,
body.theme-dark .voicer-feed #voicercontainer .card-body p { color: #d2deef !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .card-body h5 p,
body.theme-dark .voicer-feed #voicercontainer .card-body h5 p,
body.theme-dark .voicer-feed #voicercontainerpartial .card-body h5 p span { color: #a9bad0 !important; }
body.theme-dark .voicer-feed #voicercontainerpartial a[href^="/hashtag/"],
body.theme-dark .voicer-feed #voicercontainer a[href^="/hashtag/"] { color: #9cc6ff !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .content-icons,
body.theme-dark .voicer-feed #voicercontainer .content-icons { border-color: #344760; }
body.theme-dark .voicer-feed #voicercontainerpartial .content-icons i,
body.theme-dark .voicer-feed #voicercontainer .content-icons i,
body.theme-dark .voicer-feed #voicercontainerpartial .content-icons span,
body.theme-dark .voicer-feed #voicercontainer .content-icons span { color: #bdcce1 !important; }
body.theme-dark .voicer-feed #voicercontainerpartial .content-icons i:hover,
body.theme-dark .voicer-feed #voicercontainer .content-icons i:hover { background: #2d4768; color: #9bc4ff !important; }
body.theme-dark .voicer-feed .tab-controls { background: #1d2b40 !important; border-color: #354861; }
body.theme-dark .voicer-feed .tab-controls a { background: #26384f !important; color: #c2d1e5 !important; }
body.theme-dark .voicer-feed .tab-controls a.bg-blue-dark { background: #2a69d8 !important; color: #fff !important; }
body.theme-dark .voicer-feed #loadbutton { background: #2869da !important; }