/* ═══════════════════════════════════════════════════════════════════════════ MNM THEME ENGINE — one rule for all alternate themes Neon (default): no data-ui-theme on — uses :root in styles.css. Snow / Polar / Dark: each theme file sets ONLY CSS custom properties on [data-ui-theme="…"]. This file applies them app-wide (except Tomato Battle). Every UI color must flow from --text-main, --bg-panel, --ui-* tokens. Tomato Battle: body.tomato-mode + .tomato-overlay keep classic neon. ═══════════════════════════════════════════════════════════════════════════ */ html[data-ui-theme] body:not(.tomato-mode) { background-color: var(--bg-main); background-image: var(--ui-body-texture, none); background-size: auto; color: var(--text-main); } html[data-ui-theme] body:not(.tomato-mode) .logo-main { color: var(--ui-logo-color, var(--blue)); text-shadow: var(--ui-logo-glow, none); } html[data-ui-theme] body:not(.tomato-mode) .profile-nav-title, html[data-ui-theme] body:not(.tomato-mode) .panel-title { color: var(--text-main); text-shadow: var(--ui-logo-glow, none); } html[data-ui-theme] body:not(.tomato-mode) .neon-frame::before { opacity: var(--ui-frame-opacity, 0); } html[data-ui-theme] body:not(.tomato-mode) .map-panel { background: var(--map-panel-bg); } html[data-ui-theme] body:not(.tomato-mode) .map-time-machine { border-color: var(--ui-time-machine-border); background: var(--ui-time-machine-bg); box-shadow: var(--ui-time-machine-shadow); } html[data-ui-theme] body:not(.tomato-mode) .map-time-title { color: var(--ui-time-machine-title); } html[data-ui-theme] body:not(.tomato-mode) #timeSlider::-webkit-slider-runnable-track { background: var(--ui-time-slider-track); border-color: var(--ui-time-slider-track-border); box-shadow: var(--ui-time-slider-track-shadow, none); } html[data-ui-theme] body:not(.tomato-mode) #timeSlider::-webkit-slider-thumb { background: var(--ui-time-slider-thumb); border-color: var(--ui-time-slider-thumb-border); box-shadow: var(--ui-time-slider-thumb-glow, none); } html[data-ui-theme] body:not(.tomato-mode) #timeSlider::-moz-range-track { background: var(--ui-time-slider-track); border-color: var(--ui-time-slider-track-border); } html[data-ui-theme] body:not(.tomato-mode) #timeSlider::-moz-range-thumb { background: var(--ui-time-slider-thumb-solid, #3aa6ff); border-color: var(--ui-time-slider-thumb-border); box-shadow: var(--ui-time-slider-thumb-glow, none); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .places-panel .node-log-head { background: var(--node-log-head-bg); border-bottom-color: var(--node-log-head-border); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .places-panel .node-log-title { color: var(--node-log-title-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-tf-name { color: var(--ui-tf-name-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-tf-desc { color: var(--ui-tf-desc-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-head-label { color: var(--ui-tf-composer-head-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-head-hint { color: var(--ui-tf-composer-head-hint); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-premium { box-shadow: var(--ui-tf-composer-card-shadow); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-premium::before { background: var(--ui-tf-composer-shine); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-textarea { background: var(--ui-tf-composer-textarea-bg); } html[data-ui-theme] body:not(.tomato-mode) .tf-composer-textarea::placeholder { color: var(--ui-tf-composer-textarea-placeholder); } html[data-ui-theme] body:not(.tomato-mode) .my-page-shell .tf-composer-textarea:focus-visible { border-color: var(--ui-tf-composer-focus-border) !important; box-shadow: var(--ui-tf-composer-focus-shadow) !important; } html[data-ui-theme] body:not(.tomato-mode) .tf-attach-btn { background: var(--ui-tf-attach-bg); color: var(--ui-tf-attach-color); } html[data-ui-theme] body:not(.tomato-mode) .avatar-circle { border-color: var(--ui-avatar-border); background: var(--ui-avatar-bg); box-shadow: var(--ui-avatar-shadow); } html[data-ui-theme] body:not(.tomato-mode) .profile-label { color: var(--ui-profile-label-color); text-shadow: none; } html[data-ui-theme] body:not(.tomato-mode) .profile-sub { color: var(--ui-profile-sub-color); } html[data-ui-theme] body:not(.tomato-mode) .map-chat-dock-head { color: var(--ui-map-chat-head-color); } html[data-ui-theme] body:not(.tomato-mode) .map-chat-dock-av { background: var(--ui-map-chat-av-bg); box-shadow: var(--ui-map-chat-av-shadow); color: var(--text-main); } html[data-ui-theme] body:not(.tomato-mode) .map-time-label { color: var(--ui-map-time-label); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--achievement .achievement-text, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--stats .achievement-text, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--achievement #achievementText, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--achievement #infoAchievementSub, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--stats .info-places-countries, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-card--stats .info-places-nodes { color: var(--ui-accent-dynamic); text-shadow: none; } html[data-ui-theme] body:not(.tomato-mode) .left-panel #infoLocation, html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-pair-value { color: var(--ui-info-location-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-post-btn { border-color: var(--ui-tf-post-btn-border); background: var(--ui-tf-post-btn-bg); color: var(--ui-tf-post-btn-text); } html[data-ui-theme] body:not(.tomato-mode) .tf-polish-btn { background: var(--ui-tf-polish-btn-bg); border-color: var(--ui-tf-polish-btn-border); color: var(--ui-tf-polish-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .travel-forum-panel .tf-card { background: var(--ui-tf-card-bg); border-color: var(--ui-tf-card-border); box-shadow: var(--ui-tf-card-shadow); } html[data-ui-theme] body:not(.tomato-mode) .travel-forum-panel .tf-card:hover { border-color: var(--ui-tf-card-hover-border); box-shadow: var(--ui-tf-card-hover-shadow); } html[data-ui-theme] body:not(.tomato-mode) .travel-forum-panel .tf-card--sponsored { background: var(--ui-tf-card-sponsored-bg); } html[data-ui-theme] body:not(.tomato-mode) .travel-forum-panel .tf-toolbar--wrap { background: var(--ui-tf-toolbar-bg); border-color: var(--ui-tf-toolbar-border); box-shadow: var(--ui-tf-toolbar-shadow); } html[data-ui-theme] body:not(.tomato-mode) .tf-sidebar { background: var(--ui-tf-sidebar-bg); border-color: var(--ui-tf-sidebar-border); } html[data-ui-theme] body:not(.tomato-mode) .tf-side-label { color: var(--ui-tf-side-label-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-hot-item { color: var(--ui-tf-hot-item-color); border-bottom-color: var(--ui-tf-hot-item-border); } html[data-ui-theme] body:not(.tomato-mode) .tf-tag { background: var(--ui-tf-tag-bg); border-color: var(--ui-tf-tag-border); color: var(--ui-tf-tag-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-new-topic-btn, html[data-ui-theme] body:not(.tomato-mode) .tf-rules-btn, html[data-ui-theme] body:not(.tomato-mode) .tf-toolbar .tf-share-btn, html[data-ui-theme] body:not(.tomato-mode) .tf-toolbar .tf-top-btn { background: var(--ui-tf-action-btn-bg); border-color: var(--ui-tf-action-btn-border); color: var(--ui-tf-action-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-rules-btn { border-color: var(--ui-tf-rules-btn-border); color: var(--ui-tf-rules-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-tab { background: var(--ui-tf-tab-bg); border-color: var(--ui-tf-tab-border); color: var(--ui-tf-tab-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-tab:hover { border-color: var(--ui-tf-tab-hover-border); } html[data-ui-theme] body:not(.tomato-mode) .tf-tab.active { background: var(--ui-tf-tab-active-bg); border-color: var(--ui-tf-tab-active-border); color: var(--ui-tf-tab-active-color); box-shadow: var(--ui-tf-tab-active-shadow); } html[data-ui-theme] body:not(.tomato-mode) .tf-top-btn { background: var(--ui-tf-top-btn-bg); border-color: var(--ui-tf-top-btn-border); color: var(--ui-tf-top-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-top-btn:hover { box-shadow: var(--ui-tf-top-btn-hover-shadow); } html[data-ui-theme] body:not(.tomato-mode) .tf-search { background: var(--ui-tf-search-bg); border-color: var(--ui-tf-search-border); } html[data-ui-theme] body:not(.tomato-mode) .tf-sort-select { background: var(--ui-tf-sort-select-bg); border-color: var(--ui-tf-sort-select-border); color: var(--text-main); } html[data-ui-theme] body:not(.tomato-mode) .tf-card-like-inline, html[data-ui-theme] body:not(.tomato-mode) .tf-card-like-inline--react { background: var(--ui-tf-card-react-bg); border-color: var(--ui-tf-card-react-border); color: var(--ui-tf-card-react-color); } html[data-ui-theme] body:not(.tomato-mode) .tf-modal-window, html[data-ui-theme] body:not(.tomato-mode) .tf-modal-window--thread, html[data-ui-theme] body:not(.tomato-mode) .travel-forum-panel .tf-modal-window--thread { background: var(--ui-tf-modal-thread-bg) !important; } html[data-ui-theme] body:not(.tomato-mode) .message-dialog-item { background: var(--my-page-dialog-item-bg); border-color: var(--my-page-dialog-item-border); box-shadow: var(--my-page-dialog-item-shadow); } html[data-ui-theme] body:not(.tomato-mode) .message-dialog-item.active { background: var(--my-page-dialog-active-bg); border-color: var(--my-page-dialog-active-border); box-shadow: var(--my-page-dialog-item-active-shadow); } html[data-ui-theme] body:not(.tomato-mode) .message-dialogs-header { background: var(--my-page-dialogs-header-bg); border-color: var(--my-page-dialogs-header-border); box-shadow: var(--my-page-dialogs-header-shadow); } html[data-ui-theme] body:not(.tomato-mode) #myPageViewMessages .message-chat-input { background: var(--my-page-msg-input-area-bg); border-top-color: var(--my-page-msg-input-area-border); box-shadow: var(--my-page-msg-input-area-shadow); } html[data-ui-theme] body:not(.tomato-mode) .msg-input-cloud, html[data-ui-theme] body:not(.tomato-mode) #myPageViewMessages .msg-input-cloud { background: var(--my-page-msg-input-cloud-bg-view); border-color: var(--my-page-msg-input-cloud-border-view); } html[data-ui-theme] body:not(.tomato-mode) .msg-input-btn { background: var(--my-page-msg-input-btn-bg); border-color: var(--my-page-msg-input-btn-border); color: var(--my-page-msg-input-btn-color); box-shadow: none; } html[data-ui-theme] body:not(.tomato-mode) .my-page-cover { background: var(--my-page-cover-bg); } html[data-ui-theme] body:not(.tomato-mode) .my-page-header-inner::before { background: var(--my-page-header-glass); box-shadow: var(--my-page-header-glass-shadow); } html[data-ui-theme] body:not(.tomato-mode) .my-page-header-inner::after { background: var(--my-page-header-contour); animation: var(--my-page-header-contour-animation, mp-col-line-flow 5.5s ease-in-out infinite); } html[data-ui-theme] body:not(.tomato-mode) .my-page-left::after, html[data-ui-theme] body:not(.tomato-mode) .my-page-center::after { background: var(--my-page-col-divider); box-shadow: var(--my-page-col-divider-glow, none); } html[data-ui-theme] body:not(.tomato-mode) .my-page-layout::after { background: var(--my-page-layout-edge); box-shadow: var(--my-page-layout-edge-glow, none); } /* Snow: calm header — no neon pulse */ html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-header-inner::after { animation: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-header-inner::before, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-header-inner::after { filter: none; } /* Snow — kill neon leftovers */ html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .logo-main, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .panel-title, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .profile-nav-title { text-shadow: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .right-panel { border-color: var(--border-soft); box-shadow: var(--window-shadow-depth); background: linear-gradient(180deg, var(--ui-panel-grad-a) 0%, var(--ui-panel-grad-b) 100%), var(--bg-panel); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .map-panel { background: var(--map-panel-bg); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .travel-forum-panel { background: var(--ui-forum-bg); border-color: var(--ui-forum-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .quick-action-btn { background: var(--ui-surface-fill); border-color: var(--ui-surface-border); color: var(--text-dim); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .quick-action-btn:hover, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .quick-action-btn.active { color: var(--green); border-color: var(--green); background: var(--ui-surface-active-fill); box-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-avatar, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-avatar-block::before { animation: none !important; border-color: var(--ui-avatar-border) !important; box-shadow: var(--ui-avatar-shadow) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-avatar { background: var(--ui-avatar-bg) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-avatar-block::before { background: #f4f4f5 !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-avatar-block::after { opacity: 0.35; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .info-card-achievement:hover { border-color: var(--border-strong); box-shadow: none; } html[data-ui-theme] body:not(.tomato-mode) .left-panel, html[data-ui-theme] body:not(.tomato-mode) .right-panel { box-shadow: var(--window-shadow-depth); } html[data-ui-theme] body:not(.tomato-mode) .left-panel::before, html[data-ui-theme] body:not(.tomato-mode) .right-panel::before { background-image: var(--ui-panel-texture); opacity: var(--ui-panel-texture-opacity); } /* Time Machine, Story, nodes — all alternate themes */ html[data-ui-theme] body:not(.tomato-mode) .year-input { background: var(--ui-year-input-bg); border-color: var(--ui-year-input-border); color-scheme: var(--ui-year-input-scheme); } html[data-ui-theme] body:not(.tomato-mode) .btn-square { background: var(--ui-btn-square-bg); border-color: var(--ui-btn-square-border); } html[data-ui-theme] body:not(.tomato-mode) .node-log-story-btn { background: var(--ui-story-btn-bg); border-color: var(--ui-story-btn-border); color: var(--ui-story-btn-color); box-shadow: var(--ui-story-btn-shadow); } html[data-ui-theme] body:not(.tomato-mode) .node-log-story-btn:hover { background: var(--ui-story-btn-hover-bg); border-color: var(--ui-story-btn-hover-border); box-shadow: var(--ui-story-btn-hover-shadow); } html[data-ui-theme] body:not(.tomato-mode) .place-country-visits-badge { color: var(--ui-node-visits-color); border-left-color: var(--ui-node-visits-border); } html[data-ui-theme] body:not(.tomato-mode) .place-country-role-badge { color: var(--ui-node-role-color); border-left-color: var(--ui-node-role-border); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .place-country-rating-num { color: var(--ui-node-rating-num-color); text-shadow: none; } html[data-ui-theme] body:not(.tomato-mode) .left-panel .place-country-rail .place-toggle, html[data-ui-theme] body:not(.tomato-mode) .left-panel .place-city-rail .place-actions { background: var(--ui-node-rail-bg); border-color: var(--ui-node-rail-border); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .places-panel .node-log-rank-footer { background: var(--ui-node-rank-footer-bg); border-top-color: var(--ui-node-rank-footer-border); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .places-panel .nlr-line { color: var(--ui-node-rank-line-color); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-chat { background: var(--ui-mini-chat-bg); box-shadow: var(--ui-mini-chat-shadow); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-msg--in { background: var(--ui-mini-chat-msg-in-bg); border-color: var(--ui-mini-chat-msg-in-border); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-msg--out { background: var(--ui-mini-chat-msg-out-bg); border-color: var(--ui-mini-chat-msg-out-border); color: var(--ui-mini-chat-msg-out-color); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-chat-compose { background: var(--ui-mini-chat-compose-bg); border-top-color: var(--ui-mini-chat-compose-border); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-chat-compose .map-mini-chat-input { background: var(--ui-mini-chat-input-bg); border-color: var(--ui-mini-chat-input-border); } html[data-ui-theme] body:not(.tomato-mode) .auth-panel { background: var(--ui-auth-panel-bg); } html[data-ui-theme] body:not(.tomato-mode) .auth-field input, html[data-ui-theme] body:not(.tomato-mode) .auth-field select { background: var(--ui-auth-input-bg); border-color: var(--ui-auth-input-border); color-scheme: var(--ui-auth-input-scheme); } html[data-ui-theme] body:not(.tomato-mode) .auth-mode-btn { background: var(--ui-auth-mode-btn-bg); border-color: var(--ui-auth-mode-btn-border); } html[data-ui-theme] body:not(.tomato-mode) .auth-mode-btn.is-active { border-color: var(--ui-auth-mode-btn-active-border); color: var(--ui-auth-mode-btn-active-color); } html[data-ui-theme] body:not(.tomato-mode) .auth-social-btn { background: var(--ui-auth-social-btn-bg); border-color: var(--ui-auth-social-btn-border); } html[data-ui-theme] body:not(.tomato-mode) .auth-text-link, html[data-ui-theme] body:not(.tomato-mode) .auth-legal-read-btn { color: var(--ui-auth-link-color); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .info-card { border-color: var(--ui-left-info-card-border); box-shadow: var(--ui-left-info-card-shadow); } html[data-ui-theme] body:not(.tomato-mode) .left-panel .places-panel { border-color: var(--ui-left-places-panel-border); box-shadow: var(--ui-left-places-panel-shadow); } html[data-ui-theme] body:not(.tomato-mode) .terminal-overlay { background: var(--ui-terminal-overlay-bg); } html[data-ui-theme] body:not(.tomato-mode) .terminal-window { background: var(--ui-terminal-window-bg); } html[data-ui-theme] body:not(.tomato-mode) .terminal-field input, html[data-ui-theme] body:not(.tomato-mode) .terminal-field textarea { background: var(--ui-terminal-input-bg); border-color: var(--ui-terminal-input-border); } html[data-ui-theme] body:not(.tomato-mode) .terminal-field input:focus, html[data-ui-theme] body:not(.tomato-mode) .terminal-field textarea:focus { border-color: var(--ui-terminal-input-focus-border); box-shadow: var(--ui-terminal-input-focus-glow); } html[data-ui-theme] body:not(.tomato-mode) .terminal-visit-hint { background: var(--ui-terminal-visit-hint-bg); border-color: var(--ui-terminal-visit-hint-border); color: var(--ui-terminal-visit-hint-color); } html[data-ui-theme] body:not(.tomato-mode) .terminal-suggestions { background: var(--ui-terminal-suggest-bg); border-color: var(--ui-terminal-suggest-border); } html[data-ui-theme] body:not(.tomato-mode) .rating-action-btn { background: var(--ui-terminal-rating-btn-bg); border-color: var(--ui-terminal-rating-btn-border); } html[data-ui-theme] body:not(.tomato-mode) .terminal-header { border-bottom-color: var(--ui-terminal-header-border); } html[data-ui-theme] body:not(.tomato-mode) .terminal-title { color: var(--ui-terminal-title-color); } html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn--line { color: var(--ui-footer-legal-color); } html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn--line strong { color: var(--ui-footer-legal-strong-color); } html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn--line:hover strong { color: var(--ui-footer-legal-hover-color); } html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn { color: var(--ui-footer-legal-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn:hover, html[data-ui-theme] body:not(.tomato-mode) .footer-legal-btn:focus-visible { color: var(--ui-footer-legal-btn-hover); } html[data-ui-theme] body:not(.tomato-mode) .profile-footer-min-line { color: var(--ui-footer-min-line-color); } html[data-ui-theme] body:not(.tomato-mode) .profile-footer-min-text { color: var(--ui-footer-min-text-color); } html[data-ui-theme] body:not(.tomato-mode) .btn-auth--premium { box-shadow: var(--ui-btn-auth-premium-shadow); } html[data-ui-theme] body:not(.tomato-mode) .btn-auth--premium:hover { box-shadow: var(--ui-btn-auth-premium-hover-shadow); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-chat--nodus .map-mini-chat-status { color: var(--ui-mini-chat-nodus-status-color); } html[data-ui-theme] body:not(.tomato-mode) .map-mini-msg-who { color: var(--ui-mini-chat-msg-who-color); } html[data-ui-theme] body:not(.tomato-mode) .node-gallery-btn, html[data-ui-theme] body:not(.tomato-mode) .place-country-photos-btn { background: var(--ui-gallery-btn-bg); border-color: var(--ui-gallery-btn-border); color: var(--ui-gallery-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .node-places-chip.is-active { background: var(--ui-places-chip-active-bg) !important; border-color: var(--ui-places-chip-active-border) !important; color: var(--ui-places-chip-active-color); } html[data-ui-theme] body:not(.tomato-mode) .node-places-chip--empty { background: var(--ui-places-chip-empty-bg); } html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-toggle-btn, html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-settings-btn { background: var(--ui-map-ctrl-btn-bg); border-color: var(--ui-map-ctrl-btn-border); color: var(--ui-map-ctrl-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .map-status-chip { display: var(--ui-map-status-chip-display); background: var(--ui-map-status-chip-bg); border-color: var(--ui-map-status-chip-border); color: var(--ui-map-status-chip-color); } html[data-ui-theme] body:not(.tomato-mode) .mnp-polish-icon-btn { background: var(--ui-mnp-polish-bg); border-color: var(--ui-mnp-polish-border); color: var(--ui-mnp-polish-color); } html[data-ui-theme] body:not(.tomato-mode) .rating-hearts .heart { color: var(--ui-rating-heart-inactive); text-shadow: var(--ui-rating-heart-inactive-shadow); } html[data-ui-theme] body:not(.tomato-mode) .terminal-field input[type="date"] { background: var(--ui-terminal-date-bg); border-color: var(--ui-terminal-date-border); color: var(--ui-terminal-date-color); color-scheme: var(--ui-terminal-date-scheme); } html[data-ui-theme] body:not(.tomato-mode) .terminal-window .terminal-title { color: var(--ui-terminal-window-title-color) !important; } html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) { background: var(--ui-map-zoom-group-bg); border-color: var(--ui-map-zoom-group-border); } html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) button.mapboxgl-ctrl-zoom-in, html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) button.mapboxgl-ctrl-zoom-out { color: var(--ui-map-zoom-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) .mapboxgl-ctrl-icon { filter: var(--ui-map-zoom-btn-icon-filter); } html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) button.mapboxgl-ctrl-zoom-in:hover, html[data-ui-theme] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) button.mapboxgl-ctrl-zoom-out:hover { background: var(--ui-map-zoom-btn-hover-bg); } html[data-ui-theme] body:not(.tomato-mode) .chat-rich-btn { background: var(--ui-chat-rich-btn-bg); border-color: var(--ui-chat-rich-btn-border); color: var(--ui-chat-rich-btn-color); } html[data-ui-theme] body:not(.tomato-mode) .chat-rich-btn:hover { color: var(--ui-chat-rich-btn-hover-color); border-color: var(--ui-chat-rich-btn-hover-border); } html[data-ui-theme] body:not(.tomato-mode) .chat-guest-strip, html[data-ui-theme] body:not(.tomato-mode) .msg-chat-guest-strip, html[data-ui-theme] body:not(.tomato-mode) .chat-guest-strip.map-chat-guest-strip { background: var(--ui-guest-strip-bg); border-bottom-color: var(--ui-guest-strip-border); } html[data-ui-theme] body:not(.tomato-mode) .msg-guest-bar-label, html[data-ui-theme] body:not(.tomato-mode) .msg-chat-invite-label { color: var(--ui-guest-bar-label-color); } html[data-ui-theme] body:not(.tomato-mode) .msg-guest-chip, html[data-ui-theme] body:not(.tomato-mode) .msg-guest-chip--inline, html[data-ui-theme] body:not(.tomato-mode) .msg-chat-peer-invites .msg-guest-chip--inline { color: var(--ui-guest-chip-color); } html[data-ui-theme] body:not(.tomato-mode) .msg-guest-chip-countdown { color: var(--ui-guest-chip-countdown-color); } html[data-ui-theme] body:not(.tomato-mode) .chat-emoji-popover { background: var(--ui-chat-emoji-popover-bg); border-color: var(--ui-chat-emoji-popover-border); box-shadow: 0 8px 24px rgba(24, 24, 27, 0.12); } html[data-ui-theme] body:not(.tomato-mode) .chat-plus-menu { background: var(--ui-chat-plus-menu-bg); border-color: var(--ui-chat-plus-menu-border); box-shadow: 0 8px 24px rgba(24, 24, 27, 0.12); } html[data-ui-theme] body:not(.tomato-mode) .chat-plus-menu--premium { background: var(--ui-chat-plus-menu-premium-bg, var(--ui-chat-plus-menu-bg)); border-color: var(--ui-chat-plus-menu-border); box-shadow: 0 8px 24px rgba(24, 24, 27, 0.12); } html[data-ui-theme] body:not(.tomato-mode) .chat-plus-menu--premium .chat-plus-menu-item { background: var(--ui-chat-plus-menu-premium-item-bg, rgba(0, 0, 0, 0.28)); border-color: var(--ui-chat-plus-menu-premium-item-border, rgba(80, 120, 90, 0.25)); color: var(--ui-chat-plus-menu-premium-item-color, rgba(225, 242, 255, 0.92)); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialog-item.active { box-shadow: var(--my-page-dialog-item-active-shadow, none) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialog-item.active .msg-dialog-name { color: var(--text-main) !important; } html[data-ui-theme] body:not(.tomato-mode) .btn-ghost { color: var(--ui-ghost-color, var(--text-dim)); } html[data-ui-theme] body:not(.tomato-mode) .terminal-close.ui-close::before, html[data-ui-theme] body:not(.tomato-mode) .terminal-close.ui-close::after { background: var(--ui-terminal-close-bar); box-shadow: var(--ui-terminal-close-bar-glow); } html[data-ui-theme] body:not(.tomato-mode) .terminal-close.ui-close:hover::before, html[data-ui-theme] body:not(.tomato-mode) .terminal-close.ui-close:hover::after { background: var(--ui-terminal-close-bar-hover); box-shadow: var(--ui-terminal-close-bar-hover-glow); } html[data-ui-theme] body:not(.tomato-mode) .terminal-field input[type="date"]::-webkit-calendar-picker-indicator { filter: var(--ui-terminal-date-indicator-filter); } html[data-ui-theme] body:not(.tomato-mode) .ui-close::before, html[data-ui-theme] body:not(.tomato-mode) .ui-close::after { background: var(--ui-close-bar); box-shadow: var(--ui-close-bar-glow); } html[data-ui-theme] body:not(.tomato-mode) .ui-close:hover::before, html[data-ui-theme] body:not(.tomato-mode) .ui-close:hover::after { background: var(--ui-close-bar-hover); box-shadow: var(--ui-close-bar-hover-glow); } html[data-ui-theme] body:not(.tomato-mode) .legal-info-window { background: var(--ui-legal-window-bg); } html[data-ui-theme] body:not(.tomato-mode) .legal-info-body { color: var(--ui-legal-body-color); } html[data-ui-theme] body:not(.tomato-mode) .ui-domino-trigger { color: var(--ui-domino-color); } html[data-ui-theme] body:not(.tomato-mode) .map-settings-hint { color: var(--ui-map-settings-hint-color); } /* Intro — always classic Neon (never Snow/Polar/Dark tokens) */ html[data-ui-theme] body.intro-active { --green: #7dfc8a; --blue: #3aa6ff; --text-main: #d5ddd5; --text-dim: #7f8a80; --red-neon: #ff4060; } html[data-ui-theme] body.intro-active .intro-sub { color: #7f8a80 !important; } html[data-ui-theme] body.intro-active .intro-status, html[data-ui-theme] body.intro-active .intro-loading-text { color: #d5ddd5 !important; } html[data-ui-theme] body.intro-active .intro-slogan { color: #7dfc8a !important; } /* Snow — no neon hover on city/country rows */ html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .place-country:hover, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .place-city:hover { box-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .place-city::before { background: var(--ui-node-city-hover-bar-color); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .place-city.place-city--active::before { background: var(--ui-node-city-active-bar-color); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .btn-square:hover, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .hover-elevate:hover, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .hover-float:hover { box-shadow: var(--ui-btn-square-hover-glow); border-color: var(--ui-btn-square-hover-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-search, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-type-filter { box-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-search:focus, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-type-filter:focus { box-shadow: 0 0 0 2px rgba(24, 24, 27, 0.1); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .place-country-photos-btn--empty, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-gallery-btn--empty, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip--empty { color: #52525b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .place-country-photos-btn--empty .node-gallery-count, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip--empty .node-places-count, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip--empty .fa-location-dot { opacity: 1; color: #52525b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-story-status { color: #166534; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-log-story-status.is-running { color: #1d4ed8; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .map-chat-photo-draft-label { color: #166534; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .place-country-star { color: #a16207; text-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .accent-neon, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) #infoLocation { color: var(--ui-accent-neon-color); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-toggle-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-settings-btn { box-shadow: var(--ui-map-ctrl-btn-shadow); border-radius: var(--ui-map-ctrl-btn-radius); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-toggle-btn:hover, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mapboxgl-ctrl.map-tilt-ctrl .map-settings-btn:hover { border-color: var(--ui-map-ctrl-btn-hover-border) !important; box-shadow: var(--ui-map-ctrl-btn-hover-shadow); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mapboxgl-ctrl-top-left > .mapboxgl-ctrl.mapboxgl-ctrl-group:not(.map-tilt-ctrl):not(.map-zoom-world-ctrl) { border-radius: var(--ui-map-zoom-group-radius); box-shadow: var(--ui-map-zoom-group-shadow); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .right-about-drawer-shell { background: var(--ui-about-drawer-bg); border-color: var(--ui-about-drawer-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mnm-story-panel { background: var(--ui-mnm-story-panel-bg); border-color: var(--ui-mnm-story-panel-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-emblem-c:not(.legal-emblem-c--foot), html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-emblem-c--sm, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-emblem-c--system, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-emblem-c--feature-min, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-doc-emblem { background: var(--ui-legal-emblem-bg); border-color: var(--ui-legal-emblem-border); border-radius: var(--ui-legal-emblem-radius); width: var(--ui-legal-emblem-width); height: var(--ui-legal-emblem-height); min-width: var(--ui-legal-emblem-width); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-emblem-inner { color: var(--ui-legal-emblem-inner-color); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .friend-row { background: var(--ui-friend-row-bg); box-shadow: var(--ui-friend-row-inset); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-filter-apply { border-color: #c8c8cc; background: #fafafa; color: #18181b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-gallery-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .place-country-photos-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip { color: #18181b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-gallery-btn .fa-images, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-gallery-btn .node-gallery-count, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .place-country-photos-btn .fa-images, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .place-country-photos-btn .node-gallery-count, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip .fa-location-dot, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-places-chip .node-places-count { opacity: 1; color: inherit; filter: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-type-badge { background: #eff6ff; color: #1e40af; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .legal-info-title { color: #18181b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-shell .my-page-section-sub, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-shell .mp-side-sub { color: var(--my-page-muted-text); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-composer-voice-meta { color: #71717a; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-composer-voice-status { color: #166534; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .travel-forum-panel .tf-card-meta { color: #52525b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .travel-forum-panel .tf-card-excerpt { color: #52525b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-title { text-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-search, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-thread-input { background: #ffffff; border-color: #e4e4e7; color: #18181b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-thread-input::placeholder { color: #a1a1aa; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-card-like-inline--react, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-share-btn:not(.tf-toolbar .tf-share-btn) { background: #ffffff; border-color: #e4e4e7; color: #18181b; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-inline-media--feed { background: #fafafa; border-color: #e4e4e7; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-card-open-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-thread-send, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-media-btn { background: #ffffff; border-color: #e4e4e7; color: #1e40af; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-sort-label { background: var(--ui-tf-sort-select-bg); border-color: var(--ui-tf-sort-select-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-share-btn { background: var(--ui-tf-action-btn-bg); border-color: var(--ui-tf-action-btn-border); color: var(--ui-tf-action-btn-color); box-shadow: none; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .info-card { background: var(--ui-surface-fill); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .places-panel { background: var(--ui-surface-fill); border-color: var(--ui-surface-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-visual { background: var(--ui-mp-audio-visual-bg); border-color: var(--ui-mp-audio-visual-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-btn { background: var(--ui-mp-audio-btn-bg); color: var(--text-main); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-btn-record { border-color: var(--ui-mp-audio-btn-record-border); color: var(--ui-mp-audio-btn-record-color); background: #fef2f2; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-btn-save { border-color: var(--ui-mp-audio-btn-save-border); color: var(--ui-mp-audio-btn-save-color); background: #f0fdf4; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-preview-wrap { background: var(--ui-mp-audio-preview-bg); border-color: var(--ui-mp-audio-preview-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-audio-history-item { background: var(--ui-mp-audio-history-bg); border-color: var(--ui-pill-border); color: var(--text-main); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-field-polish-btn { background: var(--ui-mp-field-polish-bg); border-color: var(--ui-mp-field-polish-border); color: var(--ui-mp-field-polish-color); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-field-polish-btn:hover { border-color: var(--ui-mp-field-polish-hover-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-header-inner::before { background: var(--ui-inset-surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-header-inner > * { position: relative; z-index: 1; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-cover { background: var(--ui-inset-surface) !important; opacity: 1 !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-left, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-right { background: var(--bg-panel); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-shell .friend-row.card-base, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .left-panel .friends-online-list .friend-row, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-timeline-item, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-node-folder-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-groups-list li button, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-media-country, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-quick-stat { background: var(--ui-inset-surface) !important; border-color: var(--ui-inset-surface-border) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; color: var(--text-main); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialog-item { background: var(--ui-inset-surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialog-item.active { background: #ffffff !important; border-color: #27272a !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-media-title { color: var(--text-main) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-meta-row, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-username, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-status, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .friend-name, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .msg-dialog-country, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .msg-dialog-meta, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .msg-dialog-time { color: var(--text-dim) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-name, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .friend-handle, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .msg-dialog-name, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .friend-status { color: var(--text-main) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-friend-feed-note strong { color: var(--text-main) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .my-page-card { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-card-open-btn, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-thread-send, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-media-btn { color: #166534 !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .node-type-badge { background: #f0fdf4 !important; color: #166534 !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .travel-forum-panel .tf-card-meta, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .travel-forum-panel .tf-card-excerpt, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .tf-composer-voice-meta { color: var(--text-dim) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .dating-stage { background: var(--ui-inset-surface) !important; border-color: var(--ui-inset-surface-border) !important; box-shadow: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .dating-photo-nav { color: var(--text-dim) !important; text-shadow: none !important; filter: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .dating-photo-nav:hover:not(:disabled), html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .dating-photo-nav:focus-visible:not(:disabled) { color: var(--text-main) !important; text-shadow: none !important; filter: none !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .dating-chip { background: #ffffff !important; border-color: var(--ui-inset-surface-border) !important; color: var(--text-main) !important; } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .mp-friend-discover-results { background: var(--ui-inset-surface) !important; border: 1px solid var(--ui-inset-surface-border); } html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialogs .msg-dialog-country, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialogs .msg-dialog-meta, html[data-ui-theme="liquid-aurora"] body:not(.tomato-mode) .message-dialogs .msg-dialog-time { color: var(--text-dim) !important; } /* Dark — luminous white accents, near-black panel outlines */ html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .left-panel, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .right-panel { border: 1px solid #0a0a0a !important; box-shadow: 0 0 0 1px #1a1a1a, var(--window-shadow-depth) !important; } html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .logo-main, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .my-page-nav-item i, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .my-page-global-btn i, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .profile-nav-title { color: #f0f0f0 !important; text-shadow: 0 0 10px rgba(255, 255, 255, 0.35), 0 0 18px rgba(255, 255, 255, 0.12); } html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .my-page-nav-item.is-active { border-color: #f0f0f0 !important; box-shadow: 0 0 12px rgba(255, 255, 255, 0.12) !important; } html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .tf-attach-btn, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .my-page-legal-link, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .ui-badge { color: #f0f0f0 !important; } html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) #timeSlider::-webkit-slider-thumb, html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) #timeSlider::-moz-range-thumb { background: #f0f0f0 !important; border-color: #ffffff !important; box-shadow: 0 0 10px rgba(255, 255, 255, 0.45), 0 0 18px rgba(255, 255, 255, 0.2) !important; } /* Tomato Battle isolation — all themes */ [data-ui-theme] .tomato-overlay, [data-ui-theme] .tomato-overlay * { --green: #7dfc8a; --blue: #3aa6ff; --text-main: #d5ddd5; --text-dim: #7f8a80; --bg-main: #0b0f10; --bg-panel: rgba(16, 22, 20, 0.96); --border-soft: rgba(125, 252, 138, 0.22); --border-strong: rgba(90, 180, 120, 0.8); --map-panel-bg: #0b0f10; --my-page-screen-bg: radial-gradient(circle at 0 0, #1e2b23 0, #050706 55%, #000 100%); }