/*
 * themes.css — 三套主题的外观与适配
 * 职责：极星幻域、梦想星球、暖冬世界的配色、背景、景观、装饰、交互状态，
 * 以及各主题共用的最终控件和手机布局适配。
 * 通过 html[data-scene-theme] 选择主题；必须在 site.css 之后加载。
 * 布局与组件基础定义见 site.css。
 */
html[data-scene-theme] {
  --control-radius: 16px !important;
  --card-border-color: var(--theme-control-border-color) !important;
  --card-border-width: 1px !important;
  --sidebar-text-color: var(--theme-text-primary-color) !important;
  --header-button-color: var(--theme-text-primary-color) !important;
  --header-background: var(--theme-navigation-background) !important;
  --header-button-background: var(--theme-control-background) !important;
  --header-flyout-background: var(--theme-dialog-background) !important;
  --sidebar-background: var(--theme-navigation-background) !important;
  --page-background-color: var(--theme-page-background-color) !important;
  --page-background-image: var(--theme-page-background-image) !important;
  --card-surface-color: var(--theme-card-background) !important;
  --control-surface-color: var(--theme-control-background) !important;
  --control-surface-muted-color: var(--theme-control-background) !important;
  --category-surface-color: var(--theme-category-background) !important;
  --header-surface-color: var(--theme-navigation-background) !important;
  --control-border-color: var(--theme-control-border-color) !important;
  --control-border-soft-color: var(--theme-control-border-color) !important;
  --control-border-strong-color: var(--theme-control-border-color) !important;
  --text-primary-color: var(--theme-text-primary-color) !important;
  --text-secondary-color: var(--theme-text-secondary-color) !important;
  --text-muted-color: var(--theme-text-muted-color) !important;
  --action-accent-color: var(--theme-action-accent-color) !important;
  --action-hover-color: var(--theme-action-hover-color) !important;
  --action-soft-background: var(--theme-action-soft-background) !important;
  --action-pressed-background: var(--theme-action-pressed-background) !important;
  --action-text-color: #fff !important;
  --shadow-xs: var(--theme-surface-shadow) !important;
  --shadow-sm: var(--theme-surface-shadow) !important;
  --shadow-md: var(--theme-surface-hover-shadow) !important;
  --shadow-lg: var(--theme-surface-hover-shadow) !important;
}
html[data-scene-theme="polar"] {
  color-scheme: dark;
  --action-accent-rgb: 152,220,243 !important;
  --polar-page-background-color: #050817;
  --theme-page-background-color: var(--polar-page-background-color);
  --polar-page-background-image: radial-gradient(900px 560px at 9% 2%,rgba(68,74,174,.33),transparent 68%),radial-gradient(780px 580px at 94% 24%,rgba(36,135,168,.22),transparent 72%),radial-gradient(740px 620px at 47% 92%,rgba(107,54,157,.19),transparent 74%),linear-gradient(155deg,#050817,#090f27 48%,#07182b);
  --theme-page-background-image: var(--polar-page-background-image);
  --polar-text-primary-color: #f2f6ff;
  --theme-text-primary-color: var(--polar-text-primary-color);
  --polar-text-secondary-color: #c6d5ed;
  --theme-text-secondary-color: var(--polar-text-secondary-color);
  --polar-text-muted-color: #a2b7d6;
  --theme-text-muted-color: var(--polar-text-muted-color);
  --polar-control-border-color: rgba(169,199,247,.25);
  --theme-control-border-color: var(--polar-control-border-color);
  --polar-action-accent-color: #98dcf3;
  --theme-action-accent-color: var(--polar-action-accent-color);
  --polar-action-hover-color: #b8eafb;
  --theme-action-hover-color: var(--polar-action-hover-color);
  --polar-action-soft-background: rgba(152,220,243,.12);
  --theme-action-soft-background: var(--polar-action-soft-background);
  --polar-action-pressed-background: rgba(152,220,243,.22);
  --theme-action-pressed-background: var(--polar-action-pressed-background);
  --polar-category-background: rgba(12,22,50,.10);
  --theme-category-background: var(--polar-category-background);
  --polar-card-background: rgba(23,36,76,.10);
  --theme-card-background: var(--polar-card-background);
  --polar-control-background: rgba(38,52,94,.10);
  --theme-control-background: var(--polar-control-background);
  --polar-dialog-background: #111d3c;
  --theme-dialog-background: var(--polar-dialog-background);
  --polar-navigation-background: rgba(10,18,39,.8);
  --theme-navigation-background: var(--polar-navigation-background);
  --polar-surface-shadow: 0 20px 56px -24px rgba(2,7,24,.7);
  --theme-surface-shadow: var(--polar-surface-shadow);
  --polar-surface-hover-shadow: 0 22px 50px -20px rgba(2,7,24,.78);
  --theme-surface-hover-shadow: var(--polar-surface-hover-shadow);
  --polar-action-background: linear-gradient(110deg,#4c6fbc,#8069c3 58%,#4f99bb);
  --theme-action-background: var(--polar-action-background);
  --polar-surface-backdrop-filter: blur(19px) saturate(145%);
  --theme-surface-backdrop-filter: var(--polar-surface-backdrop-filter);
}
html[data-scene-theme="dream"] {
  color-scheme: light;
  --action-accent-rgb: 0,122,255 !important;
  --dream-page-background-color: #fff;
  --theme-page-background-color: var(--dream-page-background-color);
  --dream-page-background-image: linear-gradient(180deg,#fff 0%,#f7f8fb 52%,#fff 100%);
  --theme-page-background-image: var(--dream-page-background-image);
  --dream-text-primary-color: #1d1d1f;
  --theme-text-primary-color: var(--dream-text-primary-color);
  --dream-text-secondary-color: #66666b;
  --theme-text-secondary-color: var(--dream-text-secondary-color);
  --dream-text-muted-color: #85858b;
  --theme-text-muted-color: var(--dream-text-muted-color);
  --dream-control-border-color: #dedee3;
  --theme-control-border-color: var(--dream-control-border-color);
  --dream-action-accent-color: #007aff;
  --theme-action-accent-color: var(--dream-action-accent-color);
  --dream-action-hover-color: #3193ff;
  --theme-action-hover-color: var(--dream-action-hover-color);
  --dream-action-soft-background: rgba(0,122,255,.09);
  --theme-action-soft-background: var(--dream-action-soft-background);
  --dream-action-pressed-background: rgba(0,122,255,.17);
  --theme-action-pressed-background: var(--dream-action-pressed-background);
  --dream-category-background: rgba(247,250,255,.87);
  --theme-category-background: var(--dream-category-background);
  --dream-card-background: rgba(255,255,255,.93);
  --theme-card-background: var(--dream-card-background);
  --dream-control-background: rgba(255,255,255,.9);
  --theme-control-background: var(--dream-control-background);
  --dream-dialog-background: rgba(255,255,255,.985);
  --theme-dialog-background: var(--dream-dialog-background);
  --dream-navigation-background: rgba(255,255,255,.82);
  --theme-navigation-background: var(--dream-navigation-background);
  --dream-surface-shadow: 0 12px 32px -24px rgba(54,91,141,.2);
  --theme-surface-shadow: var(--dream-surface-shadow);
  --dream-surface-hover-shadow: 0 16px 34px -19px rgba(54,91,141,.3);
  --theme-surface-hover-shadow: var(--dream-surface-hover-shadow);
  --dream-action-background: #007aff;
  --theme-action-background: var(--dream-action-background);
  --dream-surface-backdrop-filter: blur(10px) saturate(112%);
  --theme-surface-backdrop-filter: var(--dream-surface-backdrop-filter);
}
html[data-scene-theme="winter"] {
  color-scheme: light;
  --action-accent-rgb: 0,122,255 !important;
  --winter-page-background-color: #fcfdff;
  --theme-page-background-color: var(--winter-page-background-color);
  --winter-page-background-image: radial-gradient(ellipse at 90% 8%,#fff4e8,transparent 32%), radial-gradient(ellipse at 5% 45%,#edf8f9,transparent 35%), radial-gradient(ellipse at 12% 0%,#edf4ff,transparent 28%), linear-gradient(180deg,#fff,#fcfdff 70%,#f8fbff);
  --theme-page-background-image: var(--winter-page-background-image);
  --winter-text-primary-color: #343747;
  --theme-text-primary-color: var(--winter-text-primary-color);
  --winter-text-secondary-color: #626b79;
  --theme-text-secondary-color: var(--winter-text-secondary-color);
  --winter-text-muted-color: #77828f;
  --theme-text-muted-color: var(--winter-text-muted-color);
  --winter-control-border-color: #dce6f1;
  --theme-control-border-color: var(--winter-control-border-color);
  --winter-action-accent-color: #007aff;
  --theme-action-accent-color: var(--winter-action-accent-color);
  --winter-action-hover-color: #3193ff;
  --theme-action-hover-color: var(--winter-action-hover-color);
  --winter-action-soft-background: rgba(0,122,255,.09);
  --theme-action-soft-background: var(--winter-action-soft-background);
  --winter-action-pressed-background: rgba(0,122,255,.17);
  --theme-action-pressed-background: var(--winter-action-pressed-background);
  --winter-category-background: rgba(255,255,255,.86);
  --theme-category-background: var(--winter-category-background);
  --winter-card-background: rgba(255,255,255,.91);
  --theme-card-background: var(--winter-card-background);
  --winter-control-background: rgba(255,255,255,.92);
  --theme-control-background: var(--winter-control-background);
  --winter-dialog-background: rgba(255,255,255,.985);
  --theme-dialog-background: var(--winter-dialog-background);
  --winter-navigation-background: rgba(255,255,255,.82);
  --theme-navigation-background: var(--winter-navigation-background);
  --winter-surface-shadow: 0 12px 30px -16px rgba(59,77,102,.18);
  --theme-surface-shadow: var(--winter-surface-shadow);
  --winter-surface-hover-shadow: 0 18px 34px -18px rgba(59,77,102,.26);
  --theme-surface-hover-shadow: var(--winter-surface-hover-shadow);
  --winter-action-background: #10b981;
  --theme-action-background: var(--winter-action-background);
  --winter-surface-backdrop-filter: blur(12px) saturate(108%);
  --theme-surface-backdrop-filter: var(--winter-surface-backdrop-filter);
}
html[data-scene-theme] body.page-body {
  color: var(--theme-text-primary-color) !important;
  background-color: var(--theme-page-background-color) !important;
  background-image: var(--theme-page-background-image) !important;
}
.page-atmosphere { display: none; }
html[data-scene-theme] .page-atmosphere {
  display: block; position: fixed; inset: 0; z-index: 0; overflow: hidden; 
}
html[data-scene-theme] .page-container { position: relative; z-index: 1; }
html[data-scene-theme="polar"] .page-atmosphere {
  background-image: radial-gradient(1px 1px at 8% 13%,#dbeaff,transparent),radial-gradient(2px 2px at 18% 58%,#99d4f5,transparent),radial-gradient(1px 1px at 31% 27%,#fff,transparent),radial-gradient(2px 2px at 49% 11%,#adb9fb,transparent),radial-gradient(1px 1px at 61% 71%,#dbeaff,transparent),radial-gradient(2px 2px at 83% 24%,#fff,transparent),radial-gradient(1px 1px at 93% 69%,#b6d9ed,transparent);
  background-size: 720px 620px; opacity: .8;
}
.scene-planet { position: absolute; display: block; border-radius: 50%; opacity: .65; }
html[data-scene-theme="polar"] .scene-planet-one { width: 210px; height: 210px; right: -56px; top: 13%; background: radial-gradient(circle at 32% 28%,#a4c0ff,#5662ac 37%,#263d75 68%,#0e1b42); box-shadow: 0 0 85px rgba(83,116,206,.24); }
html[data-scene-theme="polar"] .scene-planet-two { width: 95px; height: 95px; left: 11%; bottom: 7%; background: radial-gradient(circle at 30% 25%,#a8e7ee,#37859f 54%,#153759); }
html[data-scene-theme="polar"] .scene-planet-three { width: 54px; height: 54px; right: 17%; bottom: 13%; background: radial-gradient(circle at 34% 30%,#f9e6c1,#bc7d98 54%,#554877); }
html[data-scene-theme="dream"] .scene-planet-one { width: 155px; height: 155px; right: -65px; top: 16%; background: radial-gradient(circle at 30% 25%,#fff1e4,#f4b9b7 64%,#d8a1c8); }
html[data-scene-theme="dream"] .scene-planet-two {   left: -40px; top: 48%;  }
html[data-scene-theme="dream"] .scene-planet-three {   right: 8%; bottom: 7%;  }
html[data-scene-theme="winter"] .page-atmosphere { background: url('../images/pm-winter-scene.svg') center bottom / cover no-repeat; opacity: .65; }
html[data-scene-theme="winter"] .scene-planet { display: none; }
html[data-scene-theme] .sidebar-menu.fixed,
html[data-scene-theme] .user-info-navbar {
  background: var(--theme-navigation-background) !important; border-color: var(--theme-control-border-color) !important;

}

html[data-scene-theme] .sidebar-menu .main-menu a,
html[data-scene-theme] .sidebar-menu .main-menu a i,
html[data-scene-theme] .sidebar-menu .main-menu a .title { color: var(--theme-text-primary-color) !important; }
html[data-scene-theme] .sidebar-menu .main-menu li.active > a,
html[data-scene-theme] .sidebar-menu .main-menu li.opened > a { color: var(--theme-action-accent-color) !important; background: var(--theme-action-soft-background) !important; }
html[data-scene-theme="winter"] .sidebar-menu .main-menu li.active > a,
html[data-scene-theme="winter"] .sidebar-menu .main-menu li.opened > a { color: #0d9466 !important; background: rgba(16,185,129,.12) !important; }
html[data-scene-theme] .category-section:not(.no-bg) {  border: 1px solid var(--theme-control-border-color) !important; box-shadow: var(--theme-surface-shadow) !important;   }
html[data-scene-theme] body .site-card { background: var(--theme-card-background) !important; border: 1px solid var(--theme-control-border-color) !important;  color: var(--theme-text-primary-color) !important; }
html[data-scene-theme] body .site-card:hover {  box-shadow: var(--theme-surface-hover-shadow) !important; }
html[data-scene-theme] .nav-search input#siteSearchInput,
html[data-scene-theme] .search-engine-switch .ses-toggle,
html[data-scene-theme] .style-toggle,
html[data-scene-theme] .theme-picker-toggle,
html[data-scene-theme] .form-dropdown-toggle {
  color: var(--theme-text-primary-color) !important; background: var(--theme-control-background) !important; border: 1px solid var(--theme-control-border-color) !important;
}
html[data-scene-theme] .nav-search input#siteSearchInput::placeholder { color: var(--theme-text-muted-color) !important; opacity: 1; }
html[data-scene-theme] .search-engine-switch .ses-menu,
html[data-scene-theme] .nav-search .search-results,
html[data-scene-theme] .export-menu,
html[data-scene-theme] .form-dropdown-menu { color: var(--theme-text-primary-color) !important; background: var(--theme-dialog-background) !important; border-color: var(--theme-control-border-color) !important; }
html[data-scene-theme] .search-engine-switch .ses-menu button,
html[data-scene-theme] .export-menu button,
html[data-scene-theme] .form-dropdown-item { color: var(--theme-text-primary-color) !important; }
html[data-scene-theme] .editor-modal .modal-content,
html[data-scene-theme] .theme-picker-panel { color: var(--theme-text-primary-color) !important; background: var(--theme-dialog-background) !important; border: 1px solid var(--theme-control-border-color) !important; box-shadow: var(--theme-surface-hover-shadow) !important; }
html[data-scene-theme="dream"] body .modal-backdrop,
html[data-scene-theme="winter"] body .modal-backdrop { background: transparent !important; opacity: 0 !important; }
html[data-scene-theme] .modal .form-control { background: var(--theme-control-background); border-color: var(--theme-control-border-color); color: var(--theme-text-primary-color); }
html[data-scene-theme] .search-submit-button,
html[data-scene-theme] .editor-modal .btn-primary,
html[data-scene-theme] .admin-fab-main,
html[data-scene-theme] .admin-fab-menu #btnAddCat,
html[data-scene-theme] .search-count { background: var(--theme-action-background) !important; border-color: transparent !important; color: #fff !important; }
html[data-scene-theme] .search-submit-button:hover,
html[data-scene-theme] .editor-modal .btn-primary:hover,
html[data-scene-theme] .admin-fab-main:hover { filter: brightness(1.08); }
html[data-scene-theme] :is(button,a,input,select,textarea):focus-visible { outline: 3px solid var(--theme-action-pressed-background); outline-offset: 2px; }
.theme-picker-scene-options { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; }
.theme-picker-scene-choice { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 62px; padding: 7px 4px; border: 1px solid var(--control-border-color); border-radius: 12px; background: var(--control-surface-color); color: var(--text-primary-color); font-size: 12px; cursor: pointer; }
.theme-picker-scene-choice:hover,
.theme-picker-scene-choice.active { border-color: var(--action-accent-color); background: var(--action-soft-background); color: var(--action-accent-color); }
.theme-picker-scene-choice.active { box-shadow: inset 0 0 0 1px var(--action-accent-color); }
@media (max-width: 700px) {
html[data-scene-theme] .scene-planet-one { transform: scale(.65); transform-origin: top right; }
html[data-scene-theme] .scene-planet-two,
html[data-scene-theme] .scene-planet-three { opacity: .35; }
html[data-scene-theme="winter"] .page-atmosphere { background-position: 58% bottom; opacity: .25; }
.theme-picker-scene-choice { font-size: 11px; }

}
@media (prefers-reduced-motion: reduce) {
html[data-scene-theme] *,
html[data-scene-theme] *::before,
html[data-scene-theme] *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }

}
html[data-scene-theme] {
  --control-radius: 16px !important;
  --pc-sidebar-width: 262px;
  --pc-sidebar-collapsed-width: 76px;
  --header-height: 74px;
  --card-height: 86px;
  --theme-select-text-color: var(--theme-action-accent-color);
  --theme-select-background: var(--theme-action-soft-background);
  --status-danger-color: #ea655f;
  --status-success-color: #16ae7a;
}
html[data-scene-theme="winter"] { --winter-select-text-color: #10b981;
  --theme-select-text-color: var(--winter-select-text-color);
  --winter-select-background: rgba(16,185,129,.13);
  --theme-select-background: var(--winter-select-background);
  --winter-select-focus-ring: rgba(16,185,129,.23);
  --theme-select-focus-ring: var(--winter-select-focus-ring); }
html[data-scene-theme] .sidebar-menu.fixed,
html[data-scene-theme] .user-info-navbar {
  -webkit-backdrop-filter: var(--theme-surface-backdrop-filter) !important;
  backdrop-filter: var(--theme-surface-backdrop-filter) !important;
}
html[data-scene-theme] .page-container .sidebar-menu.fixed {
  border-right: 1px solid var(--theme-control-border-color) !important;
  box-shadow: 8px 0 36px -30px rgba(2,8,22,.36) !important;
}
html[data-scene-theme] .sidebar-menu .sidebar-menu-inner { display: flex; flex-direction: column; min-height: 100%; }
html[data-scene-theme] .sidebar-menu .logo-env {
  padding: 24px 18px 20px !important;
  border-bottom: 1px solid var(--theme-control-border-color);
  min-height: 88px;
}
html[data-scene-theme] .header-brand {
  display: inline-flex; align-items: center; gap: 11px; padding: 0; margin: 0;
  border: 0; background: transparent; color: var(--theme-text-primary-color);
  text-align: left; cursor: pointer; max-width: 100%;
}
html[data-scene-theme] .header-brand-mark {
  display: grid; place-items: center; flex: 0 0 44px; height: 44px;
  border-radius: 15px; color: #fff; font-size: 24px; line-height: 1;
  background: var(--theme-action-background); box-shadow: 0 8px 22px -10px rgba(var(--action-accent-rgb),.55);
}
html[data-scene-theme="polar"] .header-brand-mark { background: linear-gradient(135deg,#536fc0,#8d73c9 60%,#63c0d9); }
html[data-scene-theme="dream"] .header-brand-mark { background: linear-gradient(135deg,#74b7ff,#007aff); }
html[data-scene-theme="winter"] .header-brand-mark { background: #1d1d1f; color: #fff; box-shadow: none; }
html[data-scene-theme] .header-brand-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-scene-theme] .header-brand-copy strong { font-size: 19px; line-height: 1.2; letter-spacing: -.02em; color: var(--theme-text-primary-color); white-space: nowrap; }
html[data-scene-theme] .header-brand-copy small { font-size: 10px; font-weight: 600; letter-spacing: .16em; color: var(--theme-text-muted-color); white-space: nowrap; }
html[data-scene-theme] .sidebar-menu.collapsed .header-brand-copy { display: none; }
html[data-scene-theme] .sidebar-menu.collapsed .logo-env { padding-left: 16px !important; padding-right: 16px !important; }
html[data-scene-theme] .sidebar-menu .main-menu { flex: 0 1 auto;  }
html[data-scene-theme] .sidebar-menu .main-menu > li { margin: 4px 0; }
html[data-scene-theme] .sidebar-menu .main-menu > li > a,
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a {
  min-height: 44px; display: flex; align-items: center; gap: 10px;
  border-radius: 13px; padding: 10px 13px !important;
  color: var(--theme-text-secondary-color) !important;
  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important;
  transition: background .18s ease,color .18s ease,transform .18s ease;
}
html[data-scene-theme] .sidebar-menu .main-menu > li > a .title {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-family: inherit !important; font-size: 14px !important; font-weight: 650 !important;
  line-height: 1.4 !important; letter-spacing: .012em !important; color: var(--theme-text-primary-color) !important;
}
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a .title {
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-family: inherit !important; font-size: 13px !important; 
  line-height: 1.45 !important; letter-spacing: .01em !important; 
}
html[data-scene-theme] .sidebar-menu .main-menu a i {
  flex: 0 0 18px; width: 18px; text-align: center; line-height: 1 !important;
  color: var(--theme-action-accent-color) !important; opacity: .8;
}
html[data-scene-theme] .sidebar-menu .main-menu a:hover,
html[data-scene-theme] .sidebar-menu .main-menu li.active > a,
html[data-scene-theme] .sidebar-menu .main-menu li.opened > a {
  color: var(--theme-select-text-color) !important; background: var(--theme-select-background) !important;
  transform: translateX(2px);
}
html[data-scene-theme] .sidebar-menu .main-menu li.active > a i,
html[data-scene-theme] .sidebar-menu .main-menu li.opened > a i { opacity: 1; }
html[data-scene-theme] .sidebar-menu .main-menu li.active > a .title,
html[data-scene-theme] .sidebar-menu .main-menu li.opened > a .title,
html[data-scene-theme] .sidebar-menu .main-menu a:hover .title { color: var(--theme-select-text-color) !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul {
  border: 1px solid var(--theme-control-border-color) !important;
  border-radius: 0 0 13px 13px; margin: -1px 0 8px; padding: 5px !important;

}
html[data-scene-theme] .sidebar-caption {
  margin: auto 20px 20px; padding: 16px 14px;
  border: 1px solid var(--theme-control-border-color); border-radius: 16px;
  background: var(--theme-control-background); color: var(--theme-text-secondary-color);
}
html[data-scene-theme] .sidebar-caption span { font-size: 10px; font-weight: 800; letter-spacing: .18em; color: var(--theme-action-accent-color); }
html[data-scene-theme] .sidebar-caption p { margin: 7px 0 0; font-size: 12px; line-height: 1.5; }
html[data-scene-theme] .sidebar-menu.collapsed .sidebar-caption { display: none; }
html[data-scene-theme] .page-container .main-content .navbar.user-info-navbar {
  min-height: var(--header-height); padding: 0 26px !important;
  border-bottom: 1px solid var(--theme-control-border-color) !important;
  box-shadow: 0 14px 34px -30px rgba(12,28,56,.45) !important;
}
html[data-scene-theme] .user-info-navbar .nav-search { gap: 10px; }
html[data-scene-theme] .nav-data-controls { position: relative; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }
html[data-scene-theme] .nav-search input#siteSearchInput,
html[data-scene-theme] .search-engine-switch .ses-toggle,
html[data-scene-theme] .style-toggle,
html[data-scene-theme] .theme-picker-toggle,
html[data-scene-theme] .login-entry {
  height: 42px; border: 1px solid var(--theme-control-border-color) !important;
  border-radius: 13px !important; background: var(--theme-control-background) !important;
  color: var(--theme-text-primary-color) !important; box-shadow: none !important;
}
html[data-scene-theme] .nav-search input#siteSearchInput { min-width: 180px; padding: 0 16px; }
html[data-scene-theme] .theme-picker-toggle { gap: 8px; padding: 0 13px; }
html[data-scene-theme] .theme-picker-toggle .theme-picker-current-theme {
  border-left: 1px solid var(--theme-control-border-color); padding-left: 8px;
  color: var(--theme-action-accent-color); font-size: 11px; font-weight: 700;
}
html[data-scene-theme] .theme-picker-toggle:hover,
html[data-scene-theme] .search-engine-switch .ses-toggle:hover,
html[data-scene-theme] .login-entry:hover { border-color: var(--theme-action-accent-color) !important; }
html[data-scene-theme] .search-submit-button,
html[data-scene-theme] .mobile-search-inner button#mobileSearchGo {
  height: 42px; padding: 0 19px; border-radius: 13px !important;
  color: #fff !important; background: var(--theme-action-background) !important;
  box-shadow: 0 8px 20px -11px rgba(var(--action-accent-rgb),.6) !important;
}
html[data-scene-theme] .nav-search .search-submit-button {
  background: var(--theme-action-background) !important;
  color: #fff !important;
  border-color: transparent !important;
}
html[data-scene-theme] .search-engine-switch .ses-menu,
html[data-scene-theme] .nav-search .search-results,
html[data-scene-theme] .export-menu {
  background: var(--theme-dialog-background) !important; color: var(--theme-text-primary-color) !important;
  border: 1px solid var(--theme-control-border-color) !important; border-radius: 15px;
  box-shadow: var(--theme-surface-hover-shadow) !important;
}
html[data-scene-theme] .search-engine-switch .ses-menu button:hover,
html[data-scene-theme] .search-engine-switch .ses-menu button.active,
html[data-scene-theme] .nav-search .search-results .sr-item:hover { background: var(--theme-select-background) !important; color: var(--theme-select-text-color) !important; }
html[data-scene-theme] .mobile-search-panel { background: var(--theme-dialog-background) !important; border-color: var(--theme-control-border-color); }
html[data-scene-theme] .mobile-search-inner input#mobileSearchInput { background: var(--theme-control-background); border-color: var(--theme-control-border-color); color: var(--theme-text-primary-color); }
html[data-scene-theme] .category-section:not(.no-bg) {
  padding: 22px 22px 18px; border-radius: 21px;
  background: var(--theme-category-background) !important; border-color: var(--theme-control-border-color) !important;

}
html[data-scene-theme] .category-section .section-title { font-size: 15px; font-weight: 800; color: var(--theme-text-primary-color) !important; letter-spacing: .01em; }
html[data-scene-theme] body .site-card { border-radius: 16px !important; min-height: 86px; }
html[data-scene-theme] .card-title strong { color: var(--theme-text-primary-color) !important; font-weight: 700; }
html[data-scene-theme] .card-description p { color: var(--theme-text-secondary-color) !important; }
html[data-scene-theme] .editor-modal .modal-content { border-radius: 22px; }
html[data-scene-theme] .modal .form-control { border-radius: 13px; min-height: 42px; }
html[data-scene-theme] .modal .btn { border-radius: 13px; min-height: 40px; }
html[data-scene-theme] .search-count { border-radius: 13px; }
html[data-scene-theme] .main-footer { color: var(--theme-text-muted-color) !important; border-color: var(--theme-control-border-color); }
html[data-scene-theme] #themePickerPanel {
   max-width: calc(100vw - 28px); right: -10px; top: calc(100% + 14px);
  margin-top: 0; padding: 20px; max-height: min(78vh, 560px);
  border: 1px solid var(--theme-control-border-color) !important; border-radius: 22px;
  background: var(--theme-dialog-background) !important;
  -webkit-backdrop-filter: blur(18px) saturate(120%); backdrop-filter: blur(18px) saturate(120%);
}
.theme-picker-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.theme-picker-panel-eyebrow { color: var(--theme-action-accent-color); font-size: 10px; font-weight: 800; letter-spacing: .19em; }
.theme-picker-panel-header h2 { color: var(--theme-text-primary-color); margin: 5px 0 0; font-size: 22px; line-height: 1.2; font-weight: 800; }
.theme-picker-panel-intro { color: var(--theme-text-secondary-color); margin: 8px 0 18px; font-size: 13px; }
html[data-scene-theme] .theme-picker-scene-options { display: grid;   }
html[data-scene-theme] .theme-picker-scene-choice {
    justify-content: flex-start;
   gap: 0;  text-align: left;
  border: 1px solid var(--theme-control-border-color); border-radius: 17px;
  background: var(--theme-card-background); color: var(--theme-text-primary-color);
  box-shadow: none; 
}
html[data-scene-theme] .theme-picker-scene-choice:hover { transform: translateY(-2px); border-color: var(--theme-action-accent-color); box-shadow: var(--theme-surface-shadow); }
html[data-scene-theme] .theme-picker-scene-choice.active { border-color: var(--theme-select-text-color); box-shadow: 0 0 0 2px var(--theme-select-focus-ring,var(--theme-action-pressed-background)); background: var(--theme-card-background); }
.theme-picker-scene-art { position: relative; display: block; width: 100%; height: 76px; border-radius: 11px; overflow: hidden; margin-bottom: 10px; }
.theme-picker-scene-art span { position: absolute; width: 39px; height: 39px; border-radius: 50%; right: 18%; top: 18px; }

.theme-picker-scene-polar .theme-picker-scene-art span { background: radial-gradient(circle at 30% 25%,#c2d3ff,#5867b0 52%,#222f60); box-shadow: 0 0 20px #5e74ca; }

.theme-picker-scene-dream .theme-picker-scene-art span { background: radial-gradient(circle at 30% 25%,#fff7ec,#f3c0c4 70%,#d9a9ce); box-shadow: 0 6px 17px #d8ddea; }

.theme-picker-scene-winter .theme-picker-scene-art span { background: radial-gradient(circle at 30% 25%,#fff,#ffe3aa 70%,#f4c582); }
.theme-picker-scene-name { font-size: 14px; font-weight: 800; color: var(--theme-text-primary-color); line-height: 1.2; }
.theme-picker-scene-subtitle { font-size: 11px; font-weight: 500; color: var(--theme-text-muted-color); margin-top: 4px; line-height: 1.35; }
html[data-scene-theme] .page-atmosphere { pointer-events: none; }
html[data-scene-theme] .scene-ringed { position: absolute; width: 190px; height: 190px; right: 2%; top: 14%; opacity: .7; animation: sceneFloat 15s ease-in-out infinite alternate; }
html[data-scene-theme] .scene-orb { position: absolute; inset: 0; border-radius: 50%; z-index: 2; background: radial-gradient(circle at 32% 28%,#a4c0ff,#5662ac 42%,#263d75 73%,#0e1b42); box-shadow: 0 0 85px rgba(83,116,206,.24); }
html[data-scene-theme] .scene-ring { position: absolute; z-index: 1; left: -27%; top: 28%; width: 154%; height: 45%; border: 10px solid rgba(166,191,255,.47); border-radius: 50%; transform: rotate(-22deg); }
html[data-scene-theme] .scene-ring-back { clip-path: inset(0 0 50% 0); }
html[data-scene-theme] .scene-ring-front { z-index: 3; clip-path: inset(50% 0 0 0); }
html[data-scene-theme] .scene-sun { position: absolute; width: 96px; height: 96px; left: 15%; bottom: 10%; border-radius: 50%; background: radial-gradient(circle,#fff7dd,#efae87 28%,rgba(228,123,138,.16) 64%,transparent 72%); filter: blur(.3px); animation: sceneBreathe 8s ease-in-out infinite alternate; }
html[data-scene-theme] .scene-orbit { position: absolute; width: 390px; height: 174px; left: 4%; bottom: 4%; border: 1px solid rgba(178,201,248,.18); border-radius: 50%; transform: rotate(-22deg); }
html[data-scene-theme="dream"] .scene-ringed { width: 150px; height: 150px; right: -3%; top: 16%; opacity: .42; }
html[data-scene-theme="dream"] .scene-orb {  box-shadow: none; }

html[data-scene-theme="dream"] .scene-sun,
html[data-scene-theme="dream"] .scene-orbit { display: none; }

html[data-scene-theme="winter"] .scene-sun,
html[data-scene-theme="winter"] .scene-orbit,
html[data-scene-theme="winter"] .scene-ringed { display: none; }
@keyframes sceneBreathe { from { opacity: .68; transform: scale(.97); } to { opacity: .96; transform: scale(1.04); } }
@media (max-width: 768px) {
html[data-scene-theme] .page-container .sidebar-menu.fixed { box-shadow: none !important; }
html[data-scene-theme] .sidebar-menu .logo-env { min-height: 82px; padding: 13px 15px !important; }

html[data-scene-theme] .header-brand-mark { flex-basis: 36px;
  --m-header-brand-logo-height: 36px; height: var(--m-header-brand-logo-height);
  --m-header-brand-logo-font-size: 20px; font-size: var(--m-header-brand-logo-font-size);
  --m-header-brand-logo-border-radius: 12px; border-radius: var(--m-header-brand-logo-border-radius); }

html[data-scene-theme] .header-brand-copy small { display: none; }
html[data-scene-theme] .sidebar-caption { display: none; }
html[data-scene-theme] #themePickerPanel {
    position: fixed !important; top: calc(84px + env(safe-area-inset-top, 0px)) !important;
    left: 10px !important; right: 10px !important; bottom: auto !important;
    width: auto !important; max-height: calc(100dvh - 96px - env(safe-area-inset-top, 0px)) !important;
    padding: 17px !important; border-radius: 19px !important; overflow-y: auto;
  }
html[data-scene-theme] .scene-ringed { width: 105px; height: 105px; right: -25px; top: 18%; opacity: .32; }
html[data-scene-theme] .scene-sun,
html[data-scene-theme] .scene-orbit { display: none; }
html[data-scene-theme] .theme-picker-scene-options { grid-template-columns: 1fr; gap: 9px; }
html[data-scene-theme] .theme-picker-scene-choice {
    display: grid;  grid-template-rows: 1fr 1fr;
    column-gap: 13px;  align-items: center; padding: 8px;
  }
html[data-scene-theme] .theme-picker-scene-art { grid-row: 1 / 3;   margin: 0; }
html[data-scene-theme] .theme-picker-scene-name { align-self: end; }
html[data-scene-theme] .theme-picker-scene-subtitle { align-self: start; }
html[data-scene-theme] .category-section:not(.no-bg) { padding: 16px 12px 12px; border-radius: 18px; }
html[data-scene-theme] body .site-card { --m-card-min-height: 102px; min-height: var(--m-card-min-height); }

}
@media (max-width: 500px) {
html[data-scene-theme] body .site-card { height: 128px !important; padding: 12px 8px !important; }
html[data-scene-theme] .site-card-link { display: flex; align-items: center; justify-content: center; }
html[data-scene-theme] .site-card .card-content {
    display: flex !important; flex-direction: column; align-items: center !important;
    justify-content: center; gap: 5px; width: 100%; height: auto; text-align: center;
  }
html[data-scene-theme] .site-card .card-icon { margin: 0 !important; width: 32px; height: 32px; }
html[data-scene-theme] .site-card .card-icon img { width: 32px !important; height: 32px !important; margin: 0 !important; }
html[data-scene-theme] .site-card .card-description { width: 100%; min-width: 0; margin: 0 !important; align-items: center; flex: 0 1 auto; }
html[data-scene-theme] .site-card .card-title { width: 100%; }
html[data-scene-theme] .site-card .card-description p { max-width: 100%; margin: 3px 0 0 !important; line-height: 1.3; }

}
@media (max-width: 390px) {
.theme-picker-scene-subtitle { font-size: 10px; }
 }
@media (prefers-reduced-motion: reduce) {
html[data-scene-theme] .scene-ringed,
html[data-scene-theme] .scene-sun { animation: none !important; }
html[data-scene-theme] .theme-picker-scene-choice { transition: none; }

}
html[data-scene-theme] { --theme-control-hover-color: var(--theme-action-accent-color);
  --theme-control-hover-background: var(--theme-action-soft-background); }
html[data-scene-theme="winter"] { --winter-control-hover-color: #0b996b;
  --theme-control-hover-color: var(--winter-control-hover-color);
  --winter-control-hover-background: rgba(16,185,129,.14);
  --theme-control-hover-background: var(--winter-control-hover-background); }
html[data-scene-theme="polar"] {
  --polar-category-background: rgba(16,27,58,.54);
  --theme-category-background: var(--polar-category-background);
  --polar-card-background: rgba(26,42,82,.66);
  --theme-card-background: var(--polar-card-background);
  --polar-control-background: rgba(34,52,91,.72);
  --theme-control-background: var(--polar-control-background);
  --polar-navigation-background: rgba(10,20,43,.88);
  --theme-navigation-background: var(--polar-navigation-background);
}
html[data-scene-theme="dream"] {
  --dream-category-background: rgba(250,252,255,.82);
  --theme-category-background: var(--dream-category-background);
  --dream-card-background: rgba(255,255,255,.82);
  --theme-card-background: var(--dream-card-background);
  --dream-control-background: rgba(255,255,255,.92);
  --theme-control-background: var(--dream-control-background);
  --dream-navigation-background: rgba(255,255,255,.9);
  --theme-navigation-background: var(--dream-navigation-background);
}
html[data-scene-theme="winter"] {
  --winter-category-background: rgba(255,255,255,.81);
  --theme-category-background: var(--winter-category-background);
  --winter-card-background: rgba(255,255,255,.84);
  --theme-card-background: var(--winter-card-background);
  --winter-control-background: rgba(255,255,255,.92);
  --theme-control-background: var(--winter-control-background);
  --winter-navigation-background: rgba(255,255,255,.89);
  --theme-navigation-background: var(--winter-navigation-background);
}
html[data-scene-theme="polar"] .page-container .sidebar-menu.fixed,
html[data-scene-theme="polar"] .user-info-navbar { background-image: radial-gradient(1px 1px at 19% 16%,#b5d9ffbb,transparent),radial-gradient(1px 1px at 84% 57%,#c2ceff88,transparent),linear-gradient(145deg,rgba(71,81,153,.12),transparent 56%) !important; }
html[data-scene-theme="dream"] .page-container .sidebar-menu.fixed,
html[data-scene-theme="dream"] .user-info-navbar { background-image: radial-gradient(circle at 94% 5%,rgba(237,199,211,.14),transparent 31%),radial-gradient(circle at 3% 88%,rgba(166,212,255,.12),transparent 29%) !important; }
html[data-scene-theme="winter"] .page-container .sidebar-menu.fixed,
html[data-scene-theme="winter"] .user-info-navbar { background-image: radial-gradient(circle at 96% 7%,rgba(255,220,174,.14),transparent 34%),radial-gradient(circle at 4% 94%,rgba(168,219,225,.18),transparent 32%) !important; }
html[data-scene-theme="polar"] .category-section:not(.no-bg),
html[data-scene-theme="polar"] .editor-modal .modal-header { background-image: radial-gradient(1px 1px at 92% 16%,#c9dcff88,transparent),radial-gradient(circle at 100% 0,rgba(111,127,221,.12),transparent 35%) !important; }
html[data-scene-theme="dream"] .category-section:not(.no-bg),

html[data-scene-theme="winter"] .category-section:not(.no-bg),
html[data-scene-theme="winter"] .editor-modal .modal-header { background-image: radial-gradient(circle at 100% 0,rgba(255,224,187,.17),transparent 30%),radial-gradient(circle at 0 100%,rgba(184,229,230,.12),transparent 32%) !important; }
html[data-scene-theme] body.page-body { background-attachment: scroll !important; }
html[data-scene-theme] .page-container .sidebar-menu.fixed { background: var(--theme-navigation-background) !important; }

html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul { margin-left: 0; margin-right: 0; background: var(--theme-control-background) !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a { padding-left: 14px !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a .title {  font-weight: 550 !important; }
html[data-scene-theme] .sidebar-menu .main-menu a:hover,
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a:hover,
html[data-scene-theme] .sidebar-menu .main-menu li.active > a { background: var(--theme-control-hover-background) !important; color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .sidebar-menu .main-menu a:hover .title,
html[data-scene-theme] .sidebar-menu .main-menu a:hover i,
html[data-scene-theme] .sidebar-menu .main-menu li.active > a .title { color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .sidebar-menu .main-menu a { transform: none !important; }
html[data-scene-theme] .user-info-navbar,
html[data-scene-theme] .user-info-navbar button,
html[data-scene-theme] .user-info-navbar input,
html[data-scene-theme] .mobile-menu-toggle button {
  font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif !important;
  font-size: 14px; font-weight: 600;
}
html[data-scene-theme] .user-info-navbar .theme-picker-current-theme { font-size: 11px; }
html[data-scene-theme] .header-brand-edit {
  display: none; position: absolute; right: 16px; top: 33px; width: 30px; height: 30px;
  border-radius: 9px; border: 1px solid var(--theme-control-border-color); background: var(--theme-control-background); color: var(--theme-text-secondary-color);
}
html[data-scene-theme] body.edit-mode .header-brand-edit { display: grid; place-items: center; }
html[data-scene-theme] .header-brand-edit:hover { color: var(--theme-control-hover-color); border-color: var(--theme-control-hover-color); background: var(--theme-control-hover-background); }
html[data-scene-theme] .header-brand-mark i { font-size: 21px; }
html[data-scene-theme] .category-section:not(.no-bg) { -webkit-backdrop-filter: blur(5px) saturate(112%) !important; backdrop-filter: blur(5px) saturate(112%) !important; }
html[data-scene-theme] body .site-card { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.26),var(--theme-surface-shadow) !important; transition: border-color .18s, box-shadow .18s, transform .18s !important; }
html[data-scene-theme] body .site-card:hover { border-color: var(--theme-control-hover-color) !important; background: var(--theme-card-background) !important; transform: translateY(-2px); }
html[data-scene-theme] body .site-card:hover { -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important; }
html[data-scene-theme] .site-card .card-icon { width: 40px; height: 40px; border-radius: 50%;  overflow: hidden; }
html[data-scene-theme] .site-card .card-icon.is-loaded { background-image: none; }
html[data-scene-theme] .site-card .card-icon img { width: 40px; height: 40px; margin: 0; object-fit: contain; }
html[data-scene-theme] .category-section .section-title > i,
html[data-scene-theme] .category-section .cat-addsite,
html[data-scene-theme] .site-card:hover .card-title strong { color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .site-actions button { background: var(--theme-control-background) !important; color: var(--theme-text-primary-color) !important; border: 1px solid var(--theme-control-border-color) !important; }
html[data-scene-theme] body.edit-mode .site-actions { top: 6px; right: 8px; padding: 3px; border-radius: 11px; }
html[data-scene-theme] .site-actions button { width: 24px; height: 24px; padding: 0 !important; margin-left: 2px; line-height: 22px; text-align: center; border-radius: 8px; }
html[data-scene-theme] .site-actions button:hover { background: var(--theme-control-hover-background) !important; color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .site-actions .site-del { background: var(--theme-control-hover-background) !important; color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .site-actions .site-del:hover { background: var(--theme-control-hover-color) !important; color: #fff !important; }
@media (hover: hover) {
html[data-scene-theme] body.edit-mode .site-card:hover .site-actions,
html[data-scene-theme] body.edit-mode .site-card:focus-within .site-actions { background: var(--theme-dialog-background); box-shadow: var(--theme-surface-shadow); }

}
html[data-scene-theme] .cat-actions button:not(:disabled):hover { color: var(--theme-control-hover-color) !important; }
html[data-scene-theme="winter"] .search-submit-button,
html[data-scene-theme="winter"] .admin-fab-main,
html[data-scene-theme="winter"] .editor-modal .btn-primary { background: #10b981 !important; color: #fff !important; }
html[data-scene-theme="winter"] body .site-card:hover { background: rgba(237,252,245,.94) !important; box-shadow: 0 12px 28px -18px rgba(16,153,105,.45) !important; }
html[data-scene-theme="winter"] .admin-fab-menu button:hover,
html[data-scene-theme="winter"] .editor-modal .btn-primary:hover,
html[data-scene-theme="winter"] .search-submit-button:hover { background: #0b996b !important; color: #fff !important; }
html[data-scene-theme="polar"] .search-submit-button,
html[data-scene-theme="polar"] .admin-fab-main,
html[data-scene-theme="polar"] .editor-modal .btn-primary { box-shadow: 0 4px 12px rgba(6,14,37,.25) !important; filter: none !important; }
html[data-scene-theme="polar"] .search-submit-button:hover,
html[data-scene-theme="polar"] .admin-fab-main:hover,
html[data-scene-theme="polar"] .editor-modal .btn-primary:hover { box-shadow: 0 6px 14px rgba(6,14,37,.32) !important; filter: brightness(1.04) !important; }
/* 弹窗由 Flex 垂直居中；总高度预留上下安全距离，正文占用剩余空间。 */
html[data-scene-theme] .editor-modal .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: visible; background: var(--theme-dialog-background) !important; border: 1px solid var(--theme-control-border-color) !important; box-shadow: 0 24px 70px rgba(5,15,35,.2) !important; }
html[data-scene-theme] .editor-modal .modal-header { padding: 21px 25px 16px; border-bottom: 1px solid var(--theme-control-border-color); }
html[data-scene-theme] .editor-modal .modal-title { color: var(--theme-text-primary-color); font-size: 19px; font-weight: 750; }
html[data-scene-theme] .editor-modal .modal-body { flex: 1 1 auto; min-height: 0; padding: 22px 25px; color: var(--theme-text-secondary-color); max-height: min(65vh,650px); overflow-y: auto; }
html[data-scene-theme] .editor-modal .modal-footer { padding: 16px 25px 21px; border-top: 1px solid var(--theme-control-border-color); }
html[data-scene-theme] .editor-modal .modal-header,
html[data-scene-theme] .editor-modal .modal-footer { flex-shrink: 0; }
html[data-scene-theme] .editor-modal label { color: var(--theme-text-primary-color); font-weight: 650; }
html[data-scene-theme] .editor-modal .form-control,
html[data-scene-theme] .editor-modal .form-dropdown-toggle,
html[data-scene-theme] .editor-modal .icon-picker-toggle { background: var(--theme-control-background) !important; color: var(--theme-text-primary-color) !important; border: 1px solid var(--theme-control-border-color) !important; box-shadow: none !important; }
html[data-scene-theme] .editor-modal .form-control:focus,
html[data-scene-theme] .editor-modal .form-dropdown-toggle:hover,
html[data-scene-theme] .editor-modal .icon-picker-toggle:hover { border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .editor-modal .btn-default { background: var(--theme-control-background) !important; color: var(--theme-text-primary-color) !important; border: 1px solid var(--theme-control-border-color) !important; }
html[data-scene-theme] .editor-modal .btn-default:hover { color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .editor-modal .icon-picker-menu,
html[data-scene-theme] .editor-modal .form-dropdown-menu { background: var(--theme-dialog-background) !important; color: var(--theme-text-primary-color) !important; border: 1px solid var(--theme-control-border-color) !important; box-shadow: 0 16px 36px rgba(5,15,35,.23) !important; }
html[data-scene-theme] .editor-modal .icon-picker-menu a:hover,
html[data-scene-theme] .editor-modal .icon-picker-menu a.selected,
html[data-scene-theme] .editor-modal .form-dropdown-item:hover,
html[data-scene-theme] .editor-modal .form-dropdown-item.active { color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .search-engine-switch .ses-menu button:hover,
html[data-scene-theme] .search-engine-switch .ses-menu button[aria-checked="true"],
html[data-scene-theme] .theme-picker-toggle:hover { color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .search-engine-switch .ses-toggle:hover,
html[data-scene-theme] .login-entry:hover,
html[data-scene-theme] .theme-picker-scene-choice:hover { color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .nav-search .search-results .sr-item:hover { color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background) !important; }
html[data-scene-theme] #themePickerPanel { width: 390px; }
html[data-scene-theme] .theme-picker-scene-options { grid-template-columns: 1fr; gap: 10px; }
html[data-scene-theme] .theme-picker-scene-choice { display: grid; grid-template-columns: 168px minmax(0,1fr); grid-template-rows: 1fr 1fr; column-gap: 13px; min-height: 106px; padding: 8px; align-items: center; }
html[data-scene-theme] .theme-picker-scene-art { grid-row: 1/3; width: 168px; height: 88px; margin: 0; }
html[data-scene-theme] .theme-picker-scene-name { align-self: end; font-size: 15px; }
html[data-scene-theme] .theme-picker-scene-subtitle { align-self: start; font-size: 11px; }
.theme-picker-scene-art::before { content: ''; position: absolute; inset: 0; }
.theme-picker-scene-polar .theme-picker-scene-art { background: radial-gradient(circle at 26% 14%,#4e5a9a 0,transparent 36%),radial-gradient(circle at 80% 85%,#155872 0,transparent 44%),#080e27; }
.theme-picker-scene-polar .theme-picker-scene-art::before { background-image: radial-gradient(2px 2px at 9% 29%,#fff,transparent),radial-gradient(2px 2px at 37% 18%,#cde6ff,transparent),radial-gradient(1px 1px at 54% 66%,#fff,transparent),radial-gradient(2px 2px at 83% 22%,#d6e6ff,transparent),radial-gradient(1px 1px at 92% 76%,#fff,transparent); animation: polarPreviewStars 3s ease-in-out infinite alternate; }

.theme-picker-scene-polar .theme-picker-art-orb::after { content: ''; position: absolute; width: 71px; height: 23px; top: 12px; left: -11px; border: 3px solid #abbcffaa; border-radius: 50%; transform: rotate(-25deg); }
.theme-picker-scene-polar .theme-picker-art-detail { position: absolute; width: 65px; height: 2px; top: 14px; left: -70px; border-radius: 50%; background: linear-gradient(90deg,transparent,#bbddff,#fff); transform: rotate(12deg); animation: polarPreviewMeteor 4s ease-in-out infinite; box-shadow: 0 0 8px #abd5ff; }

.theme-picker-scene-dream .theme-picker-scene-art::before { background-image: radial-gradient(2px 2px at 13% 20%,#9eb9e0,transparent),radial-gradient(2px 2px at 83% 63%,#d5a8c8,transparent); }

.theme-picker-scene-dream .theme-picker-art-orb::after { content: ''; position: absolute; width: 83px; height: 30px; top: 13px; left: -13px; border: 3px solid #cbb2d6bb; border-radius: 50%; transform: rotate(-22deg); }
.theme-picker-scene-dream .theme-picker-art-detail { position: absolute; width: 24px; height: 24px; left: 23px; bottom: 13px; border-radius: 50%; background: radial-gradient(circle at 30% 25%,#eafcff,#9dc8e7 72%); }
.theme-picker-scene-winter .theme-picker-scene-art { background: url('../images/pm-winter-preview.svg') center/cover no-repeat; }
.theme-picker-scene-winter .theme-picker-art-orb,
.theme-picker-scene-winter .theme-picker-art-detail { display: none; }
@keyframes polarPreviewStars { from { opacity: .48; } to { opacity: 1; } }
@keyframes polarPreviewMeteor { 0%,12% { transform: translate(0,0) rotate(12deg); opacity: 0; } 26%,52% { opacity: 1; } 70%,100% { transform: translate(255px,55px) rotate(12deg); opacity: 0; } }
@media (max-width: 768px) {

html[data-scene-theme] .header-brand { max-width: 148px; position: relative; }
html[data-scene-theme] .header-brand-copy strong { --m-header-brand-title-font-size: 12px; font-size: var(--m-header-brand-title-font-size); white-space: nowrap; }
html[data-scene-theme] body.edit-mode .header-brand-edit { display: grid; left: 46px; right: auto; top: 51px; width: 19px; height: 19px; padding: 0; font-size: 10px; border-radius: 50%; z-index: 2; }
html[data-scene-theme] .theme-picker-scene-choice { grid-template-columns: 120px minmax(0,1fr);
  --m-theme-picker-choice-min-height: 83px; min-height: var(--m-theme-picker-choice-min-height); }
html[data-scene-theme] .theme-picker-scene-art { --m-theme-picker-preview-width: 120px; width: var(--m-theme-picker-preview-width);
  --m-theme-picker-preview-height: 66px; height: var(--m-theme-picker-preview-height); }
html[data-scene-theme] .editor-modal .modal-dialog { margin: 16px 10px; }

}
@media (prefers-reduced-motion: reduce) {
.theme-picker-scene-polar .theme-picker-scene-art::before,
.theme-picker-scene-polar .theme-picker-art-detail { animation: none; }
 }
html[data-scene-theme="polar"] { --polar-category-decoration-image: url('../images/pm-polar-motif.svg');
  --theme-category-decoration-image: var(--polar-category-decoration-image);
  --polar-header-decoration-image: url('../images/pm-polar-ufo.svg');
  --theme-header-decoration-image: var(--polar-header-decoration-image);
  --polar-sidebar-character-image: url('../images/pm-polar-motif.svg');
  --theme-sidebar-character-image: var(--polar-sidebar-character-image);
  --polar-sidebar-tint: rgba(12,23,51,.94);
  --theme-sidebar-tint: var(--polar-sidebar-tint); }
html[data-scene-theme="dream"] { --dream-category-decoration-image: url('../images/pm-dream-motif.svg');
  --theme-category-decoration-image: var(--dream-category-decoration-image);
  --dream-header-decoration-image: url('../images/pm-dream-motif.svg');
  --theme-header-decoration-image: var(--dream-header-decoration-image);
  --dream-sidebar-character-image: url('../images/pm-dream-cloud.svg');
  --theme-sidebar-character-image: var(--dream-sidebar-character-image);
  --dream-sidebar-tint: rgba(249,251,255,.94);
  --theme-sidebar-tint: var(--dream-sidebar-tint); }
html[data-scene-theme="winter"] { --winter-category-decoration-image: url('../images/pm-winter-motif.svg');
  --theme-category-decoration-image: var(--winter-category-decoration-image);
  --winter-header-decoration-image: url('../images/pm-winter-campfire.svg');
  --theme-header-decoration-image: var(--winter-header-decoration-image);
  --winter-sidebar-character-image: url('../images/pm-winter-snowman.svg');
  --theme-sidebar-character-image: var(--winter-sidebar-character-image);
  --winter-sidebar-tint: rgba(247,253,255,.95);
  --theme-sidebar-tint: var(--winter-sidebar-tint); }
html[data-scene-theme] .page-container .sidebar-menu.fixed {
  background-color: var(--theme-sidebar-tint) !important;
  background-image: var(--theme-category-decoration-image),linear-gradient(165deg,var(--theme-sidebar-tint),var(--theme-navigation-background)) !important;
  background-position: right bottom,center !important;
  background-size: 320px 142px,cover !important;
  background-repeat: no-repeat !important;
}
html[data-scene-theme="polar"] .page-container .sidebar-menu.fixed { border-right-color: rgba(163,198,255,.32) !important; }

html[data-scene-theme="winter"] .page-container .sidebar-menu.fixed { border-right-color: rgba(82,177,156,.34) !important; }
html[data-scene-theme] .sidebar-menu .main-menu { position: relative; padding: 83px 16px 165px 18px !important; }
html[data-scene-theme] .sidebar-menu .main-menu::before {
  content: ''; position: absolute; top: 7px; left: 20px; right: 16px; height: 65px;
  background-image: var(--theme-header-decoration-image),var(--theme-sidebar-character-image);
  background-position: left center,right center;
  background-size: 150px 65px,82px 58px;
  background-repeat: no-repeat;
  opacity: .75; pointer-events: none;
}

html[data-scene-theme] .sidebar-menu .main-menu > li > a,
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a { border: 1px solid transparent; }
html[data-scene-theme] .sidebar-menu .main-menu > li > a i,
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a i {
  color: var(--theme-control-hover-color) !important; opacity: .9; font-size: 16px !important; font-weight: normal !important;
}
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul { border-color: var(--theme-control-border-color) !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li > a:hover,
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a:hover,
html[data-scene-theme] .sidebar-menu .main-menu li.active > a { border-color: var(--theme-control-border-color) !important; background: var(--theme-control-hover-background) !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a .title { color: var(--theme-text-primary-color) !important; opacity: .86; }
html[data-scene-theme] .sidebar-menu .main-menu > li.has-sub > ul > li > a:hover .title { color: var(--theme-control-hover-color) !important; opacity: 1; }
html[data-scene-theme="polar"] .sidebar-menu .main-menu > li.has-sub > ul { background: rgba(22,39,80,.77) !important; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu > li.has-sub > ul { background: rgba(232,243,255,.64) !important; }
html[data-scene-theme="winter"] .sidebar-menu .main-menu > li.has-sub > ul { background: rgba(229,247,243,.7) !important; }
html[data-scene-theme] .category-section:not(.no-bg),
html[data-scene-theme] .editor-modal .modal-content,
html[data-scene-theme] body .site-card { position: relative; }
html[data-scene-theme] .category-section:not(.no-bg)::before,
html[data-scene-theme] .editor-modal .modal-content::before,
html[data-scene-theme] .card-grid > .card-cell:nth-child(5n + 2) .site-card::before {
  content: ''; position: absolute; top: 0; right: 0; pointer-events: none;
  background: var(--theme-category-decoration-image) right top / contain no-repeat; opacity: .24;
}
html[data-scene-theme] .category-section:not(.no-bg)::before { width: 240px; height: 105px; }
html[data-scene-theme] .editor-modal .modal-content::before { width: 235px; height: 105px; opacity: .17; }
html[data-scene-theme] .card-grid > .card-cell:nth-child(5n + 2) .site-card::before { width: 94px; height: 43px; opacity: .2; }
html[data-scene-theme] .category-section::before,
html[data-scene-theme] .category-section::after,
html[data-scene-theme] .site-card::before,
html[data-scene-theme] .site-card::after { z-index: 0; }
html[data-scene-theme] .category-section > .section-title,
html[data-scene-theme] .category-section > .card-grid,
html[data-scene-theme] .category-section > .empty-cat-tip,
html[data-scene-theme] .site-card > .site-card-link { position: relative; z-index: 1; }
html[data-scene-theme] #content-sections > .category-section::after,
html[data-scene-theme] .card-grid > .card-cell:nth-child(7n + 3) .site-card::after,
html[data-scene-theme] .card-grid > .card-cell:nth-child(11n + 5) .site-card::after {
  content: ''; position: absolute; pointer-events: none;
  background: var(--theme-header-decoration-image) center / contain no-repeat;
}
html[data-scene-theme] #content-sections > .category-section::after { width: 178px; height: 80px; left: 10px; bottom: 3px; opacity: .22; }
html[data-scene-theme] #content-sections > .category-section:nth-child(3n + 1)::after { left: 39%; top: 2px; bottom: auto; width: 154px; height: 70px; opacity: .15; }
html[data-scene-theme] #content-sections > .category-section:nth-child(4n + 2)::after { left: 15px; bottom: 2px; width: 140px; height: 63px; opacity: .17; }
html[data-scene-theme] #content-sections > .category-section:nth-child(4n + 2)::after { background-image: var(--theme-sidebar-character-image); }
html[data-scene-theme="polar"] #content-sections > .category-section::after { opacity: .4; }
html[data-scene-theme="polar"] #content-sections > .category-section:nth-child(4n + 2)::after { opacity: .48; }

html[data-scene-theme="dream"] #content-sections > .category-section:nth-child(4n + 2)::after { opacity: .42; }

html[data-scene-theme] .card-grid > .card-cell:nth-child(7n + 3) .site-card::after { width: 100px; height: 45px; left: 3px; bottom: 3px; opacity: .15; }
html[data-scene-theme] .card-grid > .card-cell:nth-child(11n + 5) .site-card::after { width: 90px; height: 40px; left: 43%; top: 3px; opacity: .12; }
html[data-scene-theme] .card-grid > .card-cell:nth-child(7n + 3) .site-card::after { background-image: var(--theme-sidebar-character-image); }
html[data-scene-theme="polar"] .category-section:not(.no-bg)::before { opacity: .35; }
html[data-scene-theme="winter"] .category-section:not(.no-bg)::before { opacity: .47; }
html[data-scene-theme] #content-sections > .category-section:nth-child(3n + 1)::before { width: 156px; height: 70px; opacity: .17; }
html[data-scene-theme] #content-sections > .category-section:nth-child(3n + 2)::before { transform: scaleX(-1); transform-origin: center; right: 16px; opacity: .29; }
html[data-scene-theme="winter"] #content-sections > .category-section:nth-child(4n + 1)::before { background-image: url('../images/pm-winter-preview.svg'); opacity: .22; }
html[data-scene-theme="dream"] .category-section:not(.no-bg) { background-color: rgba(247,251,255,.88) !important; }
html[data-scene-theme="winter"] .category-section:not(.no-bg) { background-color: rgba(248,254,255,.87) !important; border-color: rgba(159,214,203,.7) !important; }
html[data-scene-theme="dream"] body .site-card { border-color: rgba(170,199,233,.62) !important; }
html[data-scene-theme="winter"] body .site-card { border-color: rgba(170,215,202,.72) !important; }
html[data-scene-theme="winter"] body .site-card:hover { border-color: #10b981 !important; }
html[data-scene-theme="winter"] .theme-picker-toggle .theme-picker-current-theme { color: #0b996b !important; }
html[data-scene-theme] .drag-handle { background: var(--theme-control-background) !important; color: var(--theme-control-hover-color) !important; border: 1px solid var(--theme-control-border-color); }
html[data-scene-theme] .drag-handle:hover { border-color: var(--theme-control-hover-color); background: var(--theme-control-hover-background) !important; }
.winter-snow-overlay { display: none; }
html[data-scene-theme="winter"] .winter-snow-overlay { display: block; position: fixed; inset: 0; z-index: 1019; pointer-events: none; overflow: hidden; }
html[data-scene-theme="winter"] .winter-snow-overlay::before,
html[data-scene-theme="winter"] .winter-snow-overlay::after {
  content: ''; position: absolute; left: 0; right: 0; pointer-events: none;
  background-image: url('../images/pm-snowflakes.svg'); background-repeat: repeat;
  will-change: transform;
}
html[data-scene-theme="winter"] .winter-snow-overlay::before { top: -480px; bottom: 0;   animation: winterSnowNear 16s linear infinite; }
html[data-scene-theme="winter"] .winter-snow-overlay::after { top: -720px; bottom: 0;  background-position: 130px 0;  animation: winterSnowFar 27s linear infinite; }
@keyframes winterSnowNear { to { transform: translate3d(26px,480px,0); } }
@keyframes winterSnowFar { to { transform: translate3d(-20px,720px,0); } }
@media (prefers-reduced-motion: reduce) {
html[data-scene-theme="winter"] .winter-snow-overlay::before,
html[data-scene-theme="winter"] .winter-snow-overlay::after { animation: none; transform: translateY(360px); will-change: auto; }

}
@media (max-width: 768px) {
html[data-scene-theme] .sidebar-menu .main-menu { padding: 78px 18px 18px !important; }
html[data-scene-theme] #main-menu {
    background-color: var(--theme-dialog-background) !important;
    background-image: var(--theme-category-decoration-image) !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: 230px 102px !important;
    border: 1px solid var(--theme-control-border-color) !important;
    box-shadow: 0 20px 48px rgba(4,10,28,.32) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    isolation: isolate;
  }
html[data-scene-theme] body.mobile-menu-open #content-sections { visibility: hidden; }
html[data-scene-theme] .category-section:not(.no-bg)::before { width: 150px; height: 66px; opacity: .18; }
html[data-scene-theme] .card-grid > .card-cell:nth-child(5n + 2) .site-card::before { display: none; }
html[data-scene-theme] #content-sections > .category-section::after { opacity: .12; width: 120px; height: 54px; }
html[data-scene-theme] .card-grid > .card-cell .site-card::after { display: none; }
html[data-scene-theme="winter"] .winter-snow-overlay::after { display: none; }

}
.scene-scatter { display: none; }
html[data-scene-theme="polar"] .scene-scatter,
html[data-scene-theme="dream"] .scene-scatter,
html[data-scene-theme="winter"] .scene-scatter {
  display: block; position: absolute; z-index: 0; left: var(--scene-scatter-x); top: var(--scene-scatter-y);
  width: 130px; height: 112px; pointer-events: none; opacity: .47;
  background-position: center; background-size: contain; background-repeat: no-repeat;
  animation: sceneFloat 9s ease-in-out var(--scene-scatter-delay) infinite alternate;
  animation-play-state: paused;
}
html[data-scene-theme] .category-section.scene-in-view .scene-scatter { animation-play-state: running; }
@keyframes sceneFloat { from { transform: translate3d(0,8px,0) rotate(-5deg); } to { transform: translate3d(16px,-14px,0) rotate(6deg); } }
html[data-scene-theme="polar"] .scene-scatter-0 { background-image: url('../images/pm-polar-ufo.svg'); width: 152px; height: 100px; }
html[data-scene-theme="polar"] .scene-scatter-2 { background-image: url('../images/pm-polar-ufo-wide.svg'); width: 118px; height: 74px; filter: hue-rotate(20deg); }
html[data-scene-theme="polar"] .scene-scatter-4 { background-image: url('../images/pm-polar-ufo.svg'); width: 185px; height: 120px; filter: hue-rotate(-28deg); }
html[data-scene-theme="polar"] .scene-scatter-1,
html[data-scene-theme="polar"] .scene-scatter-3,
html[data-scene-theme="polar"] .scene-scatter-5 { border-radius: 50%; width: 88px; height: 88px; background: radial-gradient(circle at 27% 23%,#d4e5ff,#677ec4 44%,#293c83 78%,#172451); opacity: .43; }
html[data-scene-theme="polar"] .scene-scatter-3 { width: 52px; height: 52px; background: radial-gradient(circle at 28% 25%,#e0fdfc,#62aeba 48%,#20536b 85%); }
html[data-scene-theme="polar"] .scene-scatter-5 { width: 122px; height: 122px; background: radial-gradient(circle at 32% 24%,#fff0d8,#ab81ae 48%,#514577 87%); }
html[data-scene-theme="polar"] .scene-scatter-1::after { content: ''; position: absolute; inset: 31% -22%; border: 3px solid rgba(174,205,255,.55); border-radius: 50%; transform: rotate(-24deg); }
html[data-scene-theme="dream"] .scene-scatter-0,
html[data-scene-theme="dream"] .scene-scatter-1,
html[data-scene-theme="dream"] .scene-scatter-2,
html[data-scene-theme="dream"] .scene-scatter-3,
html[data-scene-theme="dream"] .scene-scatter-4 { border-radius: 50%; opacity: .47; }
html[data-scene-theme="dream"] .scene-scatter-0 { width: 82px; height: 82px; background: radial-gradient(circle at 29% 24%,#fff,#b9d4f8 45%,#a5a8dd 85%); }
html[data-scene-theme="dream"] .scene-scatter-1 { width: 60px; height: 60px; background: radial-gradient(circle at 29% 24%,#fff,#b5e4d1 48%,#93c3c4 86%); }
html[data-scene-theme="dream"] .scene-scatter-2 { width: 112px; height: 112px; background: radial-gradient(circle at 28% 24%,#fff,#c5d8f6 40%,#95a8db 82%); }
html[data-scene-theme="dream"] .scene-scatter-3 { width: 44px; height: 44px; background: radial-gradient(circle at 30% 25%,#fff,#d9cafa 47%,#b8afe0 86%); }
html[data-scene-theme="dream"] .scene-scatter-4 { width: 94px; height: 94px; background: radial-gradient(circle at 28% 24%,#fff,#bee8e9 45%,#9fb7e2 84%); }
html[data-scene-theme="dream"] .scene-scatter-2::after { content: ''; position: absolute; left: -20%; top: 30%; width: 140%; height: 36%; border: 3px solid rgba(160,178,215,.58); border-radius: 50%; transform: rotate(-20deg); }
html[data-scene-theme="dream"] .scene-scatter-5 { width: 150px; height: 116px; background-image: url('../images/pm-dream-cloud.svg'); opacity: .42; }
html[data-scene-theme="winter"] .scene-scatter { opacity: .4; }
html[data-scene-theme="winter"] .scene-scatter-0 { width: 180px; height: 90px; background-image: url('../images/pm-winter-mountains.svg'); }
html[data-scene-theme="winter"] .scene-scatter-1 { width: 110px; height: 90px; background-image: url('../images/pm-winter-snowman.svg'); }
html[data-scene-theme="winter"] .scene-scatter-2 { width: 165px; height: 100px; background-image: url('../images/pm-winter-campfire.svg'); }
html[data-scene-theme="winter"] .scene-scatter-3 { width: 130px; height: 100px; background-image: url('../images/pm-winter-motif.svg'); }
html[data-scene-theme="winter"] .scene-scatter-4 { width: 205px; height: 95px; background-image: url('../images/pm-winter-mountains.svg'); filter: hue-rotate(15deg); }
html[data-scene-theme="winter"] .scene-scatter-5 { width: 118px; height: 92px; background-image: url('../images/pm-winter-snowman.svg'); transform: scaleX(-1); }
html[data-scene-theme="polar"] #content-sections > .category-section::after,
html[data-scene-theme="dream"] #content-sections > .category-section::after { display: none; }
html[data-scene-theme="dream"] .scene-planet-two { width: 118px; height: 118px;  }
html[data-scene-theme="dream"] .scene-planet-three { width: 72px; height: 72px;  }

html[data-scene-theme="polar"] .sidebar-menu .main-menu::before { background-size: 122px 70px,68px 67px; background-position: 12% center,82% center;  }
.polar-meteor-overlay { display: none; }
html[data-scene-theme="polar"] .polar-meteor-overlay { display: block; position: fixed; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.polar-meteor { position: absolute; width: 110px; height: 3px; opacity: 0; transform: rotate(31deg); transform-origin: right center; background: linear-gradient(90deg,transparent,rgba(107,206,255,.2) 30%,rgba(187,238,255,.8) 91%,#fff); border-radius: 999px; filter: drop-shadow(0 0 5px rgba(123,221,255,.7)); animation: polarMeteorFall 8.3s linear infinite; }
.polar-meteor::after { content: ''; position: absolute; right: -2px; top: -2px; width: 7px; height: 7px; border-radius: 50%; background: #e8fbff; box-shadow: 0 0 10px #9de7ff; }
.polar-meteor:nth-child(1) { left: 7%; top: 4%; animation-delay: -1.2s; }
.polar-meteor:nth-child(2) { left: 46%; top: 14%; animation-delay: -6.8s; animation-duration: 10.4s; width: 75px; }
.polar-meteor:nth-child(3) { left: 70%; top: 2%; animation-delay: -4.3s; animation-duration: 7.7s; }
.polar-meteor:nth-child(4) { left: 18%; top: 41%; animation-delay: -7.9s; animation-duration: 11.6s; width: 64px; }
.polar-meteor:nth-child(5) { left: 56%; top: 56%; animation-delay: -2.8s; animation-duration: 9.1s; width: 92px; }
.polar-meteor:nth-child(6) { left: 3%; top: 73%; animation-delay: -5.1s; animation-duration: 12.3s; width: 82px; }
@keyframes polarMeteorFall { 0% { opacity: 0; transform: translate3d(-160px,-96px,0) rotate(31deg); } 8% { opacity: .8; } 31% { opacity: .8; } 43% { opacity: 0; transform: translate3d(370px,225px,0) rotate(31deg); } 100% { opacity: 0; transform: translate3d(370px,225px,0) rotate(31deg); } }
@media (max-width: 768px) {
html[data-scene-theme] .scene-scatter { width: 74px !important; height: 74px !important; opacity: .25 !important; }
html[data-scene-theme="polar"] .polar-meteor:nth-child(n+4) { display: none; }
 }
@media (prefers-reduced-motion: reduce) {
html[data-scene-theme] .scene-scatter { animation: none; }
html[data-scene-theme="polar"] .polar-meteor-overlay { display: none; }
 }
html[data-scene-theme] .category-section:not(.no-bg),
html[data-scene-theme] body .site-card:hover { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-scene-theme] .site-card .card-icon img { opacity: 0; }
html[data-scene-theme] .site-card .card-icon.is-loaded img { opacity: 1; }
html[data-scene-theme] .site-card .card-icon { position: relative; background: var(--theme-action-soft-background) !important; }
html[data-scene-theme] .site-card .card-icon::before { content: '✦'; position: absolute; inset: 0; display: grid; place-items: center; color: var(--theme-control-hover-color); font-size: 18px; font-weight: 400; }
html[data-scene-theme] .site-card .card-icon.is-loaded::before { display: none; }
html[data-scene-theme] .sidebar-menu .main-menu { padding-left: 24px !important; }
html[data-scene-theme] .sidebar-menu .main-menu > li > a { padding-left: 21px !important; }
@media (min-width: 769px) {
html[data-scene-theme] #themePickerPanel { position: fixed !important; top: calc(var(--header-height) + 10px) !important; right: 38px !important; left: auto !important; }

}
html[data-scene-theme="polar"] :is(.search-submit-button,.admin-fab-main,.editor-modal .btn-primary,.header-brand-mark),
html[data-scene-theme="polar"] :is(.search-submit-button,.admin-fab-main,.editor-modal .btn-primary,.header-brand-mark):hover { box-shadow: none !important; filter: none !important; }
.polar-side-meteors { display: none; }
html[data-scene-theme="polar"] .polar-side-meteors { display: block; position: absolute; left: 0; right: 0; bottom: 8px; height: 145px; overflow: hidden; pointer-events: none; z-index: 1; }
.polar-side-meteors i { position: absolute; display: block; width: 72px; height: 2px; opacity: 0; border-radius: 99px; background: linear-gradient(90deg,transparent,#91d6ff,#fff); transform: rotate(29deg); transform-origin: right center; animation: polarSidebarMeteorFall 7.2s linear infinite; }
.polar-side-meteors i::after { content: ''; position: absolute; right: -2px; top: -2px; width: 6px; height: 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 7px #a4e6ff; }
.polar-side-meteors i:nth-child(1) { left: 4%; top: 6%; animation-delay: -1.5s; }
.polar-side-meteors i:nth-child(2) { left: 47%; top: 14%; width: 49px; animation-delay: -4.9s; animation-duration: 9.3s; }
.polar-side-meteors i:nth-child(3) { left: 15%; top: 52%; width: 59px; animation-delay: -6.7s; animation-duration: 11s; }
@keyframes polarSidebarMeteorFall { 0%,5% { opacity: 0; transform: translate3d(-80px,-48px,0) rotate(29deg); } 18%,40% { opacity: .78; } 61%,100% { opacity: 0; transform: translate3d(220px,128px,0) rotate(29deg); } }
.theme-picker-scene-polar .theme-picker-scene-art .theme-picker-art-orb { width: 100px; height: 66px; right: 10px; top: 15px; border-radius: 0; background: url('../images/pm-polar-ufo-wide.svg') center/contain no-repeat; box-shadow: none; }
.theme-picker-scene-polar .theme-picker-art-orb::after { display: none; }
.theme-picker-scene-polar .theme-picker-scene-art .theme-picker-art-detail { left: -90px; top: 8px; width: 75px; height: 3px; border-radius: 99px; background: linear-gradient(90deg,transparent,#9bdfff,#fff); box-shadow: none; transform-origin: right center; animation: polarScenePreviewMeteor 4.6s linear infinite; }
.theme-picker-scene-polar .theme-picker-art-detail::after { content: ''; position: absolute; right: -2px; top: -2px; width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 6px #b8ecff; }
.theme-picker-scene-polar .theme-picker-scene-art::after { content: ''; position: absolute; z-index: 0; left: 16px; top: 17px; width: 48px; height: 2px; border-radius: 99px; background: linear-gradient(90deg,transparent,#d0dcff,#fff); transform: rotate(31deg); box-shadow: 1px 1px 4px rgba(178,225,255,.45); }
@keyframes polarScenePreviewMeteor { 0%,8% { opacity: 0; transform: translate3d(0,-24px,0) rotate(31deg); } 18%,63% { opacity: 1; } 75%,100% { opacity: 0; transform: translate3d(250px,120px,0) rotate(31deg); } }
html[data-scene-theme="dream"] .scene-orb { background: radial-gradient(circle at 28% 25%,#fff,#bed4f5 46%,#a7a9df 88%); }
html[data-scene-theme="dream"] .scene-ring { border-color: rgba(162,191,226,.3); }
html[data-scene-theme="dream"] .scene-planet-two { background: radial-gradient(circle at 30% 25%,#fff,#bde3d6 59%,#a3c4ce); }
html[data-scene-theme="dream"] .scene-planet-three { background: radial-gradient(circle at 30% 25%,#fff,#d6cdf5 60%,#b6b3df); }
html[data-scene-theme="dream"] .sidebar-menu .main-menu::before { background-image: url('../images/pm-dream-motif.svg'); background-size: 196px 87px; background-position: center;  }
html[data-scene-theme="dream"] .category-section:not(.no-bg),
html[data-scene-theme="dream"] .editor-modal .modal-header { background-image: radial-gradient(circle at 98% 0,rgba(170,202,240,.12),transparent 32%),radial-gradient(circle at 3% 95%,rgba(181,225,213,.09),transparent 28%) !important; }
.theme-picker-scene-dream .theme-picker-scene-art { background: radial-gradient(circle at 76% 18%,#edf8ff,transparent 39%),linear-gradient(135deg,#fff,#eff5ff 68%,#f4f0ff); }
.theme-picker-scene-dream .theme-picker-scene-art .theme-picker-art-orb { width: 56px; height: 56px; right: 18px; top: 17px;  box-shadow: 0 5px 15px rgba(137,165,205,.15); }

.theme-picker-scene-dream .theme-picker-scene-art .theme-picker-art-detail {   bottom: auto;     animation: dreamPreview 5s ease-in-out infinite alternate; }
.theme-picker-scene-dream .theme-picker-scene-art::after {  position: absolute;   color: #9daed3; font: 700 10px/1 sans-serif; letter-spacing: 2px;   }
@keyframes dreamPreview { to { transform: translateY(-6px) rotate(3deg); } }
@keyframes dreamSleep { 0%,100% { opacity: .2; transform: translateY(5px) rotate(-19deg); } 50% { opacity: .9; transform: translateY(-5px) rotate(-19deg); } }
html[data-scene-theme="winter"] .sidebar-menu .main-menu::before { background-image: url('../images/pm-winter-campfire.svg'); background-size: 222px 80px; background-position: center; opacity: .9; animation: winterCozy 5s ease-in-out infinite alternate; }
html[data-scene-theme="winter"] .sidebar-menu .main-menu::after { content: ''; position: absolute; top: 24px; left: 47%; width: 28px; height: 33px; border-radius: 50%; background: radial-gradient(circle,#ffeac0 8%,rgba(255,204,135,.26) 50%,transparent 75%); pointer-events: none; animation: winterFireGlow 2.5s ease-in-out infinite alternate; }
@keyframes winterCozy { to { transform: translateY(-3px); } }
@keyframes winterFireGlow { to { opacity: .5; transform: scale(1.25); } }
html[data-scene-theme="winter"] #content-sections > .category-section::after { display: none; }
html[data-scene-theme="winter"] #content-sections > .category-section:nth-child(4n+1)::before { background-image: url('../images/pm-winter-mountains.svg'); width: 205px; height: 102px; opacity: .3; }
html[data-scene-theme="winter"] #content-sections > .category-section:nth-child(4n+2)::before { background-image: url('../images/pm-winter-snowman.svg'); width: 126px; height: 97px; opacity: .31; }
html[data-scene-theme="winter"] #content-sections > .category-section:nth-child(4n+3)::before { background-image: url('../images/pm-winter-campfire.svg'); width: 177px; height: 76px; opacity: .29; }
html[data-scene-theme="winter"] #content-sections > .category-section:nth-child(4n)::before { background-image: url('../images/pm-winter-motif.svg'); width: 190px; height: 85px; opacity: .28; }
html[data-scene-theme="winter"] .winter-snow-overlay::before { opacity: .86; background-size: 400px 480px; }
html[data-scene-theme="winter"] .winter-snow-overlay::after { opacity: .67; background-size: 530px 636px; }
@media (max-width: 768px) {
html[data-scene-theme] .sidebar-menu .main-menu { padding-left: 18px !important; }
html[data-scene-theme="polar"] .polar-side-meteors { display: none; }
html[data-scene-theme="winter"] .category-section:nth-child(2n) .scene-scatter { display: none; }

}
@media (prefers-reduced-motion: reduce) {
.polar-side-meteors i,
.theme-picker-scene-polar .theme-picker-art-detail,
.theme-picker-scene-polar .theme-picker-scene-art::after,
.theme-picker-scene-dream .theme-picker-art-detail,
.theme-picker-scene-dream .theme-picker-scene-art::after,
html[data-scene-theme="winter"] .sidebar-menu .main-menu::before,
html[data-scene-theme="winter"] .sidebar-menu .main-menu::after { animation: none !important; }

}
.dream-world,
.dream-atmosphere { display: none; }
html[data-scene-theme="dream"] .dream-world { display: block; position: relative; width: var(--dream-world-size); height: var(--dream-world-size);
  --dream-world-light: #ffe1e3;
  --dream-world-color: #ea8594;
  --dream-world-dark: #aa617f;
  --dream-world-ring: #e9a5b6; }
html[data-scene-theme="dream"] .dream-world-color-1 { --dream-world-light: #fff1d9;
  --dream-world-color: #efb16f;
  --dream-world-dark: #c18a75;
  --dream-world-ring: #eac397; }
html[data-scene-theme="dream"] .dream-world-color-2 { --dream-world-light: #fff9d4;
  --dream-world-color: #e4d17b;
  --dream-world-dark: #a9ac75;
  --dream-world-ring: #dfd4a0; }
html[data-scene-theme="dream"] .dream-world-color-3 { --dream-world-light: #d9f9e4;
  --dream-world-color: #87ccac;
  --dream-world-dark: #629f9d;
  --dream-world-ring: #a2d6bd; }
html[data-scene-theme="dream"] .dream-world-color-4 { --dream-world-light: #dbfaff;
  --dream-world-color: #81ced9;
  --dream-world-dark: #6a9fbc;
  --dream-world-ring: #a1d3de; }
html[data-scene-theme="dream"] .dream-world-color-5 { --dream-world-light: #e0edff;
  --dream-world-color: #8aaee9;
  --dream-world-dark: #737eb7;
  --dream-world-ring: #b5c5e6; }
html[data-scene-theme="dream"] .dream-world-color-6 { --dream-world-light: #f0e5ff;
  --dream-world-color: #bb9ae0;
  --dream-world-dark: #8b7bb8;
  --dream-world-ring: #c6b3e4; }
.dream-world-body { position: absolute; inset: 0; }
.dream-world-ball { position: absolute; inset: 0; z-index: 2; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 28% 23%,var(--dream-world-light),var(--dream-world-color) 52%,var(--dream-world-dark) 100%); box-shadow: inset -7px -5px 14px rgba(54,65,101,.13),inset 3px 3px 6px rgba(255,255,255,.45); }
.dream-world-ball::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 28% 23%,rgba(255,255,255,.38),transparent 45%,rgba(33,47,73,.09) 85%); }
.dream-world-texture { position: absolute; top: 0; bottom: 0; left: -100%; width: 300%; opacity: .42; background: repeating-linear-gradient(166deg,transparent 0 9px,rgba(255,255,255,.5) 10px 15px,transparent 16px 26px); animation: dreamWorldSpin var(--dream-world-period) linear var(--dream-world-delay) infinite; }
.dream-world-texture-1 { background: radial-gradient(ellipse at 25% 36%,rgba(255,255,255,.7) 0 10%,transparent 11%),radial-gradient(ellipse at 67% 61%,rgba(57,93,91,.28) 0 13%,transparent 14%); background-size: 33.333% 100%; }
.dream-world-texture-2 { background: radial-gradient(ellipse at 13% 42%,rgba(255,255,255,.58) 0 9%,transparent 10%),radial-gradient(ellipse at 61% 63%,rgba(255,255,255,.4) 0 17%,transparent 18%); background-size: 33.333% 100%; }
.dream-world-ring { position: absolute; left: -28%; top: 30%; width: 156%; height: 40%; border: 4px double var(--dream-world-ring); border-radius: 50%; transform: rotate(-23deg); }
.dream-world-ring-back { z-index: 1; clip-path: inset(0 0 50%); }
.dream-world-ring-front { z-index: 3; clip-path: inset(50% 0 0); }
.dream-world-still .dream-world-texture { animation: none; }
.dream-moon-track { position: absolute; z-index: 4; inset: -24%; transform: scaleY(.46) rotate(-18deg); }
.dream-moon-track i { position: absolute; inset: 0; animation: dreamMoonOrbit calc(var(--dream-world-period) * .7) linear var(--dream-world-delay) infinite; }
.dream-moon-track i::after { content: ''; position: absolute; width: 10px; height: 10px; top: 50%; right: 0; border-radius: 50%; background: radial-gradient(circle at 28% 20%,#fff,var(--dream-world-color)); transform: scaleY(2.17); }
.dream-world-revolving .dream-world-body { animation: dreamWorldRevolve calc(var(--dream-world-period) * 1.4) linear var(--dream-world-delay) infinite; }
@keyframes dreamWorldSpin { to { transform: translateX(33.333%); } }
@keyframes dreamMoonOrbit { to { transform: rotate(360deg); } }
@keyframes dreamWorldRevolve { 0%,100% { transform: translate(-26px,0) scale(.95); } 25% { transform: translate(0,-10px) scale(.9); } 50% { transform: translate(26px,0) scale(.95); } 75% { transform: translate(0,10px) scale(1.02); } }
html[data-scene-theme="dream"] .scene-scatter { width: 130px; height: 130px; background: none !important; border-radius: 0;  }
html[data-scene-theme="dream"] .scene-scatter::after { display: none; }
html[data-scene-theme="dream"] .scene-scatter :is(.dream-world-texture,.dream-world-body,.dream-moon-track i) { animation-play-state: paused; }
html[data-scene-theme="dream"] .category-section.scene-in-view .scene-scatter :is(.dream-world-texture,.dream-world-body,.dream-moon-track i) { animation-play-state: running; }
html[data-scene-theme="dream"] .dream-atmosphere { display: block; position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;  }
.dream-position { position: absolute; }

html[data-scene-theme="dream"] .page-atmosphere > :is(.scene-ringed,.scene-planet) { display: none; }

.theme-picker-scene-dream .theme-picker-scene-art .theme-picker-art-orb { background: radial-gradient(circle at 28% 22%,#f4eaff,#c5a9e5 50%,#9687c1 100%); }
.theme-picker-scene-dream .theme-picker-art-orb::after { border-color: rgba(185,164,216,.68); }
.theme-picker-scene-dream .theme-picker-scene-art .theme-picker-art-detail { left: 18px; top: 38px; width: 26px; height: 26px; border-radius: 50%; background: radial-gradient(circle at 28% 22%,#e9fff1,#9adabb 50%,#7fb7b1); box-shadow: none; }
.theme-picker-scene-dream .theme-picker-scene-art::before { content: ''; position: absolute; left: 36px; top: 12px; width: 17px; height: 17px; border-radius: 50%; background: radial-gradient(circle at 28% 22%,#ffe9e5,#eda5aa 55%,#cc8eac); }
.theme-picker-scene-dream .theme-picker-scene-art::after { content: ''; left: 60px; top: 65px; width: 7px; height: 7px; border-radius: 50%; background: #d7d594; animation: none; transform: none; }
html[data-scene-theme="polar"] body.login-dialog-open .modal-backdrop { background: #07152c !important; }
html[data-scene-theme="dream"] body.login-dialog-open .modal-backdrop { background: #284467 !important; }
html[data-scene-theme="winter"] body.login-dialog-open .modal-backdrop { background: #1e514b !important; }
html[data-scene-theme] body.login-dialog-open .modal-backdrop.in { opacity: .42 !important; }
html[data-scene-theme="polar"] body.login-dialog-open .modal-backdrop.in { opacity: .66 !important; }
html[data-scene-theme] .header-brand-mark { position: relative; }
html[data-scene-theme] .header-brand-mark img { display: none; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
html[data-scene-theme] .header-brand-mark.has-image { background: transparent; box-shadow: none; color: transparent; }
html[data-scene-theme] .header-brand-mark.has-image > i { visibility: hidden; }
html[data-scene-theme] .header-brand-mark.has-image img { display: block; }
.header-brand-preview { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--theme-control-border-color); border-radius: 12px; background: var(--theme-control-background); }
.header-brand-preview[hidden] { display: none; }
.header-brand-preview img { width: 44px; height: 44px; object-fit: contain; }
.header-brand-preview span { color: var(--theme-text-secondary-color); font-size: 12px; line-height: 1.5; }
@media (max-width:768px) {
.dream-position:nth-child(even) { display: none; }
html[data-scene-theme="dream"] .dream-world { --m-dream-world-render-size: var(--m-dream-world-size) !important;
  --dream-world-size: var(--m-dream-world-render-size) !important; }
 }
@media (prefers-reduced-motion: reduce) {
.dream-world-texture,
.dream-world-body,
.dream-moon-track i { animation: none !important; }
 }
html[data-scene-theme] .header-brand-copy strong,
html[data-scene-theme] .header-brand-copy small { overflow: hidden; text-overflow: ellipsis; }
@media (min-width:769px) {
html[data-scene-theme] .sidebar-menu:not(.collapsed) .header-brand { max-width: calc(100% - 25px); }
 }
@supports (offset-path: ellipse(20px 10px at 50% 50%)) {
.dream-world-revolving { width: calc(var(--dream-world-size) * 2.6) !important; height: calc(var(--dream-world-size) * 1.8) !important; margin-left: calc(var(--dream-world-size) * -.8); margin-top: calc(var(--dream-world-size) * -.4); }
.dream-world-revolving::before { content: ''; position: absolute; left: calc(50% - 8px); top: calc(50% - 8px); width: 16px; height: 16px; border-radius: 50%; background: radial-gradient(circle at 30% 25%,#fffbe7,#e3d193 72%,#c8b2a1); }
.dream-world-revolving .dream-world-body { inset: auto; width: var(--dream-world-size); height: var(--dream-world-size); offset-path: ellipse(calc(var(--dream-world-size) * .8) calc(var(--dream-world-size) * .32) at 50% 50%); offset-rotate: 0deg; animation-name: dreamWorldEllipse; }
.dream-world-revolving .dream-moon-track { display: none; }
@keyframes dreamWorldEllipse { to { offset-distance: 100%; } }

}
html[data-scene-theme],
html[data-scene-theme] body { overflow-x: clip; }
html[data-scene-theme="dream"] { --dream-category-decoration-image: none;
  --theme-category-decoration-image: var(--dream-category-decoration-image);
  --dream-header-decoration-image: none;
  --theme-header-decoration-image: var(--dream-header-decoration-image);
  --dream-sidebar-character-image: none;
  --theme-sidebar-character-image: var(--dream-sidebar-character-image); }

html[data-scene-theme="dream"] .sidebar-menu .main-menu::before { width: 47px; height: 47px; left: 42px; right: auto; top: 7px; border-radius: 50%; opacity: .6; background: radial-gradient(circle at 29% 24%,#eefbff,#87c1d3 58%,#6e8cab) !important; box-shadow: inset -8px -5px 10px rgba(51,74,107,.2); }
html[data-scene-theme="dream"] .sidebar-menu .main-menu::after { content: ''; position: absolute; bottom: 20px; right: 24px; width: 92px; height: 92px; border-radius: 50%; background: radial-gradient(circle at 28% 24%,#f5eaff,#b99ed7 58%,#807bb1); opacity: .42; pointer-events: none; }
html[data-scene-theme="dream"] :is(.category-section,.site-card,.editor-modal .modal-content)::before,
html[data-scene-theme="dream"] :is(.category-section,.site-card)::after { background-image: none !important; }
html[data-scene-theme="dream"] .category-section:nth-child(even) .scene-scatter { display: none; }
html[data-scene-theme="dream"] .dream-atmosphere { opacity: .6; }
.dream-position-0 { left: 26%; top: 18%; }
.dream-position-1 { right: -2%; top: 51%; }
.dream-position-2 { left: 44%; bottom: 1%; }
.dream-position-3 { left: 6%; top: 68%; }
.dream-position-4 { right: 23%; top: 28%; }
.dream-position-5 { left: 67%; bottom: 20%; }
.dream-position-6 { right: 8%; top: 3%; }
@media (max-width:768px) {
html[data-scene-theme] .sidebar-menu .logo-env { display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 10px; height: 112px; min-height: 112px; padding: calc(10px + env(safe-area-inset-top,0px)) 14px 10px !important; box-sizing: border-box; background: var(--theme-navigation-background); border-bottom: 1px solid var(--theme-control-border-color); }
html[data-scene-theme] .header-brand { width: calc(100% - 38px); max-width: none; }
html[data-scene-theme] .header-brand-copy strong { --m-header-brand-title-font-size: 19px; font-size: var(--m-header-brand-title-font-size); line-height: 1.3; }
html[data-scene-theme] .header-brand-mark { flex-basis: 34px;
  --m-header-brand-logo-width: 34px; width: var(--m-header-brand-logo-width);
  --m-header-brand-logo-height: 34px; height: var(--m-header-brand-logo-height);
  --m-header-brand-logo-border-radius: 10px; border-radius: var(--m-header-brand-logo-border-radius); }
html[data-scene-theme] .header-brand-copy small { display: block; font-size: 10px; }
html[data-scene-theme] body.edit-mode .header-brand-edit { left: auto; right: 14px; top: 14px; width: 28px; height: 28px; border-radius: 10px; }
html[data-scene-theme] .mobile-menu-toggle { position: static !important; float: none !important; display: flex !important; width: 100%; margin: 0 !important; gap: 8px; align-items: stretch; }
html[data-scene-theme] .mobile-menu-toggle > button,
html[data-scene-theme] .mobile-menu-toggle #topUserNav { flex: 1 1 0; min-width: 0; margin: 0 !important; }
html[data-scene-theme] .mobile-menu-toggle > button:not([style*="display: none"]),
html[data-scene-theme] .mobile-menu-toggle #topLogoutBtn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3px; height: 44px !important; min-height: 44px; width: 100%; padding: 4px 0 !important; box-sizing: border-box; border: 1px solid var(--theme-control-border-color) !important; border-radius: 20px !important; background: var(--theme-control-background) !important; color: var(--theme-text-secondary-color) !important; box-shadow: none !important; transform: none; text-decoration: none; }
html[data-scene-theme] .mobile-menu-toggle svg { width: 18px; height: 18px; flex: 0 0 18px; }
html[data-scene-theme] .m-label { font-size: 10.5px; line-height: 1.2; font-weight: 600; letter-spacing: .02em; }
html[data-scene-theme] #topUserName { display: none; }
html[data-scene-theme] .mobile-menu-toggle :is(button,a):is(:hover,:active,[aria-expanded="true"]) { color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background) !important; }
html[data-scene-theme="dream"] .logo-env .top-style-toggle-btn[aria-expanded="true"] { color: #7854b2 !important; border-color: rgba(146,110,207,.48) !important; background: rgba(196,171,238,.24) !important; }
html[data-scene-theme] #themePickerPanel { position: fixed !important; top: calc(124px + env(safe-area-inset-top,0px)) !important; left: 14px !important; right: auto !important; width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; min-width: 0 !important; box-sizing: border-box !important; transform: none !important; margin: 0 !important; max-height: calc(100dvh - 140px - env(safe-area-inset-top,0px)) !important; overflow-x: hidden; }
html[data-scene-theme] .theme-picker-scene-choice { --m-theme-picker-choice-width: 100%; width: var(--m-theme-picker-choice-width); min-width: 0; box-sizing: border-box; grid-template-columns: minmax(0,38%) minmax(0,1fr); column-gap: 12px; }
html[data-scene-theme] .theme-picker-scene-art { --m-theme-picker-preview-width: 100%; width: var(--m-theme-picker-preview-width); max-width: 100%; }
html[data-scene-theme] .theme-picker-scene-subtitle { white-space: normal; }
html[data-scene-theme] .page-container .main-content { padding-top: 12px !important; }
html[data-scene-theme] .sidebar-menu #main-menu { padding: 14px 18px 24px !important; top: 112px !important; max-height: calc(100dvh - 126px) !important; }
html[data-scene-theme] .sidebar-menu #main-menu::before,
html[data-scene-theme] .sidebar-menu #main-menu::after { display: none; }
html[data-scene-theme] .sidebar-menu #main-menu > li { margin: 4px 0 !important; padding: 0 !important; }
html[data-scene-theme] .sidebar-menu #main-menu > li > a { height: 44px !important; min-height: 44px !important; padding: 10px 17px !important; line-height: 22px !important; border-width: 1px !important; box-sizing: border-box; }
html[data-scene-theme] .sidebar-menu #main-menu > li.has-sub > ul { margin-bottom: 4px !important; }
.dream-position-0 { left: 8%; top: 23%; }
.dream-position-3 { left: -8%; top: 68%; }
.dream-position-6 { right: -5%; top: 43%; }

}
@media(max-width:768px) {
html[data-scene-theme] .sidebar-menu.fixed .sidebar-menu-inner { padding: 0 !important; }
html[data-scene-theme] .mobile-menu-toggle { flex: 0 0 100% !important; width: 100% !important; }
 }
/* The parent and children share one outline; equal side margins keep them centered. */
html[data-scene-theme] .sidebar-menu:not(.collapsed) .main-menu > li.has-sub.opened > a {
  border-color: var(--theme-control-border-color);
  border-radius: 13px 13px 0 0;
  border-bottom: 0 !important;
  margin-bottom: 0;
  transform: none;
}
html[data-scene-theme] .sidebar-menu:not(.collapsed) .main-menu > li.has-sub.opened > ul {
  border-top: 0 !important;
  margin-top: 0;
  max-height: none;
  border-radius: 0 0 13px 13px;
}
html[data-scene-theme] .sidebar-menu #main-menu > li.has-sub:not(.opened) > ul { display: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
@media(max-width:768px) {
html[data-scene-theme] body:not(.edit-mode) .mobile-menu-toggle { gap: 24px; }
html[data-scene-theme="dream"] .header-brand-mark:not(.has-image),
html[data-scene-theme="winter"] .header-brand-mark:not(.has-image) { background: #1d1d1f !important; color: #fff; box-shadow: none; }

}
html[data-scene-theme="polar"] :is(.scene-scatter,.theme-picker-scene-art,.theme-picker-art-orb,.polar-side-meteors,.page-atmosphere) { filter: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-scene-theme="polar"] .scene-scatter { opacity: .72; }
html[data-scene-theme="polar"] .sidebar-menu .main-menu::before { opacity: .92; filter: none; }
html[data-scene-theme="polar"] .sidebar-menu .main-menu::after { filter: none; }
html[data-scene-theme="polar"] .category-section::before { opacity: .56 !important; }
html[data-scene-theme="polar"] .category-section::after { opacity: .5 !important; }
html[data-scene-theme] body.login-dialog-open .modal-backdrop,
html[data-scene-theme] body.login-dialog-open .modal-backdrop.in { background: transparent !important; opacity: 1 !important; -webkit-backdrop-filter: blur(7px) !important; backdrop-filter: blur(7px) !important; }
.dream-observatory { display: none; }
html[data-scene-theme="dream"] .dream-observatory { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 214px; margin: 3px 0 20px; padding: 18px 30px; overflow: hidden; border-radius: 20px; border: 1px solid rgba(181,200,226,.3); background: radial-gradient(ellipse at 73% 48%,rgba(255,231,171,.18),transparent 38%),linear-gradient(115deg,rgba(245,249,255,.6),rgba(255,255,255,.3)); pointer-events: none; }
.dream-solar-poem { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; }
.dream-solar-poem > span { color: #7394bc; font-size: 11px; font-weight: 600; letter-spacing: .22em; }
.dream-solar-poem strong { color: #4b6488; font-size: clamp(18px,2vw,25px); font-weight: 600; letter-spacing: .04em; }
.dream-solar-poem small { color: #8a99b0; font-size: 12px; }
.dream-solar-system { --dream-solar-orbit-x-radius: 143px;
  --dream-solar-orbit-y-radius: 72px; position: relative; flex: 0 0 370px; width: 370px; height: 200px; }
.dream-solar-orbit-line { position: absolute; left: calc(50% - var(--dream-solar-orbit-x-radius)); top: calc(50% - var(--dream-solar-orbit-y-radius)); width: calc(var(--dream-solar-orbit-x-radius) * 2); height: calc(var(--dream-solar-orbit-y-radius) * 2); border: 1px solid rgba(161,183,215,.28); border-radius: 50%; }
.dream-solar-sun { position: absolute; left: calc(50% - 39px); top: calc(50% - 39px); width: 78px; height: 78px; border-radius: 50%; background: radial-gradient(circle at 28% 25%,#fff8d4,#f4c66f 53%,#e9a871); box-shadow: 0 0 0 8px rgba(248,217,145,.08),0 0 26px rgba(243,201,113,.2); overflow: hidden; }
.dream-solar-sun i { position: absolute; inset: -20%; border-radius: inherit; background: radial-gradient(ellipse at 25% 35%,rgba(255,250,208,.5),transparent 35%),radial-gradient(ellipse at 72% 66%,rgba(218,142,72,.18),transparent 36%),repeating-radial-gradient(ellipse at 40% 42%,transparent 0 8px,rgba(255,245,200,.12) 9px 11px,transparent 12px 17px); animation: dreamSolarAxial 200s linear infinite; }
.dream-earth-system { position: absolute; left: 0; top: 0; width: 30px; height: 30px; offset-path: ellipse(var(--dream-solar-orbit-x-radius) var(--dream-solar-orbit-y-radius) at 50% 50%); offset-rotate: 0deg; animation: dreamEarthYear 180s linear -24s infinite; }
.dream-solar-earth { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 26% 24%,#b6e5fb,#4b9dc9 55%,#397ba6); box-shadow: inset -5px -2px 8px rgba(30,56,92,.26); }
.dream-earth-land { position: absolute; inset: 0 auto 0 -100%; width: 300%; background: radial-gradient(ellipse at 14% 31%,#80b992 0 8%,transparent 9%),radial-gradient(ellipse at 24% 69%,#68a690 0 10%,transparent 11%),radial-gradient(ellipse at 64% 39%,#aac69a 0 12%,transparent 13%); background-size: 33.333% 100%; animation: dreamWorldSpin 8s linear infinite; }
.dream-earth-cloud { position: absolute; inset: 0; background: repeating-linear-gradient(-24deg,transparent 0 6px,rgba(255,255,255,.45) 7px 9px,transparent 10px 15px); opacity: .6; border-radius: 50%; }
.dream-lunar-orbit { position: absolute; inset: -20px; border-radius: 50%; animation: dreamSolarAxial 13.45s linear -4s infinite; }
.dream-solar-moon { position: absolute; left: 0; top: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 31% 42%,#9cabb7 0 13%,transparent 15%),radial-gradient(circle at 28% 25%,#f7f8ee,#d5d9d4 58%,#9ba8b3); box-shadow: inset -2px 0 2px rgba(81,98,118,.25); }
.dream-solar-spark { position: absolute; width: 3px; height: 3px; background: #9fb8d8; border-radius: 50%; animation: dreamSpark 5s ease-in-out infinite alternate; }
.scene-spark-one { left: 8%; top: 18%; }
.scene-spark-two { right: 8%; bottom: 10%; animation-delay: -2s; }
.scene-spark-three { left: 38%; bottom: 4%; animation-delay: -3s; }
@keyframes dreamEarthYear { to { offset-distance: 100%; } }
@keyframes dreamSolarAxial { to { transform: rotate(360deg); } }
@keyframes dreamSpark { from { opacity: .25; transform: scale(.7); } to { opacity: .8; transform: scale(1.3); } }
.category-section:not(.scene-in-view) .dream-observatory * { animation-play-state: paused; }
@media(max-width:768px) {
html[data-scene-theme="dream"] .dream-observatory { flex-direction: column; padding: 16px 8px 4px; gap: 8px; margin-bottom: 15px; }
.dream-solar-poem { align-items: center; gap: 5px; text-align: center; }
.dream-solar-poem strong { font-size: 18px; }
.dream-solar-poem small { font-size: 11px; }
.dream-solar-system { --m-dream-solar-orbit-x-radius: 105px;
  --dream-solar-orbit-x-radius: var(--m-dream-solar-orbit-x-radius);
  --m-dream-solar-orbit-y-radius: 57px;
  --dream-solar-orbit-y-radius: var(--m-dream-solar-orbit-y-radius);
  --m-dream-solar-system-width: 270px; width: var(--m-dream-solar-system-width);
  --m-dream-solar-system-height: 157px; height: var(--m-dream-solar-system-height); flex-basis: 157px; }
.dream-solar-sun { width: 64px; height: 64px; left: calc(50% - 32px); top: calc(50% - 32px); }
.dream-earth-system { width: 26px; height: 26px; }
.dream-lunar-orbit { inset: -15px; }
.dream-solar-moon { width: 7px; height: 7px; }
html[data-scene-theme="polar"] .scene-scatter { opacity: .6 !important; }

}
@media(max-width:380px) {
.dream-solar-system { --dream-solar-orbit-x-radius: 91px; width: 235px; }
 }
@media(prefers-reduced-motion:reduce) {
.dream-observatory * { animation: none !important; }
.dream-earth-system { offset-distance: 14%; }
 }
@supports not (offset-path: ellipse(20px 10px at 50% 50%)) {
.dream-earth-system { left: calc(50% + var(--dream-solar-orbit-x-radius) - 15px); top: calc(50% - 15px); }
 }
html[data-scene-theme="polar"] :is(.sidebar-menu.fixed,.user-info-navbar) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-scene-theme="polar"] .page-atmosphere :is(.scene-sun,.scene-orb,.scene-planet) { filter: none !important; box-shadow: none !important; }
html[data-scene-theme="polar"] .scene-sun { opacity: .9; background: radial-gradient(circle at 28% 24%,#ffe5ad 0,#dba775 42%,#a46975 74%,#654a69 100%); animation: sceneFloat 18s ease-in-out infinite alternate; }
html[data-scene-theme="polar"] .scene-sun::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: repeating-linear-gradient(163deg,transparent 0 12px,rgba(255,225,189,.16) 13px 18px,transparent 19px 28px); }
html[data-scene-theme="polar"] .scene-planet { opacity: .85; }
#dreamSolarRegion { display: none; }
html[data-scene-theme="dream"] #dreamSolarRegion { display: block; margin: 0 0 24px; }
html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory { margin: 0; min-height: 228px; border-radius: 24px; background: radial-gradient(ellipse at 80% 60%,rgba(255,231,171,.2),transparent 50%),linear-gradient(120deg,rgba(246,250,255,.83),rgba(255,255,255,.67)); box-shadow: inset 0 1px rgba(255,255,255,.9),0 9px 28px -19px rgba(83,119,164,.28); backdrop-filter: blur(8px) saturate(112%); }
#dreamSolarRegion:not(.scene-in-view) .dream-observatory * { animation-play-state: paused; }
html[data-scene-theme="dream"] { --dream-sidebar-tint: rgba(245,249,255,.7);
  --theme-sidebar-tint: var(--dream-sidebar-tint);
  --dream-navigation-background: rgba(255,255,255,.76);
  --theme-navigation-background: var(--dream-navigation-background);
  --dream-category-background: rgba(247,250,255,.78);
  --theme-category-background: var(--dream-category-background); }
html[data-scene-theme="dream"] .page-container .sidebar-menu.fixed { background-image: linear-gradient(rgba(247,250,255,.42),rgba(247,250,255,.42)),url('../images/pm-dream-moon.svg'),url('../images/pm-dream-saturn.svg'),radial-gradient(ellipse at 30% 50%,rgba(174,210,242,.15),transparent 70%),linear-gradient(170deg,rgba(247,250,255,.72),rgba(242,247,255,.56)) !important; background-position: center,31px 110px,right -20px bottom 44px,center,center !important; background-size: cover,50px 50px,174px 130px,cover,cover !important; border-right-color: rgba(171,196,225,.4) !important; -webkit-backdrop-filter: blur(12px) saturate(115%) !important; backdrop-filter: blur(12px) saturate(115%) !important; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu::before,
html[data-scene-theme="dream"] .sidebar-menu .main-menu::after { display: none; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu { padding-top: 70px !important; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu > li > a { color: #62738a !important; border-radius: 14px; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu > li > a .title { color: #3f536f !important; font-weight: 600 !important; }
html[data-scene-theme="dream"] .sidebar-menu .main-menu > li > a i { opacity: .85; }
html[data-scene-theme="dream"] .category-section { backdrop-filter: blur(6px) saturate(112%) !important; background: rgba(247,250,255,.78) !important; -webkit-backdrop-filter: blur(6px) saturate(112%) !important; }
html[data-scene-theme="dream"] #content-sections > .category-section::before { display: block; background-image: url('../images/pm-dream-earth.svg') !important; width: 80px; height: 80px; left: 12px; top: 12px; right: auto; opacity: .18; transform: none; }
html[data-scene-theme="dream"] #content-sections > .category-section::after { display: block; background-image: url('../images/pm-dream-moon.svg') !important; width: 45px; height: 45px; left: auto; right: 14px; bottom: 8px; top: auto; opacity: .25; }
html[data-scene-theme="dream"] #content-sections > .category-section:nth-child(3n)::before { background-image: url('../images/pm-dream-saturn.svg') !important; left: auto; right: 12px; top: 8px; width: 104px; height: 78px; }
html[data-scene-theme="dream"] #content-sections > .category-section:nth-child(3n+2)::before { left: 42%; top: 2px; opacity: .14; width: 58px; height: 58px; }
html[data-scene-theme="dream"] #content-sections > .category-section:nth-child(4n)::after { background-image: url('../images/pm-dream-saturn.svg') !important; left: 8px; right: auto; width: 90px; height: 68px; }
html[data-scene-theme="dream"] .scene-scatter { opacity: .34; }
.dream-header-art { display: none; }
html[data-scene-theme="dream"] .dream-header-art { display: block; position: absolute; inset: 0; pointer-events: none; background: url('../images/pm-dream-moon.svg') 29% top -12px/35px 35px no-repeat,url('../images/pm-dream-saturn.svg') right 5% bottom -21px/75px 57px no-repeat; opacity: .18; }
html[data-scene-theme="dream"] .editor-modal .modal-content::before { background-image: url('../images/pm-dream-saturn.svg') !important; width: 104px; height: 78px; left: auto; right: 17px; top: 9px; opacity: .18; }
html[data-scene-theme="dream"] .editor-modal .modal-content::after { content: ''; position: absolute; width: 44px; height: 44px; left: 18px; bottom: 15px; background: url('../images/pm-dream-moon.svg') center/contain no-repeat; pointer-events: none; opacity: .18; }
html[data-scene-theme="dream"] .theme-picker-panel { background-image: url('../images/pm-dream-moon.svg') left 11px bottom 14px/48px 48px no-repeat !important; }
html[data-scene-theme] body.login-dialog-open .modal-backdrop { transition: none !important; animation: none !important; will-change: auto; }
#loginModal.in .modal-dialog { animation: loginDialogEnter .16s ease-out both; }
@keyframes loginDialogEnter { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
@media(max-width:768px) {
html[data-scene-theme="dream"] .page-container .sidebar-menu.fixed { background-size: cover,34px 34px,68px 51px,cover,cover !important; background-position: center,left 80% top -12px,right -9px top 43px,center,center !important; }
html[data-scene-theme="dream"] .sidebar-menu #main-menu { background-color: rgba(247,250,255,.84) !important; -webkit-backdrop-filter: blur(12px) !important; backdrop-filter: blur(12px) !important; background-image: url('../images/pm-dream-earth.svg'),url('../images/pm-dream-moon.svg') !important; background-size: 72px 72px,34px 34px; background-position: right -15px bottom 10px,left 8px top 14px; background-repeat: no-repeat; }
html[data-scene-theme="dream"] .logo-env { background: rgba(255,255,255,.68) !important; }

html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory {  border-radius: 20px; }
html[data-scene-theme="dream"] #content-sections > .category-section::before { width: 52px; height: 52px; opacity: .16; }

}
@media(prefers-reduced-motion:reduce) {
#loginModal.in .modal-dialog { animation: none; }
 }
html[data-scene-theme="dream"] .sidebar-menu .main-menu > li > a:is(:hover,:focus) .title { color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .header-action { position: relative; display: inline-flex; justify-content: center; align-items: center; gap: 7px; min-height: 40px; padding: 9px 18px; border-radius: 14px !important; border: 1px solid var(--theme-control-border-color) !important; background: var(--theme-control-background) !important; color: var(--theme-text-secondary-color) !important; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: transparent; transition: color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .12s ease !important; }
html[data-scene-theme] .header-action:is(:hover,:active,.tap-feedback,.is-current) { color: #126ba9 !important; border-color: rgba(92,165,223,.45) !important; background: rgba(167,218,251,.24) !important; box-shadow: 0 7px 18px -12px rgba(64,145,204,.35) !important; }
html[data-scene-theme="polar"] .header-action:is(:hover,:active,.tap-feedback,.is-current) { color: #c5edff !important; border-color: rgba(151,218,255,.54) !important; background: rgba(126,193,244,.19) !important; box-shadow: 0 7px 18px -11px rgba(117,207,252,.65) !important; }
html[data-scene-theme="dream"] :is(#themePickerToggle,.top-style-toggle-btn).header-action:is(:hover,:active,.tap-feedback,.is-current),
html[data-scene-theme="winter"] :is(#themePickerToggle,.top-style-toggle-btn).header-action:is(:hover,:active,.tap-feedback,.is-current) { color: #7854b2 !important; border-color: rgba(146,110,207,.48) !important; background: rgba(196,171,238,.24) !important; }
html[data-scene-theme]:not([data-scene-theme="polar"]) :is(#topLogoutBtn,#btnLogoutTop).header-action:is(:hover,:active,.tap-feedback,.is-current) { color: #b75169 !important; border-color: rgba(223,120,142,.48) !important; background: rgba(247,182,195,.27) !important; }
html[data-scene-theme] #siteSearchButton.header-action { color: white !important; background: var(--theme-action-background) !important; }
html[data-scene-theme] #siteSearchButton.header-action:hover { filter: brightness(1.04); }
@media(min-width:769px) and (hover:hover) {
html[data-scene-theme] .header-action:hover { transform: translateY(-1px); }
 }
html[data-scene-theme] .header-action:active { transform: scale(.97); }
html[data-scene-theme] .header-action:focus-visible { outline: 2px solid var(--theme-action-accent-color); outline-offset: 3px; }
html[data-scene-theme] .theme-picker-scene-choice { transition: none !important; }
.theme-picker-position-setting { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--theme-control-border-color); }
.theme-picker-position-setting h3 { font-size: 13px; font-weight: 600; color: var(--theme-text-primary-color); margin: 0 0 5px; }
.theme-picker-position-setting p { color: var(--theme-text-secondary-color); font-size: 12px; margin: 0 0 10px; }
.theme-picker-position-options { display: flex; gap: 8px; }
.theme-picker-position-options button { flex: 1; height: 38px; min-height: 38px; padding: 0; font-size: 13px; border-radius: 12px; border: 1px solid var(--theme-control-border-color); background: var(--theme-control-background); color: var(--theme-text-secondary-color); }
.theme-picker-position-options button[aria-pressed="true"] { color: var(--theme-action-accent-color); background: var(--theme-control-hover-background); border-color: var(--theme-action-accent-color); }
.m-menu-dock[hidden] { display: none !important; }
@media(min-width:769px) {
.m-menu-dock { display: none; }
 }
@media(max-width:768px) {
html[data-scene-theme] .mobile-menu-toggle { display: flex !important; width: 100%; gap: 8px; align-items: stretch; }
html[data-scene-theme] .mobile-menu-toggle .header-action { min-height: 44px; height: 44px !important; padding: 4px 0 !important; border-radius: 20px !important; flex-direction: column; gap: 3px; flex: 1 1 0; min-width: 0; }
html[data-scene-theme] .mobile-menu-toggle #topUserNav { flex: 1 1 0; min-width: 0; }
html[data-scene-theme] .mobile-menu-toggle #topLogoutBtn { width: 100%; }
html[data-scene-theme][data-menu-position="bottom"] .logo-env { height: 62px; min-height: 62px; }
html[data-scene-theme][data-menu-position="bottom"] .sidebar-menu #main-menu { top: 62px !important; max-height: calc(100dvh - 150px) !important; }
html[data-scene-theme][data-menu-position="bottom"] body { padding-bottom: calc(94px + env(safe-area-inset-bottom,0px)); }
.m-menu-dock { position: fixed; z-index: 1050; left: 0; right: 0; bottom: 0; padding: 10px 14px calc(10px + env(safe-area-inset-bottom,0px)); border-top: 1px solid var(--theme-control-border-color); background: rgba(255,255,255,.56); box-shadow: 0 -3px 10px rgba(59,77,102,.06),0 -12px 28px -8px rgba(59,77,102,.11); backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%); }
html[data-scene-theme="polar"] .m-menu-dock { background: rgba(10,11,17,.5); border-top-color: rgba(255,255,255,.1); box-shadow: 0 -4px 12px rgba(0,7,28,.22),0 -12px 30px -8px rgba(0,7,28,.32); backdrop-filter: blur(28px) saturate(135%); }
html[data-scene-theme="dream"] .m-menu-dock .header-action:not(:hover,:active,.tap-feedback,.is-current) { background: rgba(255,255,255,.2) !important; }
body.modal-open .m-menu-dock,
body.login-dialog-open .m-menu-dock { display: none !important; }
html[data-scene-theme][data-menu-position="bottom"] #themePickerPanel { top: auto !important; bottom: calc(82px + env(safe-area-inset-bottom,0px)) !important; max-height: calc(100dvh - 110px - env(safe-area-inset-bottom,0px)) !important; }
html[data-scene-theme] .admin-fab { bottom: calc(90px + env(safe-area-inset-bottom,0px)); }

}
@media(prefers-reduced-motion:reduce) {
html[data-scene-theme] .header-action { transition: none !important; }
 }
@media(min-width:769px) {
html[data-scene-theme] #themePickerPanel { max-height: min(calc(100dvh - 104px),680px); }
 }
html[data-scene-theme] .user-info-navbar [data-toggle="sidebar"].header-action { width: 40px; padding: 9px 0 !important; text-decoration: none; }
@media(min-width:769px) {
.theme-picker-position-setting { display: none; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu { padding-left: 12px !important; padding-right: 12px !important; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu > li > a { padding: 10px 0 !important; justify-content: center !important; gap: 0; width: 100%; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu > li > a > i { margin: 0 !important; width: 22px; min-width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu > li > a > .title { display: none !important; }

}
html[data-scene-theme] .user-info-navbar [data-toggle="sidebar"].header-action { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1; }
html[data-scene-theme] .user-info-navbar [data-toggle="sidebar"].header-action i { position: static; display: block; margin: 0 !important; padding: 0; width: auto; line-height: 1; }
@media(max-width:768px) {
html[data-scene-theme] .sidebar-menu.collapsed .header-brand-copy { display: flex !important; }
html[data-scene-theme] .sidebar-menu.collapsed .logo-env { padding-left: 14px !important; padding-right: 14px !important; }
html[data-scene-theme] .sidebar-menu .header-brand { width: calc(100% - 38px) !important; min-width: 0; }
html[data-scene-theme] .sidebar-menu .header-brand-mark { flex: 0 0 38px !important;
  --m-header-brand-logo-width: 38px; width: var(--m-header-brand-logo-width);
  --m-header-brand-logo-height: 38px; height: var(--m-header-brand-logo-height); }
html[data-scene-theme] .sidebar-menu .header-brand-copy { min-width: 0; flex: 1; }
html[data-scene-theme="dream"] .mobile-menu-toggle .header-action:not(:hover,:active,.is-current,.tap-feedback) { background: rgba(255,255,255,.92) !important; color: #66666b !important; }
html[data-scene-theme="winter"] .mobile-menu-toggle .header-action:not(:hover,:active,.is-current,.tap-feedback) { background: rgba(255,255,255,.92) !important; color: #626b79 !important; }
html[data-scene-theme="polar"] .mobile-menu-toggle .header-action:not(:hover,:active,.is-current,.tap-feedback) { background: rgba(34,52,91,.72) !important; color: #c6d5ed !important; }

}
html[data-scene-theme] .header-action { isolation: isolate; overflow: hidden; }
html[data-scene-theme] .header-action.liquid-pop { animation: liquid-button-pop .68s cubic-bezier(.18,.9,.22,1.2); }
html[data-scene-theme] .header-action.liquid-pop::after { content: ''; position: absolute; inset: -45% -80%; z-index: -1; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(105deg,transparent 34%,rgba(255,255,255,.66) 49%,transparent 64%); animation: liquid-button-glint .66s ease-out; }
@keyframes liquid-button-pop {
  0% { transform: translateY(0) scale(1); border-radius: 20px; }
  18% { transform: translateY(2px) scale(.93,.86); border-radius: 25px 18px 24px 19px; }
  42% { transform: translateY(-2px) scale(1.075,.96); border-radius: 17px 25px 18px 24px; }
  62% { transform: translateY(0) scale(.975,1.065); border-radius: 24px 18px 25px 17px; }
  80% { transform: translateY(-1px) scale(1.025,.988); border-radius: 19px 23px 19px 22px; }
  100% { transform: translateY(0) scale(1); border-radius: 20px; }
}
@keyframes liquid-button-glint {
  0% { opacity: 0; transform: translateX(-48%) rotate(7deg) scaleX(.72); }
  24% { opacity: .88; }
  100% { opacity: 0; transform: translateX(48%) rotate(7deg) scaleX(1.08); }
}
html.theme-switching .header-action { transition: none !important; animation: none !important; }
@media(prefers-reduced-motion:reduce) {
html[data-scene-theme] .header-action.liquid-pop,
html[data-scene-theme] .header-action.liquid-pop::after { animation: none !important; }
 }
html[data-scene-theme] #userNav { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
html[data-scene-theme] #userNav .user-greeting { margin: 0; }
html[data-scene-theme] #userNav .user-logout.header-action { padding: 9px 14px !important; min-width: 76px; gap: 8px; height: 40px; flex-shrink: 0; }
html[data-scene-theme] .export-menu button,
html[data-scene-theme] .export-menu button:hover { font-family: inherit !important; font-weight: 600 !important; }
html[data-scene-theme] .editor-modal .form-group-inline { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
html[data-scene-theme] .editor-modal .form-group-inline .checkbox-inline { display: inline-flex; align-items: center; gap: 8px; padding: 0 !important; margin: 0 !important; line-height: 1.5; }
html[data-scene-theme] .editor-modal .checkbox-inline input[type="checkbox"] { position: static !important; margin: 0 !important; width: 16px; height: 16px; flex: 0 0 16px; accent-color: var(--theme-control-hover-color); }
html[data-scene-theme] .drag-handle { width: 28px; height: 28px; border-radius: 9px; touch-action: none; }
.drag-handle svg { width: 18px; height: 18px; }
.dream-sidebar-solar { display: none; }
@media(min-width:769px) {
html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory { min-height: 192px; padding: 18px 28px; justify-content: center; gap: clamp(24px,6vw,110px); }
html[data-scene-theme="dream"] .dream-solar-poem { flex: 0 1 330px; }
html[data-scene-theme="dream"] .dream-sidebar-solar { display: block; position: absolute; left: 0; top: 76px; width: 100%; height: 120px; overflow: hidden; pointer-events: none; }
.dream-sidebar-solar .dream-solar-system { --pc-dream-solar-orbit-x-radius: 88px;
  --dream-solar-orbit-x-radius: var(--pc-dream-solar-orbit-x-radius);
  --pc-dream-solar-orbit-y-radius: 43px;
  --dream-solar-orbit-y-radius: var(--pc-dream-solar-orbit-y-radius);
  --pc-dream-solar-system-width: 226px; width: var(--pc-dream-solar-system-width);
  --pc-dream-solar-system-height: 128px; height: var(--pc-dream-solar-system-height); margin: 0 auto; }
.dream-sidebar-solar .dream-solar-sun { width: 50px; height: 50px; left: calc(50% - 25px); top: calc(50% - 25px); }
.dream-sidebar-solar .dream-earth-system { width: 20px; height: 20px; }
.dream-sidebar-solar .dream-lunar-orbit { inset: -12px; }
.dream-sidebar-solar .dream-solar-moon { width: 5px; height: 5px; }
html[data-scene-theme="dream"] .sidebar-menu:not(.collapsed) #main-menu { padding-top: 83px !important; }
html[data-scene-theme="dream"] .page-container .sidebar-menu.fixed { background-position: center,-80px -80px,right -20px bottom 44px,center,center !important; }
html[data-scene-theme] .sidebar-menu.collapsed .dream-sidebar-solar { display: none; }
html[data-scene-theme] body.edit-mode .sidebar-menu.collapsed .logo-env { height: 124px; min-height: 124px; position: relative; }
html[data-scene-theme] body.edit-mode .sidebar-menu.collapsed .header-brand-edit { top: 78px; left: calc(50% - 13px); right: auto; width: 26px; height: 26px; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu { padding-top: 22px !important; }
html[data-scene-theme] .sidebar-menu.collapsed #main-menu::before { top: -14px; left: 4px; right: 4px; height: 40px; background-size: 60px 40px,32px 32px; background-position: center; }

}
@media(max-width:768px) {
html[data-scene-theme] .logo-env { position: relative; }
html[data-scene-theme] .logo-env .header-brand { width: auto !important; max-width: calc(100% - 48px); flex: 0 1 auto; }
html[data-scene-theme] .logo-env .header-brand-copy { flex: 0 1 auto; }
html[data-scene-theme] body.edit-mode .header-brand-edit { position: static !important; width: 25px; height: 25px; min-width: 25px; margin: 0 auto 0 0; align-self: flex-start; margin-top: 4px; border-radius: 8px; font-size: 12px; }
html[data-scene-theme] .sidebar-menu #main-menu:not(.collapsed) { left: 14px !important; right: 14px !important; width: calc(100% - 28px) !important; top: calc(124px + env(safe-area-inset-top,0px)) !important; max-height: calc(100dvh - 150px - env(safe-area-inset-top,0px)) !important; padding: 14px 12px 24px !important; border-radius: 22px !important; border: 1px solid var(--theme-control-border-color); background-color: var(--theme-dialog-background) !important; box-shadow: 0 18px 46px -20px rgba(18,35,62,.35); }
html[data-scene-theme][data-menu-position="bottom"] .sidebar-menu #main-menu:not(.collapsed) { top: calc(74px + env(safe-area-inset-top,0px)) !important; max-height: calc(100dvh - 158px - env(safe-area-inset-top,0px)) !important; }
html[data-scene-theme] #mobileMenuBackdrop.open { background: rgba(14,24,40,.16); backdrop-filter: blur(3px); }

}
@media(prefers-reduced-motion:reduce) {
.dream-sidebar-solar * { animation: none !important; }
 }
@media(min-width:769px) {
html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory { padding-block: 14px; }
#dreamSolarRegion .dream-solar-system { --pc-dream-solar-system-height: 164px; height: var(--pc-dream-solar-system-height); }
 }
@media(min-width:769px) {
html[data-scene-theme] body.edit-mode .sidebar-menu.collapsed .logo-env { align-items: flex-start !important; padding-top: 20px !important; }
 }
html:not([data-scene-theme="dream"]) .dream-sidebar-solar *,
.sidebar-menu.collapsed .dream-sidebar-solar * { animation-play-state: paused; }
@media(max-width:768px) {
.dream-sidebar-solar * { animation-play-state: paused; }
body.mobile-menu-open .admin-fab { display: none !important; }
 }
@media(min-width:769px) {
#dreamSolarRegion .dream-solar-system { --pc-dream-solar-orbit-y-radius: 54px;
  --dream-solar-orbit-y-radius: var(--pc-dream-solar-orbit-y-radius); }
.dream-sidebar-solar .dream-solar-system { --pc-dream-solar-orbit-y-radius: 38px;
  --dream-solar-orbit-y-radius: var(--pc-dream-solar-orbit-y-radius); }
 }

/* Semantic category icons: a single consistent outline set. */
i[class^="icon-"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: currentColor; mask: var(--icon-mask-image) center / contain no-repeat; -webkit-mask: var(--icon-mask-image) center / contain no-repeat; }
 .icon-code { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%207-5%205%205%205m8-10%205%205-5%205m-3-12-2%2014%22/%3E%3C/svg%3E"); }
 .icon-tools { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%205a5%205%200%200%200-6%206L3%2016a3%203%200%200%200%205%205l5-5a5%205%200%200%200%206-6l-3%203-4-4%203-3Z%22/%3E%3C/svg%3E"); }
 .icon-ai { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22M9%202v4m6-4v4M9%2018v4m6-4v4M2%209h4m-4%206h4m12-6h4m-4%206h4M10%2010h4v4h-4Z%22/%3E%3C/svg%3E"); }
 .icon-agent { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%2216%22%20height%3D%2213%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M12%203v4M2%2011v5m20-5v5M9%2016h6%22/%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2212%22%20r%3D%22.7%22/%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2212%22%20r%3D%22.7%22/%3E%3C/svg%3E"); }
 .icon-server { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%228%22%20rx%3D%222%22/%3E%3Crect%20x%3D%224%22%20y%3D%2213%22%20width%3D%2216%22%20height%3D%228%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%207h.1M8%2017h.1M12%207h5m-5%2010h5%22/%3E%3C/svg%3E"); }
 .icon-download { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-4-4%204%204%204-4M4%2016v4h16v-4%22/%3E%3C/svg%3E"); }
 .icon-magnet { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204v8a7%207%200%200%200%2014%200V4h-5v8a2%202%200%200%201-4%200V4ZM5%208h5m4%200h5%22/%3E%3C/svg%3E"); }
 .icon-tv { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22/%3E%3Cpath%20d%3D%22m8%202%204%205%204-5M7%2017h6m4-6h.1m-.1%204h.1%22/%3E%3C/svg%3E"); }
 .icon-film { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M7%203v18m10-18v18M3%208h4m-4%208h4m10-8h4m-4%208h4m-14-4h10%22/%3E%3C/svg%3E"); }
 .icon-music { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2017V5l11-2v12M9%209l11-2%22/%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%223%22/%3E%3Cellipse%20cx%3D%2217%22%20cy%3D%2216%22%20rx%3D%223%22%20ry%3D%223%22/%3E%3C/svg%3E"); }
 .icon-book { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205C9%203%206%203%203%204v16c3-1%206-1%209%201%203-2%206-2%209-1V4c-3-1-6-1-9%201Zm0%200v16%22/%3E%3C/svg%3E"); }
 .icon-cloud { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2019a5%205%200%201%201%200-10%206%206%200%200%201%2011-2%206%206%200%200%201%200%2012Z%22/%3E%3C/svg%3E"); }
 .icon-shield { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202%203%206v6c0%205%205%208%209%2010%204-2%209-5%209-10V6Zm-4%2010%203%203%205-6%22/%3E%3C/svg%3E"); }
 .icon-network { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Crect%20x%3D%222%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2216%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M12%208v4M5%2016v-4h14v4%22/%3E%3C/svg%3E"); }
 .icon-chart { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203v18h18M6%2015l5-5%204%203%206-7%22/%3E%3C/svg%3E"); }
 .icon-game { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%207h8c4%200%205%205%205%2010%200%203-3%204-5%201H8c-2%203-5%202-5-1%200-5%201-10%205-10ZM7%2011v5m-2-2h5m6-2h.1m2%203h.1%22/%3E%3C/svg%3E"); }

/* Reviewed controls use opaque theme colors and theme-aware focus states. */
html[data-scene-theme="polar"] { --polar-fab-category-background: #596bb4;
  --theme-fab-category-background: var(--polar-fab-category-background);
  --polar-fab-site-background: #426f91;
  --theme-fab-site-background: var(--polar-fab-site-background);
  --polar-fab-brand-background: #7863ab;
  --theme-fab-brand-background: var(--polar-fab-brand-background); }
html[data-scene-theme="dream"] { --dream-fab-category-background: #007aff;
  --theme-fab-category-background: var(--dream-fab-category-background);
  --dream-fab-site-background: #258777;
  --theme-fab-site-background: var(--dream-fab-site-background);
  --dream-fab-brand-background: #8060b5;
  --theme-fab-brand-background: var(--dream-fab-brand-background); }
html[data-scene-theme="winter"] { --winter-fab-category-background: #00a979;
  --theme-fab-category-background: var(--winter-fab-category-background);
  --winter-fab-site-background: #33879b;
  --theme-fab-site-background: var(--winter-fab-site-background);
  --winter-fab-brand-background: #ff8a24;
  --theme-fab-brand-background: var(--winter-fab-brand-background); }
html[data-scene-theme] .admin-fab-menu button { color: #fff !important; border: 1px solid rgba(255,255,255,.24) !important; opacity: 1; box-shadow: 0 4px 12px rgba(20,36,61,.16); }
html[data-scene-theme] .admin-fab-menu button:hover { filter: brightness(1.07); transform: translateY(-2px); }
html[data-scene-theme] #userNav .user-greeting, html[data-scene-theme] #userName { color: var(--theme-control-hover-color) !important; }
html[data-scene-theme] .theme-picker-position-options button[aria-pressed="true"] { color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background); }
html[data-scene-theme] input:focus-visible, html[data-scene-theme] textarea:focus-visible, html[data-scene-theme] select:focus-visible { outline: none !important; border-color: var(--theme-control-hover-color) !important; box-shadow: inset 0 0 0 1px var(--theme-control-hover-color) !important; }
.icon-globe { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18M5%206h14M5%2018h14%22%2F%3E%3C%2Fsvg%3E"); }
.icon-like { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2010h3l2-7c3%200%203%203%202%206h4a2%202%200%200%201%202%202l-1%208a2%202%200%200%201-2%202H7ZM3%2010h4v11H3Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-eye { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s4-7%2010-7%2010%207%2010%207-4%207-10%207S2%2012%202%2012Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.icon-params { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203v5m0%204v9M12%203v10m0%204v4M19%203v3m0%204v11%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%228%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2210%22%20y%3D%2213%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%226%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.icon-settings { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%203%201-1h4l1%203%203%201%202-1%202%203-2%203v2l2%203-2%203-3-1-3%201-1%202h-4l-1-2-3-1-2%201-2-3%202-3v-2L2%208l2-3%202%201%203-1Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E"); }
.icon-plane { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%2018-7-7%2018-3-7-8-4Zm8%204L21%203%22%2F%3E%3C%2Fsvg%3E"); }
.icon-desktop { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2021h8M10%2016v5m4-5v5M6%206h12%22%2F%3E%3C%2Fsvg%3E"); }
.icon-database { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%225%22%20rx%3D%228%22%20ry%3D%223%22%2F%3E%3Cpath%20d%3D%22M4%205v14c0%204%2016%204%2016%200V5M4%2012c0%204%2016%204%2016%200%22%2F%3E%3C%2Fsvg%3E"); }
.icon-nas { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%2010h16M8%206h6M8%2014h6M8%2018h6m3-4h.1m-.1%204h.1%22%2F%3E%3C%2Fsvg%3E"); }
.icon-community { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v12H9l-6%205V4Z%22%2F%3E%3Cpath%20d%3D%22M7%208h10M7%2012h6%22%2F%3E%3C%2Fsvg%3E"); }
.icon-blog { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%207h4v4H7ZM14%207h3M14%2011h3M7%2015h10M7%2018h7%22%2F%3E%3C%2Fsvg%3E"); }
.icon-mail { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m3%206%209%207%209-7%22%2F%3E%3C%2Fsvg%3E"); }
.icon-font { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%205h12M9%205v15M5%2020h8M14%2011h7m-3.5%200v9M15%2020h5%22%2F%3E%3C%2Fsvg%3E"); }
.icon-windows { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%205%208-1v7H3Zm10-1%208-1v8h-8ZM3%2013h8v7l-8-1Zm10%200h8v8l-8-1Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-mac { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M8%207v3m8-3v3M7%2015c3%203%207%203%2010%200M12%203l-1%2010h3v8%22%2F%3E%3C%2Fsvg%3E"); }
.icon-apps { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.icon-video { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2213%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m16%2010%205-3v10l-5-3Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-subtitle { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8%208-3%204%203%204m8-8%203%204-3%204M10%2016h4%22%2F%3E%3C%2Fsvg%3E"); }
.icon-cloud-search { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2018H7a5%205%200%201%201%201-10%206%206%200%200%201%2011-1%205%205%200%200%201%201%209%22%2F%3E%3Ccircle%20cx%3D%2213%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22m16%2018%204%204%22%2F%3E%3C%2Fsvg%3E"); }
.icon-link { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%207%203-3a5%205%200%200%201%207%207l-3%203M14%2017l-3%203a5%205%200%200%201-7-7l3-3m1%206%208-8%22%2F%3E%3C%2Fsvg%3E"); }
.icon-parse { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203H4v18h3M17%203h3v18h-3M12%206v12m-3-3%203%203%203-3%22%2F%3E%3C%2Fsvg%3E"); }
.icon-download-tools { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H3v18h18v-5M14%203h7v7m0-7L10%2014M7%2010v7h7%22%2F%3E%3C%2Fsvg%3E"); }
.icon-magic { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2018%2011-11%203%203L6%2021Zm9-9%203%203M5%203v4M3%205h4M18%202v4m-2-2h4M20%2017v4m-2-2h4%22%2F%3E%3C%2Fsvg%3E"); }
.icon-anime { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%208-1-5%206%203h6l6-3-1%205c2%202%202%209%200%2011-4%203-12%203-16%200-2-2-2-9%200-11Z%22%2F%3E%3Cpath%20d%3D%22M7%2012h2m6%200h2m-7%204%202%202%202-2%22%2F%3E%3C%2Fsvg%3E"); }
.icon-star { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%203%206%207%201-5%205%201%207-6-3-6%203%201-7-5-5%207-1Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-compass { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m16%208-3%205-5%203%203-5Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-rocket { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2016c-1-7%205-13%2013-13%200%208-6%2014-13%2013ZM8%2010H4l-2%206h6m6%200v4l-6%202v-6M5%2019l-3%203%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.icon-spark { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202c0%207%203%2010%2010%2010-7%200-10%203-10%2010%200-7-3-10-10-10%207%200%2010-3%2010-10Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-planet { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%2212%22%20ry%3D%223%22%20transform%3D%22rotate%28-30%2012%2012%29%22%2F%3E%3C%2Fsvg%3E"); }
.icon-user { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021v-3c0-8%2016-8%2016%200v3Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-search { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206%22%2F%3E%3C%2Fsvg%3E"); }
.icon-key { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m12%2012%209%209m-5-5%203-3m-1%205%203-3%22%2F%3E%3C%2Fsvg%3E"); }
.icon-lock { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3M12%2014v3%22%2F%3E%3C%2Fsvg%3E"); }
.icon-lightbulb { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2017c0-4-3-4-3-8a7%207%200%200%201%2014%200c0%204-3%204-3%208ZM8%2019h8m-6%203h4%22%2F%3E%3C%2Fsvg%3E"); }
.icon-heart { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%2021-8-8C-1%207%207%201%2012%207c5-6%2013%200%208%206Z%22%2F%3E%3C%2Fsvg%3E"); }
.icon-calendar { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%202v6m10-6v6M3%2011h18M7%2015h.1m4-.1h.1m4%200h.1M7%2018h.1%22%2F%3E%3C%2Fsvg%3E"); }
.icon-inbox { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%203-4%2012v6h20v-6L18%203ZM2%2015h6l2%203h4l2-3h6%22%2F%3E%3C%2Fsvg%3E"); }
.icon-file { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202h10l6%206v14H4ZM14%202v6h6M8%2012h8m-8%204h8m-8%203h5%22%2F%3E%3C%2Fsvg%3E"); }
.icon-price { --icon-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h8l10%2010-8%208L3%2011Z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m12%2010%204%204m-5-1%203-3m-1%206%203-3%22%2F%3E%3C%2Fsvg%3E"); }

@media(max-width:768px) {
 html[data-scene-theme="dream"] .sidebar-menu #main-menu:not(.collapsed) {     background-repeat: no-repeat; }
 html[data-scene-theme="winter"] .mobile-search-panel { background: linear-gradient(110deg,rgba(228,246,241,.96),rgba(243,244,236,.97)) !important; backdrop-filter: blur(14px); }
 html[data-scene-theme="dream"] .mobile-search-panel {  backdrop-filter: blur(14px); }
 html[data-scene-theme="dream"] #dreamSolarRegion { margin-bottom: 14px; }
 html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory { flex-direction: row; min-height: 124px; height: 124px; gap: 5px; padding: 12px 10px; }
 #dreamSolarRegion .dream-solar-poem { flex: 1 1 52%; align-items: flex-start; text-align: left; gap: 7px; }
 #dreamSolarRegion .dream-solar-poem > span { font-size: 9px; }
 #dreamSolarRegion .dream-solar-poem strong { font-size: 14px; line-height: 1.6; }
 #dreamSolarRegion .dream-solar-poem small { font-size: 10px; line-height: 1.5; }
 #dreamSolarRegion .dream-solar-system { --m-dream-solar-orbit-x-radius: 48px;
  --dream-solar-orbit-x-radius: var(--m-dream-solar-orbit-x-radius);
  --m-dream-solar-orbit-y-radius: 28px;
  --dream-solar-orbit-y-radius: var(--m-dream-solar-orbit-y-radius);
  --m-dream-solar-system-width: 136px; width: var(--m-dream-solar-system-width);
  --m-dream-solar-system-height: 100px; height: var(--m-dream-solar-system-height); flex: 0 0 136px; }
 #dreamSolarRegion .dream-solar-sun { width: 40px; height: 40px; left: calc(50% - 20px); top: calc(50% - 20px); }
 #dreamSolarRegion .dream-earth-system { width: 14px; height: 14px; }
 #dreamSolarRegion .dream-lunar-orbit { inset: -8px; }
 #dreamSolarRegion .dream-solar-moon { width: 4px; height: 4px; top: calc(50% - 2px); }
}
html[data-scene-theme] body .admin-fab-menu #btnAddCat { background: var(--theme-fab-category-background) !important; color: #fff !important; }
html[data-scene-theme] body .admin-fab-menu #btnAddSite { background: var(--theme-fab-site-background) !important; color: #fff !important; }
html[data-scene-theme] body .admin-fab-menu #btnEditBrandFab { background: var(--theme-fab-brand-background) !important; color: #fff !important; }
html[data-scene-theme] body .admin-fab-menu button i { color: inherit !important; }

html[data-scene-theme="winter"] body .top-style-toggle-btn:is(:hover,.is-current,.tap-feedback) { color: var(--theme-control-hover-color) !important; border-color: var(--theme-control-hover-color) !important; background: var(--theme-control-hover-background) !important; }

/* Mobile navigation density is a local display preference, independent of theme. */
.theme-picker-layout-setting { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--theme-control-border-color); }
.theme-picker-layout-setting h3 { margin: 0 0 9px; font-size: 13px; font-weight: 600; color: var(--theme-text-primary-color); }
.theme-picker-layout-options { display: flex; gap: 7px; }
.theme-picker-layout-options button { flex: 1; border: 1px solid var(--theme-control-border-color); border-radius: 12px; height: 38px; min-height: 38px; padding: 0; font-size: 13px; background: var(--theme-control-background); color: var(--theme-text-secondary-color); }
html[data-scene-theme] .theme-picker-layout-options button[aria-pressed="true"] { background: var(--theme-control-hover-background); color: var(--theme-control-hover-color); border-color: var(--theme-control-hover-color); }
html[data-scene-theme="dream"] body .site-card:hover { background-color: #edf5ff !important; }
@media(min-width:769px) {
 .theme-picker-layout-setting { display: none; }
 html[data-scene-theme] #themePickerPanel { width: 340px; padding: 16px; }
 html[data-scene-theme] .theme-picker-scene-choice { grid-template-columns: 126px minmax(0,1fr);
  --pc-theme-picker-choice-min-height: 88px; min-height: var(--pc-theme-picker-choice-min-height); column-gap: 10px; }
 html[data-scene-theme] .theme-picker-scene-art { --pc-theme-picker-preview-width: 126px; width: var(--pc-theme-picker-preview-width);
  --pc-theme-picker-preview-height: 72px; height: var(--pc-theme-picker-preview-height); }
 html[data-scene-theme] .theme-picker-panel-header h2 { font-size: 21px; }
 html[data-scene-theme] .theme-picker-panel-intro { font-size: 12px; margin-bottom: 12px; }
 html[data-scene-theme] .theme-picker-scene-name { font-size: 14px; }
 html[data-scene-theme] .theme-picker-scene-subtitle { font-size: 10px; }
}
@media(max-width:768px) {
 html[data-scene-theme="dream"] .sidebar-menu #main-menu:not(.collapsed) {
  background-size: 100% 100% !important; background-position: center !important;
 }
 html[data-scene-theme="dream"] .sidebar-menu #main-menu::after { background-color: transparent !important; }
 html[data-scene-theme][data-mobile-layout="list"] .card-grid > .card-cell { width: 100% !important; min-width: 0; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card-link {  height: auto !important; justify-content: flex-start; padding: 0 !important; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card .card-content { flex-direction: row; align-items: center !important; gap: 12px; text-align: left !important;
  --m-card-list-width: 100%; width: var(--m-card-list-width); }
 html[data-scene-theme][data-mobile-layout="list"] .card-description { flex: 1; min-width: 0; text-align: left !important;  }
 html[data-scene-theme][data-mobile-layout="list"] .card-description p { -webkit-line-clamp: 1; }
 html[data-scene-theme][data-mobile-layout="compact"] .card-grid { margin: 0 -4px; }
 html[data-scene-theme][data-mobile-layout="compact"] .card-grid > .card-cell { width: 33.3333% !important; min-width: 0; padding: 0 4px; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card {  --m-card-compact-min-height: 100px; min-height: var(--m-card-compact-min-height); padding: 12px 6px !important; margin-bottom: 8px;
  --m-card-compact-border-radius: 14px; border-radius: var(--m-card-compact-border-radius) !important; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card-link { height: auto !important; padding: 0 !important; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card .card-content { flex-direction: column; gap: 7px; height: auto; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card .card-icon { --m-card-compact-icon-width: 30px; width: var(--m-card-compact-icon-width) !important;
  --m-card-compact-icon-height: 30px; height: var(--m-card-compact-icon-height) !important; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card .card-icon img { --m-card-compact-icon-width: 30px; width: var(--m-card-compact-icon-width) !important;
  --m-card-compact-icon-height: 30px; height: var(--m-card-compact-icon-height) !important; }
 html[data-scene-theme][data-mobile-layout="compact"] .card-title strong { font-size: 12px; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card .card-title { --m-card-compact-title-line-height: 15px; line-height: var(--m-card-compact-title-line-height); }
 html[data-scene-theme][data-mobile-layout="compact"] .card-description { width: 100%; min-width: 0; text-align: center; }
 html[data-scene-theme][data-mobile-layout="compact"] .card-description p { display: none; }
}
@media(max-width:768px) {
 html[data-scene-theme][data-mobile-layout="list"] .site-card .card-description { align-items: flex-start !important; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card .card-description p { --m-card-list-description-width: 100%; width: var(--m-card-list-description-width); }
 html[data-scene-theme][data-mobile-layout="compact"] .card-grid > .card-cell { margin-bottom: 0; }
}
@media(max-width:768px) {
 html[data-scene-theme="dream"] .sidebar-menu #main-menu:not(.collapsed)::before {
  content: ''; display: block; position: absolute; inset: 0; width: auto; height: auto; border-radius: inherit; pointer-events: none;  animation: none; box-shadow: none;
  background: url('../images/pm-dream-moon.svg') right 22px top 22% / 46px 46px no-repeat, url('../images/pm-dream-saturn.svg') right -10px bottom 16% / 96px 72px no-repeat !important;
  mask-image: linear-gradient(90deg,transparent 25%,#000 65%); -webkit-mask-image: linear-gradient(90deg,transparent 25%,#000 65%);
 }
 html[data-scene-theme="dream"] .sidebar-menu #main-menu > li { position: relative; z-index: 1; }
}

/* Mobile layouts keep their content centered and management actions visible. */
@media(max-width:768px) {
 html[data-scene-theme="dream"] .sidebar-menu #main-menu:not(.collapsed) {
  background-color: rgba(250,252,255,.98) !important;
  background-image: radial-gradient(ellipse at 88% 8%,rgba(189,214,249,.17),transparent 58%),radial-gradient(ellipse at 95% 95%,rgba(215,202,244,.1),transparent 62%),linear-gradient(180deg,#fcfdff,#f4f8ff) !important;
  border-color: rgba(160,190,231,.3) !important;
 }
 html[data-scene-theme="dream"] .sidebar-menu #main-menu:not(.collapsed)::before { opacity: .28; }
 html[data-scene-theme="dream"] .mobile-search-panel { background: linear-gradient(110deg,rgba(246,250,255,.97),rgba(238,246,255,.98)) !important; border-color: rgba(158,191,238,.35) !important; }
 html[data-scene-theme] body.edit-mode .sidebar-menu .logo-env { justify-content: center; column-gap: 8px !important; }
 html[data-scene-theme] body.edit-mode .sidebar-menu .header-brand { width: auto !important; flex: 0 1 auto; max-width: calc(100% - 38px); }
 html[data-scene-theme] body.edit-mode .sidebar-menu .header-brand-copy { flex: 0 1 auto !important; }
 html[data-scene-theme] body.edit-mode .sidebar-menu .header-brand-edit { position: static !important; margin: 0 !important; flex: 0 0 25px; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card { margin: 7px 0 5px;
  --m-card-list-height: 84px; height: var(--m-card-list-height) !important;
  --m-card-list-min-height: 84px; min-height: var(--m-card-list-min-height); padding: 0 48px 0 24px !important; display: flex; align-items: center !important; }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .site-card { padding-top: 0; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card-link { width: 100%; min-height: 0; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card .card-icon { flex: 0 0 42px;
  --m-card-list-icon-width: 42px; width: var(--m-card-list-icon-width) !important;
  --m-card-list-icon-height: 42px; height: var(--m-card-list-icon-height) !important; background-size: 33px; }
 html[data-scene-theme][data-mobile-layout="list"] .site-card .card-icon img { --m-card-list-icon-width: 42px; width: var(--m-card-list-icon-width) !important;
  --m-card-list-icon-height: 42px; height: var(--m-card-list-icon-height) !important; }
 html[data-scene-theme][data-mobile-layout="list"] .card-title strong { font-size: 15px; }
 html[data-scene-theme][data-mobile-layout="list"] .card-description p { font-size: 12px; }
 html[data-scene-theme][data-mobile-layout="list"] .card-description { padding-right: 0; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-grid > .card-cell { width: 33.3333% !important; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .site-card { --m-card-compact-admin-min-height: 112px; min-height: var(--m-card-compact-admin-min-height);
  --m-card-compact-admin-height: 112px; height: var(--m-card-compact-admin-height) !important; padding: 12px 6px !important; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card { --m-card-compact-height: 100px; height: var(--m-card-compact-height) !important; display: flex; align-items: center !important; justify-content: center; }
 html[data-scene-theme][data-mobile-layout="compact"] .site-card-link { width: 100%; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .site-actions,
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .site-actions { display: flex; gap: 2px; top: 4px; right: 4px; padding: 0; border-radius: 0; background: transparent !important; box-shadow: none !important; }
 /* 四个最小按钮共占 77.5px；极窄卡片减少右侧留白，保持整排按钮在卡片内。 */
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .site-actions { gap: .5px; top: 5px; right: clamp(2px, calc(100% - 80px), 6px); }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .site-actions button { --m-card-compact-action-button-admin-width: clamp(19px, 5.6vw, 23px); width: var(--m-card-compact-action-button-admin-width) !important;
  --m-card-compact-action-button-admin-height: clamp(19px, 5.6vw, 23px); height: var(--m-card-compact-action-button-admin-height) !important; margin: 0;
  --m-card-compact-action-button-admin-border-radius: 5px; border-radius: var(--m-card-compact-action-button-admin-border-radius);
  --m-card-compact-action-button-admin-font-size: 11.5px; font-size: var(--m-card-compact-action-button-admin-font-size); line-height: 17px; }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .site-actions button { --m-card-list-action-button-admin-width: 24px; width: var(--m-card-list-action-button-admin-width) !important;
  --m-card-list-action-button-admin-height: 24px; height: var(--m-card-list-action-button-admin-height) !important; margin: 0;
  --m-card-list-action-button-admin-border-radius: 6px; border-radius: var(--m-card-list-action-button-admin-border-radius);
  --m-card-list-action-button-admin-font-size: 13px; font-size: var(--m-card-list-action-button-admin-font-size); line-height: 22px; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .drag-handle { --m-card-compact-drag-button-admin-width: 25px; width: var(--m-card-compact-drag-button-admin-width);
  --m-card-compact-drag-button-admin-height: 25px; height: var(--m-card-compact-drag-button-admin-height); bottom: 3px; right: 6px; }
}

/* Outside the footer so its glass surface cannot trap viewport positioning. */
.back-to-top { position: fixed; right: max(12px, env(safe-area-inset-right)); top: 50%; transform: translateY(-50%); z-index: 1030; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 14px; border: 1px solid var(--theme-control-border-color); background: var(--theme-dialog-background); color: var(--theme-control-hover-color); box-shadow: var(--theme-surface-shadow); transition: background .18s, color .18s, box-shadow .18s; }
.back-to-top svg { width: 21px; height: 21px; }
.back-to-top:hover, .back-to-top:focus-visible { color: var(--theme-text-primary-color); background: var(--theme-control-hover-background); border-color: var(--theme-control-hover-color); box-shadow: var(--theme-surface-hover-shadow); }
.back-to-top:focus-visible { outline: 2px solid var(--theme-control-hover-color); outline-offset: 3px; }
@media(max-width:768px) { .back-to-top { --m-back-to-top-width: 34px; width: var(--m-back-to-top-width);
  --m-back-to-top-height: 34px; height: var(--m-back-to-top-height);
  --m-back-to-top-border-radius: 12px; border-radius: var(--m-back-to-top-border-radius); right: max(8px, env(safe-area-inset-right)); } .back-to-top svg { --m-back-to-top-width: 18px; width: var(--m-back-to-top-width);
  --m-back-to-top-height: 18px; height: var(--m-back-to-top-height); } }

@media (min-width: 769px) {
 /* Keep the original card height; reserve the upper action row and drag corner. */
 html[data-scene-theme] body.edit-mode .site-card-link { --pc-card-admin-content-top-space: 16px; padding-top: var(--pc-card-admin-content-top-space); }
 html[data-scene-theme] body.edit-mode .card-description { --pc-card-admin-drag-clearance: 24px; margin-right: var(--pc-card-admin-drag-clearance); }
 html[data-scene-theme] body.edit-mode .card-description p { -webkit-line-clamp: 1; }
 html[data-scene-theme] body.edit-mode .site-actions { top: 4px; right: 8px; padding: 0; }
 html[data-scene-theme] body.edit-mode .site-actions button { --pc-card-action-button-admin-width: 24px; width: var(--pc-card-action-button-admin-width);
  --pc-card-action-button-admin-height: 24px; height: var(--pc-card-action-button-admin-height); }
 html[data-scene-theme] body.edit-mode .drag-handle { --pc-card-drag-button-admin-width: 24px; width: var(--pc-card-drag-button-admin-width);
  --pc-card-drag-button-admin-height: 24px; height: var(--pc-card-drag-button-admin-height); bottom: 6px; right: 8px; }
}
@media (max-width: 768px) {
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .site-card-link { --m-card-card-admin-content-top-space: 26px; padding-top: var(--m-card-card-admin-content-top-space); }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .site-card .card-icon,
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .site-card .card-icon img { --m-card-card-admin-icon-size: 32px; width: var(--m-card-card-admin-icon-size) !important; height: var(--m-card-card-admin-icon-size) !important; flex-basis: var(--m-card-card-admin-icon-size); }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-description p { -webkit-line-clamp: 1; max-width: calc(100% - 64px); }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-title { --m-card-card-admin-title-line-height: 18px; line-height: var(--m-card-card-admin-title-line-height); }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .site-actions { right: 7px; }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .card-title { max-width: calc(100% - 64px); }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .site-actions button { --m-card-card-action-button-admin-width: clamp(20px, 6.67vw, 26px); width: var(--m-card-card-action-button-admin-width) !important;
  --m-card-card-action-button-admin-height: clamp(20px, 6.67vw, 26px); height: var(--m-card-card-action-button-admin-height) !important;
  --m-card-card-action-button-admin-font-size: 13px; font-size: var(--m-card-card-action-button-admin-font-size); line-height: 24px; }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .drag-handle { --m-card-card-drag-button-admin-width: 30px; width: var(--m-card-card-drag-button-admin-width);
  --m-card-card-drag-button-admin-height: 30px; height: var(--m-card-card-drag-button-admin-height); bottom: 1px; }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .drag-handle { --m-card-list-drag-button-admin-width: 24px; width: var(--m-card-list-drag-button-admin-width);
  --m-card-list-drag-button-admin-height: 24px; height: var(--m-card-list-drag-button-admin-height); right: 7px; bottom: 6px; }
}

@media (max-width: 768px) { body.edit-mode .section-title .cat-del-hint { display: block; margin: 6px 0 0 27px; line-height: 1.5; } }

/* Form popovers leave the scrolling body while keeping modal controls reachable. */
.form-dropdown-menu.form-floating-menu,
.icon-picker-menu.form-floating-menu { position: fixed; z-index: 1100; right: auto; bottom: auto; margin: 0; overflow-y: auto; overscroll-behavior: contain; }
.form-dropdown-menu.form-floating-menu { display: block; }
.icon-picker-menu.form-floating-menu { display: grid; }
.form-dropdown-item, .form-dropdown-label { display: flex; align-items: center; gap: 10px; }
.form-dropdown-item > i, .form-dropdown-label > i { flex: 0 0 20px; }
.form-dropdown-label > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
/* Fixed icon slots align legacy mappings and new outline glyphs. */
.icon-picker-menu i[class^="icon-"],
.icon-picker-toggle > i[class^="icon-"],
.section-title > i[class^="icon-"] { width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
html[data-scene-theme] .sidebar-menu .main-menu a i[class^="icon-"] { width: 18px; height: 18px; flex: 0 0 18px; align-self: center; }
.card-tag-icon i[class^="icon-"] { width: 16px; height: 16px; }
body.edit-mode .section-title .cat-actions { display: inline; }
.section-title .cat-actions button { display: inline-flex; align-items: center; white-space: nowrap; gap: 3px; }
@media (max-width: 768px) {
 .section-title .cat-actions { margin-left: 4px; font-size: 12px; }
 .section-title .cat-actions button { gap: 0; margin-right: 1px; }
 .section-title .cat-actions button:last-child { margin-right: 0; }
}
.nav-search .search-submit-button, .nav-search .search-engine-switch { flex-shrink: 0; white-space: nowrap; }
#dreamSolarRegion { container-type: inline-size; }
@media (min-width: 769px) and (max-width: 1440px) {
 html[data-scene-theme] .page-container .main-content .navbar.user-info-navbar { flex-wrap: wrap; gap: 10px; padding-top: 10px !important; padding-bottom: 10px !important; }
 .user-info-navbar .left-links { order: 0; }
 .user-info-navbar .right-links { order: 1; margin-left: auto; }
 html[data-scene-theme] .user-info-navbar .nav-search { order: 2; flex: 1 0 100%; max-width: none; }
 html[data-scene-theme] .nav-search .search-input-wrap, html[data-scene-theme] .nav-search input#siteSearchInput { min-width: 0; }
}
@media (min-width: 769px) {
 @container (max-width: 660px) {
  html[data-scene-theme="dream"] #dreamSolarRegion .dream-observatory { min-height: 164px; padding: 16px; gap: 12px; }
  html[data-scene-theme="dream"] #dreamSolarRegion .dream-solar-poem { flex: 1 1 180px; min-width: 160px; }
  #dreamSolarRegion .dream-solar-poem strong { font-size: 17px; line-height: 1.5; }
  #dreamSolarRegion .dream-solar-system { --pc-dream-solar-system-width: 180px; width: var(--pc-dream-solar-system-width); flex: 0 1 180px;
  --pc-dream-solar-system-height: 132px; height: var(--pc-dream-solar-system-height);
  --pc-dream-solar-orbit-x-radius: 66px;
  --dream-solar-orbit-x-radius: var(--pc-dream-solar-orbit-x-radius);
  --pc-dream-solar-orbit-y-radius: 42px;
  --dream-solar-orbit-y-radius: var(--pc-dream-solar-orbit-y-radius); }
  #dreamSolarRegion .dream-solar-sun { width: 60px; height: 60px; left: calc(50% - 30px); top: calc(50% - 30px); }
  #dreamSolarRegion .dream-earth-system { width: 22px; height: 22px; }
  #dreamSolarRegion .dream-lunar-orbit { inset: -12px; }
 }
 @container (max-width: 420px) {
  #dreamSolarRegion .dream-solar-system { --pc-dream-solar-system-width: 132px; width: var(--pc-dream-solar-system-width); flex-basis: 132px;
  --pc-dream-solar-orbit-x-radius: 45px;
  --dream-solar-orbit-x-radius: var(--pc-dream-solar-orbit-x-radius);
  --pc-dream-solar-orbit-y-radius: 36px;
  --dream-solar-orbit-y-radius: var(--pc-dream-solar-orbit-y-radius); }
  #dreamSolarRegion .dream-solar-sun { width: 50px; height: 50px; left: calc(50% - 25px); top: calc(50% - 25px); }
 }
}

/* One close control for dialogs, the theme panel and mobile search. */
button.dialog-close-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px; padding: 0; margin: 0; border: 1px solid var(--theme-control-border-color); border-radius: 10px; background: var(--theme-control-background); color: var(--theme-text-secondary-color); float: none; opacity: 1; font-size: 0; line-height: 1; text-shadow: none; cursor: pointer; transition: color .16s, border-color .16s, background-color .16s; }
.dialog-close-button::before { content: ''; display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.dialog-close-button:hover { color: var(--theme-control-hover-color); border-color: var(--theme-control-hover-color); background: var(--theme-control-hover-background); }
.dialog-close-button:focus-visible { outline: 2px solid var(--theme-control-hover-color); outline-offset: 2px; }
.editor-modal .modal-header { display: flex; align-items: center; gap: 12px; }
.editor-modal .modal-header::before, .editor-modal .modal-header::after { display: none; }
.editor-modal .modal-header .modal-title { flex: 1; min-width: 0; margin: 0; }
.editor-modal .modal-header .dialog-close-button { order: 2; margin: 0; }

/* 管理状态：标签和标记共享空间，给操作按钮留出独立位置。 */
.card-markers { display: contents; }
html[data-scene-theme] body.edit-mode .card-markers { position: absolute; top: 6px; left: 8px; display: flex; align-items: center; gap: 3px; max-width: calc(100% - 126px); min-width: 0; z-index: 5; pointer-events: none; }
html[data-scene-theme] body.edit-mode .card-markers .card-stamp { position: static; min-width: 0; padding: 0 3px; border-width: 1px; font-size: 9px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; }
html[data-scene-theme] body.edit-mode .card-markers .card-tag-icon { position: static; flex: 0 0 14px; width: 14px; font-size: 12px; line-height: 16px; }
html[data-scene-theme] body.edit-mode .card-markers .card-tag-icon i { width: 14px; height: 14px; }
html[data-scene-theme] body.edit-mode .card-markers .card-badges-right { position: static; flex: 0 0 auto; gap: 3px; line-height: 16px; }
html[data-scene-theme] body.edit-mode .card-markers .card-featured,
html[data-scene-theme] body.edit-mode .card-markers .card-pinned { font-size: 12px; }
@media (max-width: 768px) {
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-markers { max-width: calc(100% - 142px); }
 html[data-scene-theme][data-mobile-layout="list"] body.edit-mode .card-markers { --m-card-list-marker-row-top: 3px; top: var(--m-card-list-marker-row-top); }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers { top: auto; bottom: 4px; left: 4px; max-width: calc(100% - 42px); gap: 2px; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers .card-tag-icon,
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers .card-tag-icon i { width: 12px; height: 12px; flex-basis: 12px; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers .card-badges-right { gap: 2px; }
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers .card-featured,
 html[data-scene-theme][data-mobile-layout="compact"] body.edit-mode .card-markers .card-pinned { font-size: 11px; }
}
@media (max-width: 500px) {
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-markers { --m-card-card-marker-column-top: 42px; top: var(--m-card-card-marker-column-top); left: 8px; max-width: 30px; flex-direction: column; gap: 2px; }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-markers .card-stamp { max-width: 30px; flex: 0 1 auto; }
 html[data-scene-theme][data-mobile-layout="card"] body.edit-mode .card-markers .card-tag-icon { flex: 0 0 auto; }
}