/* ═══ POLAR NIGHT — deep arctic + aurora cyan/violet ═══ */

[data-ui-theme="polar-neon"] {
  --green: #5eeadc;
  --dark-green: #3a9e96;
  --blue: #8ab4ff;
  --red-neon: #ff7090;
  --bg-main: #060a12;
  --bg-panel: #0c1424;
  --bg-panel-soft: #101c30;
  --border-soft: rgba(94, 234, 220, 0.22);
  --border-strong: rgba(138, 180, 255, 0.55);
  --text-main: #e4f0ff;
  --text-dim: #8aa0be;
  --accent-olive: #6ec8e0;
  --accent-line: rgba(94, 234, 220, 0.32);
  --yellow: #ffe4a0;

  --ui-logo-color: #b8f8ff;
  --ui-logo-glow: 0 0 14px rgba(94, 234, 220, 0.35);
  --ui-body-texture: none;
  --ui-panel-texture: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 3px,
    rgba(94, 234, 220, 0.03) 3px,
    rgba(94, 234, 220, 0.03) 6px
  );
  --ui-panel-texture-opacity: 0.25;

  --ui-frame-border: rgba(94, 234, 220, 0.45);
  --ui-frame-glow: 0 0 20px rgba(94, 234, 220, 0.25), 0 0 40px rgba(138, 100, 255, 0.12);
  --ui-frame-opacity: 1;
  --window-border-color: rgba(94, 234, 220, 0.35);
  --window-shadow-depth: 0 14px 36px rgba(0, 0, 0, 0.55);

  --ui-panel-grad-a: #101c30;
  --ui-panel-grad-b: #060a12;
  --ui-panel-shell-ring: rgba(94, 234, 220, 0.14);
  --ui-seam-color: rgba(94, 234, 220, 0.48);
  --ui-seam-glow: 0 0 10px rgba(94, 234, 220, 0.3);
  --ui-panel-inset-shadow: rgba(94, 234, 220, 0.05);
  --ui-bg-texture-line: rgba(94, 234, 220, 0.06);
  --ui-bg-texture-opacity: 0.2;
  --ui-focus-ring: 0 0 0 1px rgba(94, 234, 220, 0.4), 0 0 0 3px rgba(138, 100, 255, 0.12);
  --ui-overlay-shell-bg: #0c1424;
  --ui-overlay-shell-grad: rgba(94, 234, 220, 0.08);

  --ui-card-surface: linear-gradient(160deg, #121e34 0%, #0a1020 100%);
  --ui-surface-fill: #101c30;
  --ui-surface-border: rgba(94, 234, 220, 0.22);
  --ui-surface-inset: inset 0 1px 0 rgba(200, 248, 255, 0.04);
  --ui-surface-hover-border: rgba(94, 234, 220, 0.52);
  --ui-surface-hover-glow: 0 0 10px rgba(94, 234, 220, 0.2);
  --ui-surface-active-fill: #162840;
  --ui-surface-active-border: rgba(138, 210, 255, 0.65);
  --ui-surface-active-glow: 0 0 14px rgba(94, 234, 220, 0.22);
  --ui-places-border: rgba(94, 234, 220, 0.2);
  --ui-panel-header-border: rgba(94, 234, 220, 0.18);
  --ui-nav-active-bg: rgba(94, 234, 220, 0.1);
  --ui-location-dot-glow: 0 0 6px rgba(94, 234, 220, 0.45);
  --ui-achievement-color: #b8f8ff;
  --ui-achievement-glow: 0 0 8px rgba(94, 234, 220, 0.2);
  --ui-data-split-shell-bg: rgba(4, 8, 16, 0.6);

  --map-panel-bg: radial-gradient(ellipse 110% 85% at 50% 35%, #0e1a32 0%, #060a12 55%, #030610 100%);
  --map-settings-bg: #0c1424;
  --map-settings-head-border: rgba(94, 234, 220, 0.18);
  --map-settings-text: #e8f4ff;
  --map-settings-text-dim: #8aa0be;
  --map-settings-item-border: rgba(94, 234, 220, 0.1);
  --map-settings-input-bg: #060a12;
  --map-settings-input-border: rgba(94, 234, 220, 0.28);
  --map-settings-input-text: #e8f4ff;
  --map-settings-seg-bg: #060a12;
  --map-settings-seg-border: rgba(94, 234, 220, 0.24);
  --map-settings-seg-text: #d8f0ff;
  --map-settings-seg-active-bg: rgba(94, 234, 220, 0.16);
  --map-settings-seg-active-border: rgba(138, 210, 255, 0.65);
  --map-settings-save-bg: rgba(94, 234, 220, 0.14);
  --map-settings-save-border: rgba(94, 234, 220, 0.45);
  --map-settings-save-text: #e8fcff;
  --map-chat-dock-bg: #0c1424;
  --map-chat-dock-shadow: 0 8px 28px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(94, 234, 220, 0.16);

  --node-log-tools-bg: #101c30;
  --node-log-tools-border: rgba(94, 234, 220, 0.2);
  --node-log-input-bg: #060a12;
  --node-log-input-border: rgba(94, 234, 220, 0.28);
  --node-log-input-focus-border: rgba(138, 210, 255, 0.55);
  --node-log-head-bg: #101c30;
  --node-log-head-border: rgba(94, 234, 220, 0.2);
  --node-log-title-color: #d8f8ff;
  --ui-place-active-bg: #162840;
  --ui-place-active-border: rgba(94, 234, 220, 0.55);
  --ui-place-active-glow: 0 0 16px rgba(94, 234, 220, 0.18);

  --ui-time-machine-bg: #0c1424;
  --ui-time-machine-border: rgba(94, 234, 220, 0.22);
  --ui-time-machine-title: #d8f8ff;
  --ui-time-machine-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  --ui-time-slider-track: #060a12;
  --ui-time-slider-track-border: rgba(94, 234, 220, 0.32);
  --ui-time-slider-thumb: radial-gradient(circle at 32% 28%, #d8fcff, #5eeadc 55%, #3a9e96);
  --ui-time-slider-thumb-solid: #5eeadc;
  --ui-time-slider-thumb-border: rgba(220, 252, 255, 0.9);
  --ui-time-slider-thumb-glow: 0 0 12px rgba(94, 234, 220, 0.5);

  --ui-glass-bg: #101c30;
  --ui-glass-border: rgba(94, 234, 220, 0.24);
  --ui-glass-border-strong: rgba(138, 180, 255, 0.4);
  --ui-glass-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  --ui-primary-bg: rgba(94, 234, 220, 0.14);
  --ui-primary-text: #e8fcff;
  --ui-primary-border: rgba(138, 210, 255, 0.48);
  --ui-primary-shadow: 0 0 12px rgba(94, 234, 220, 0.18);
  --ui-ghost-border: rgba(110, 190, 230, 0.42);
  --ui-badge-bg: rgba(94, 234, 220, 0.12);
  --ui-badge-text: #c8f8ff;
  --ui-toast-border: rgba(94, 234, 220, 0.28);
  --ui-toast-bg: #0c1424;
  --ui-toast-text: #eef8ff;
  --ui-panel-backdrop: rgba(2, 4, 10, 0.55);
  --ui-surface-row-bg: #101c30;
  --ui-surface-row-border: rgba(94, 234, 220, 0.18);
  --ui-icon-chip-bg: rgba(94, 234, 220, 0.06);
  --ui-icon-chip-border: rgba(138, 180, 255, 0.28);
  --ui-icon-chip-color: #d8f8ff;
  --ui-secondary-btn-bg: #060a12;
  --ui-secondary-btn-border: rgba(94, 234, 220, 0.28);
  --ui-secondary-btn-hover-border: rgba(94, 234, 220, 0.52);
  --ui-secondary-btn-hover-glow: 0 0 12px rgba(94, 234, 220, 0.18);
  --ui-card-border: rgba(94, 234, 220, 0.2);
  --ui-card-bg: var(--ui-card-surface);
  --ui-card-shadow: 0 14px 36px rgba(0, 0, 0, 0.48);
  --ui-forum-border: rgba(94, 234, 220, 0.2);
  --ui-forum-bg: #0a1020;
  --ui-forum-shadow: none;
  --ui-chat-header-bg: #101c30;
  --ui-chat-input-bg: #060a12;
  --ui-chat-sep: rgba(94, 234, 220, 0.14);
  --ui-tf-brand-border: rgba(94, 234, 220, 0.2);
  --ui-tf-brand-bg: #101c30;
  --ui-tf-composer-border: rgba(94, 234, 220, 0.22);
  --ui-tf-composer-bg: #0c1424;
  --ui-tf-post-border: rgba(94, 234, 220, 0.16);
  --ui-tf-post-bg: #101c30;
  --ui-input-border: rgba(94, 234, 220, 0.24);
  --ui-input-bg: #060a12;
  --ui-pill-border: rgba(94, 234, 220, 0.18);
  --ui-pill-bg: #101c30;
  --ui-glow-primary: 0 0 14px rgba(94, 234, 220, 0.22);
  --ui-glow-secondary: 0 0 10px rgba(138, 180, 255, 0.16);
  --ui-glow-tertiary: none;

  --ui-tf-name-color: #8ee8ff;
  --ui-tf-desc-color: #8aa0be;
  --ui-tf-composer-head-color: #d8f8ff;
  --ui-tf-composer-head-hint: #6a88a8;
  --ui-tf-composer-textarea-bg: #060a12;
  --ui-tf-composer-textarea-placeholder: #6a88a8;
  --ui-tf-composer-focus-border: rgba(94, 234, 220, 0.45);
  --ui-tf-composer-focus-shadow: 0 0 0 2px rgba(94, 234, 220, 0.2);
  --ui-tf-composer-card-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  --ui-tf-composer-shine: linear-gradient(135deg, rgba(94, 234, 220, 0.06), transparent 50%);
  --ui-tf-attach-bg: #060a12;
  --ui-tf-attach-color: #5eeadc;
  --ui-tf-post-btn-border: rgba(94, 234, 220, 0.45);
  --ui-tf-post-btn-bg: rgba(94, 234, 220, 0.12);
  --ui-tf-post-btn-text: #d8f8ff;

  --scroll-track: #060a12;
  --scroll-thumb: rgba(94, 234, 220, 0.35);
  --scroll-thumb-hover: rgba(138, 180, 255, 0.5);
  --scroll-thumb-border: rgba(94, 234, 220, 0.24);

  --my-page-screen-bg: radial-gradient(ellipse 120% 80% at 50% 0%, #0e1a32 0%, #060a12 50%, #030610 100%);
  --my-page-shell-bg: #0c1424;
  --theme-my-page-card-bg: #101c30;
  --theme-my-page-card-border: rgba(94, 234, 220, 0.2);
  --theme-my-page-card-shadow: 0 14px 36px rgba(0, 0, 0, 0.45);
  --my-page-nav-active-border: rgba(94, 234, 220, 0.45);
  --my-page-nav-active-bg: rgba(94, 234, 220, 0.1);
  --my-page-nav-active-color: #e8fcff;
  --my-page-nav-active-shadow: 0 0 12px rgba(94, 234, 220, 0.15);
  --my-page-color-scheme: dark;
  --my-page-rail-border: rgba(94, 234, 220, 0.18);
  --my-page-rail-bg: #101c30;
  --my-page-nav-item-text: #d8f0ff;
  --my-page-nav-item-icon: #5eeadc;
  --my-page-nav-item-hover-bg: rgba(94, 234, 220, 0.08);
  --my-page-muted-text: #8aa0be;
  --my-page-empty-text: #6a88a8;
  --my-page-stat-border: rgba(94, 234, 220, 0.18);
  --my-page-stat-bg: #101c30;
  --my-page-stat-label: #8aa0be;
  --my-page-stat-value: #d8f8ff;
  --my-page-stat-value-glow: 0 0 12px rgba(94, 234, 220, 0.18);
  --my-page-brand-chip-border: rgba(94, 234, 220, 0.16);
  --my-page-brand-chip-bg: #101c30;
  --my-page-btn-border: rgba(94, 234, 220, 0.24);
  --my-page-btn-bg: #060a12;
  --my-page-btn-text: #d8f0ff;
  --my-page-btn-primary-border: rgba(94, 234, 220, 0.42);
  --my-page-btn-primary-bg: rgba(94, 234, 220, 0.12);
  --my-page-btn-primary-text: #e8fcff;
  --my-page-btn-hover-border: rgba(94, 234, 220, 0.48);
  --my-page-btn-hover-bg: #101c30;
  --my-page-search-border: rgba(94, 234, 220, 0.2);
  --my-page-search-bg: #060a12;
  --my-page-input-border: rgba(94, 234, 220, 0.2);
  --my-page-input-bg: #060a12;
  --my-page-dialog-active-border: rgba(94, 234, 220, 0.38);
  --my-page-dialog-active-bg: #162840;
  --my-page-shell-outline: rgba(94, 234, 220, 0.32);
  --my-page-flash-outline: rgba(138, 210, 255, 0.42);
  --my-page-topbar-bg: #0c1424;
  --my-page-topbar-border: rgba(94, 234, 220, 0.18);
  --my-page-topbar-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --my-page-global-search-border: rgba(94, 234, 220, 0.24);
  --my-page-global-search-bg: #060a12;
  --my-page-global-search-placeholder: #6a88a8;
  --my-page-global-btn-border: rgba(94, 234, 220, 0.24);
  --my-page-global-btn-bg: #060a12;
  --my-page-global-btn-hover-bg: rgba(94, 234, 220, 0.1);
  --my-page-global-btn-hover-border: rgba(138, 210, 255, 0.42);
  --my-page-global-btn-icon: #8ee8ff;
  --my-page-legal-text: #8aa0be;
  --my-page-legal-text-dim: #6a88a8;
  --my-page-legal-edge: linear-gradient(90deg, transparent, rgba(94, 234, 220, 0.4), transparent);
  --my-page-legal-edge-glow: 0 0 12px rgba(94, 234, 220, 0.12);
  --my-page-legal-inner-bg: #101c30;
  --my-page-legal-copy: #a8c8e0;
  --my-page-legal-brand: #e8fcff;
  --my-page-legal-sub: #8aa0be;
  --my-page-legal-rights: #6a88a8;
  --my-page-legal-ip: #8aa0be;
  --my-page-legal-ip-border: rgba(94, 234, 220, 0.14);
  --my-page-legal-link: #8ee8ff;
  --my-page-legal-link-border: rgba(94, 234, 220, 0.24);
  --my-page-legal-link-hover: #d8f8ff;
  --my-page-legal-link-hover-border: rgba(138, 210, 255, 0.35);
  --my-page-col-title-color: #d8f8ff;
  --my-page-col-title-shadow: 0 0 16px rgba(94, 234, 220, 0.18);
  --my-page-side-title-color: #a8c8e0;
  --my-page-rail-inset: inset 0 1px 0 rgba(200, 248, 255, 0.05);

  --my-page-cover-bg: linear-gradient(135deg, rgba(94, 234, 220, 0.12) 0%, #0c1424 55%, #060a12 100%);
  --my-page-header-glass: #101c30;
  --my-page-header-glass-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  --my-page-header-contour: linear-gradient(90deg, transparent, rgba(94, 234, 220, 0.45), rgba(138, 100, 255, 0.3), transparent);
  --my-page-col-divider: linear-gradient(180deg, transparent, rgba(94, 234, 220, 0.4), transparent);
  --my-page-col-divider-glow: 0 0 14px rgba(94, 234, 220, 0.15);
  --my-page-layout-edge: linear-gradient(180deg, transparent, rgba(94, 234, 220, 0.28), transparent);
  --my-page-layout-edge-glow: 0 0 16px rgba(94, 234, 220, 0.12);
}