/* ArtBatch design system port — glass surfaces + 4 persisted themes */
:root {
  --am-bg-0: #0c1014;
  --am-bg-1: #10151a;
  --am-panel: rgba(19, 25, 29, 0.62);
  --am-panel-solid: #151b21;
  --am-panel-light: rgba(255, 255, 255, 0.03);
  --am-border: rgba(255, 255, 255, 0.065);
  --am-border-strong: rgba(255, 255, 255, 0.11);
  --am-hairline-top: rgba(255, 255, 255, 0.05);
  --am-text-1: #d8dde3;
  --am-text-2: #828c98;
  --am-text-3: #4a525c;
  --am-accent: #6f93bd;
  --am-accent-deep: #43648c;
  --am-accent-dim: rgba(111, 147, 189, 0.13);
  --am-accent-glow: rgba(67, 100, 140, 0.22);
  --am-pill-text: #d3e0ef;
  --am-sage: #8aab92;
  --am-sage-deep: #5d8266;
  --am-sage-dim: rgba(138, 171, 146, 0.12);
  --am-select: #7fa88f;
  --am-select-dim: rgba(127, 168, 143, 0.45);
  --am-blue: #5b7fa8;
  --am-gold: #c2a952;
  --am-radius-lg: 16px;
  --am-radius-md: 12px;
  --am-radius-sm: 8px;
  --am-blur: 20px;
  --am-font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --am-font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --am-topbar-bg: rgba(12, 16, 20, 0.66);
  --am-sidebar-bg: rgba(14, 19, 23, 0.45);
  --am-recess-bg: rgba(0, 0, 0, 0.24);
  --am-badge-bg: rgba(12, 16, 20, 0.72);
  --am-sheen: linear-gradient(168deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.016) 32%, rgba(255,255,255,0) 56%, rgba(0,0,0,.05) 100%);
  --am-sheen-soft: linear-gradient(170deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.01) 40%, rgba(255,255,255,0) 60%, rgba(0,0,0,.035) 100%);
  --am-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --am-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme="standard"] {
  --am-bg-0: #131820;
  --am-bg-1: #171d26;
  --am-panel: rgba(30, 38, 48, 0.5);
  --am-panel-solid: #1c232d;
  --am-panel-light: rgba(255, 255, 255, 0.045);
  --am-border: rgba(255, 255, 255, 0.08);
  --am-border-strong: rgba(255, 255, 255, 0.14);
  --am-text-1: #d2d9e2;
  --am-text-2: #8892a0;
  --am-text-3: #59626e;
  --am-topbar-bg: rgba(23, 29, 38, 0.6);
  --am-sidebar-bg: rgba(25, 32, 41, 0.4);
  --am-recess-bg: rgba(0, 0, 0, 0.18);
  --am-badge-bg: rgba(23, 29, 38, 0.7);
  --am-sheen: linear-gradient(168deg, rgba(255,255,255,.028) 0%, rgba(255,255,255,.008) 30%, rgba(255,255,255,0) 55%, rgba(0,0,0,.035) 100%);
  --am-sheen-soft: linear-gradient(170deg, rgba(255,255,255,.018) 0%, rgba(255,255,255,.005) 38%, rgba(255,255,255,0) 60%, rgba(0,0,0,.028) 100%);
}

[data-theme="aurora"] {
  --am-bg-0: #16201c;
  --am-bg-1: #1a2420;
  --am-panel: rgba(22, 30, 29, 0.34);
  --am-panel-solid: #1d2823;
  --am-panel-light: rgba(255, 255, 255, 0.05);
  --am-border: rgba(255, 255, 255, 0.10);
  --am-border-strong: rgba(255, 255, 255, 0.17);
  --am-hairline-top: rgba(255, 255, 255, 0.08);
  --am-text-1: #eef1ec;
  --am-text-2: #a3ada8;
  --am-text-3: #67716c;
  --am-accent: #5d84b8;
  --am-accent-deep: #3d5d8f;
  --am-accent-dim: rgba(93, 132, 184, 0.16);
  --am-accent-glow: rgba(61, 93, 143, 0.28);
  --am-sage: #93b79a;
  --am-select: #8ab895;
  --am-select-dim: rgba(138, 184, 149, 0.5);
  --am-blur: 26px;
  --am-topbar-bg: rgba(20, 28, 26, 0.30);
  --am-sidebar-bg: rgba(22, 31, 28, 0.18);
  --am-recess-bg: rgba(8, 12, 11, 0.30);
  --am-badge-bg: rgba(14, 20, 19, 0.58);
  --am-sheen: linear-gradient(168deg, rgba(255,255,255,.065) 0%, rgba(255,255,255,.02) 32%, rgba(255,255,255,0) 56%, rgba(0,0,0,.045) 100%);
  --am-sheen-soft: linear-gradient(170deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,.014) 40%, rgba(255,255,255,0) 60%, rgba(0,0,0,.03) 100%);
}

[data-theme="light"] {
  --am-bg-0: #f0eee7;
  --am-bg-1: #f6f4ee;
  --am-panel: rgba(253, 252, 248, 0.42);
  --am-panel-solid: #fcfaf5;
  --am-panel-light: rgba(101, 78, 51, 0.04);
  --am-border: rgba(101, 78, 51, 0.14);
  --am-border-strong: rgba(101, 78, 51, 0.24);
  --am-hairline-top: rgba(255, 255, 255, 0.7);
  --am-blur: 24px;
  --am-text-1: #2c2823;
  --am-text-2: #6f6656;
  --am-text-3: #a89e8c;
  --am-accent: #b0492f;
  --am-accent-deep: #8f3a24;
  --am-accent-dim: rgba(176, 73, 47, 0.10);
  --am-accent-glow: rgba(176, 73, 47, 0.16);
  --am-pill-text: #faf3e6;
  --am-sage: #66794f;
  --am-sage-deep: #4f6140;
  --am-sage-dim: rgba(102, 121, 79, 0.12);
  --am-select: #7a8f5f;
  --am-select-dim: rgba(122, 143, 95, 0.5);
  --am-blue: #4d6076;
  --am-gold: #9c6b30;
  --am-topbar-bg: rgba(247, 245, 239, 0.50);
  --am-sidebar-bg: rgba(249, 247, 242, 0.38);
  --am-recess-bg: rgba(101, 78, 51, 0.05);
  --am-badge-bg: rgba(253, 252, 248, 0.60);
  --am-sheen: linear-gradient(168deg, rgba(255,255,255,.5) 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,0) 55%, rgba(101,78,51,.04) 100%);
  --am-sheen-soft: linear-gradient(170deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,.12) 38%, rgba(255,255,255,0) 60%, rgba(101,78,51,.03) 100%);
}

html, body { min-height: 100%; }
html { background: var(--am-bg-0); }
body.bg-gray-50 {
  margin: 0;
  color: var(--am-text-1);
  font-family: var(--am-font);
  background:
    radial-gradient(78% 68% at 50% 110%, rgba(56,94,78,.30) 0%, transparent 62%),
    radial-gradient(42% 38% at 82% 22%, rgba(52,84,110,.13) 0%, transparent 60%),
    radial-gradient(46% 42% at 6% 18%, rgba(46,72,98,.11) 0%, transparent 60%),
    linear-gradient(180deg, #0e1319 0%, #0c1014 50%, #0a0d11 100%) !important;
  background-attachment: fixed !important;
}

[data-theme="standard"] body.bg-gray-50 {
  background:
    radial-gradient(76% 66% at 50% 110%, rgba(58,96,80,.26) 0%, transparent 62%),
    radial-gradient(42% 38% at 82% 22%, rgba(52,84,110,.12) 0%, transparent 60%),
    linear-gradient(180deg, #151a21 0%, #131820 45%, #11161d 100%) !important;
}
[data-theme="aurora"] body.bg-gray-50 {
  background:
    radial-gradient(95% 85% at 50% 56%, rgba(128,158,134,.34) 0%, transparent 66%),
    radial-gradient(78% 68% at 50% 116%, rgba(118,150,124,.38) 0%, transparent 60%),
    radial-gradient(50% 45% at 88% 12%, rgba(84,116,134,.16) 0%, transparent 60%),
    linear-gradient(180deg, #1d2624 0%, #16201c 50%, #121a17 100%) !important;
}
[data-theme="light"] body.bg-gray-50 {
  background:
    radial-gradient(75% 60% at 50% 112%, rgba(122,143,95,.13) 0%, transparent 62%),
    radial-gradient(45% 40% at 85% 16%, rgba(77,96,118,.13) 0%, transparent 60%),
    radial-gradient(48% 42% at 8% 12%, rgba(156,107,48,.09) 0%, transparent 60%),
    radial-gradient(32% 28% at 72% 80%, rgba(176,73,47,.06) 0%, transparent 60%),
    linear-gradient(180deg, #f8f6f0 0%, #f4f1ea 45%, #efece3 100%) !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: .02;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 256px 256px;
}
[data-theme="light"] body::after { opacity: .04; }

html.theme-animating,
html.theme-animating *,
html.theme-animating *::before,
html.theme-animating *::after {
  transition: background-color .38s ease, border-color .38s ease, color .28s ease, box-shadow .38s ease, fill .38s ease, stroke .38s ease !important;
}

/* Theme switcher copied from ArtBatch behavior, adapted to static HTML */
.theme-switcher {
  position: fixed;
  top: 18px;
  right: 22px;
  z-index: 80;
  display: flex;
  gap: 4px;
  padding: 4px;
  background: var(--am-recess-bg);
  border: 1px solid var(--am-border);
  border-radius: 12px;
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: 0 12px 36px rgba(0,0,0,.25), inset 0 1px 0 var(--am-hairline-top);
}
.theme-option {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 7px 10px;
  color: var(--am-text-2);
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  transition: all .28s var(--am-ease-out);
}
.theme-option:hover { color: var(--am-text-1); background: var(--am-panel-light); }
.theme-option.active {
  color: var(--am-pill-text);
  background: linear-gradient(135deg, color-mix(in srgb, var(--am-accent-deep) 78%, transparent), color-mix(in srgb, var(--am-accent-deep) 54%, transparent));
  border-color: color-mix(in srgb, var(--am-accent) 30%, transparent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 12px var(--am-accent-glow);
}

/* Glass app shell */
#sidebar.sidebar-fixed {
  width: 270px;
  color: var(--am-text-1);
  background: var(--am-sheen-soft), var(--am-sidebar-bg) !important;
  border-right: 1px solid var(--am-border) !important;
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: inset -1px 0 0 var(--am-hairline-top);
}
.sidebar-header { border-color: var(--am-border) !important; }
.sidebar-header h1 { color: var(--am-text-1) !important; }
.sidebar-header p, .sidebar-footer div, .sidebar-footer p { color: var(--am-text-3) !important; }
#api-status-indicator { color: var(--am-text-2) !important; background: var(--am-panel-light) !important; }
.sidebar-section-label { padding: 8px 14px; color: var(--am-text-3); font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.sidebar-section-label-secondary { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--am-border); }
.nav-item {
  margin: 3px 0 !important;
  padding: 11px 14px !important;
  border: 1px solid transparent;
  border-radius: 10px !important;
  color: var(--am-text-2) !important;
  transition: transform .3s var(--am-ease-out), color .26s ease, background .3s ease, border-color .3s ease !important;
}
.nav-item:hover { color: var(--am-text-1) !important; background: var(--am-panel-light) !important; transform: translateX(2px); }
.nav-item.active {
  color: var(--am-pill-text) !important;
  background: linear-gradient(135deg, rgba(67,100,140,.55), rgba(53,80,112,.42)) !important;
  border-color: rgba(111,147,189,.3) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 12px var(--am-accent-glow);
}
.nav-indicator { display: none; }
.nav-item-portal::after { content: "↗"; color: var(--am-text-3); font-size: 11px; }
.nav-item-portal.is-route-ready::after { color: var(--am-accent); }
.nav-item-portal.is-route-pending { opacity: .78; }
.sidebar-footer { border-color: var(--am-border) !important; }

.main-wrapper { min-width: 0; background: transparent !important; }
.main-wrapper main { width: 100%; max-width: 1240px !important; padding: 70px 48px 84px !important; justify-content: flex-start !important; }
.module-container { width: 100%; max-width: 980px !important; }
.module-container.hidden { transform: none !important; }
.module-fade-in, .result-appear { animation: fadeUp .5s var(--am-ease-out) both !important; }

.logo-container { margin-bottom: 20px !important; }
.logo-container img { width: 58px !important; height: 58px !important; filter: drop-shadow(0 8px 22px var(--am-accent-glow)); }
.logo-text { margin-bottom: 12px !important; color: var(--am-text-2) !important; }
.custom-title { color: var(--am-text-1) !important; font-family: var(--am-font-display) !important; }
.text-center.mb-8 > p { color: var(--am-text-2) !important; }

/* Login page follows the same ArtBatch glass system */
.login-page {
  overflow-y: auto;
  color: var(--am-text-1) !important;
  background:
    radial-gradient(70% 58% at 50% 110%, rgba(75, 118, 96, .30) 0%, transparent 64%),
    radial-gradient(38% 34% at 82% 16%, rgba(67, 100, 140, .18) 0%, transparent 62%),
    linear-gradient(180deg, var(--am-bg-1), var(--am-bg-0)) !important;
}
[data-theme="aurora"] .login-page {
  background:
    radial-gradient(88% 76% at 50% 92%, rgba(128, 158, 134, .34) 0%, transparent 66%),
    radial-gradient(44% 40% at 86% 12%, rgba(84, 116, 134, .18) 0%, transparent 60%),
    linear-gradient(180deg, #202b28 0%, #16201c 56%, #121a17 100%) !important;
}
[data-theme="light"] .login-page {
  background:
    radial-gradient(72% 60% at 50% 110%, rgba(122, 143, 95, .13) 0%, transparent 64%),
    radial-gradient(40% 36% at 84% 14%, rgba(77, 96, 118, .12) 0%, transparent 60%),
    linear-gradient(180deg, #faf8f2 0%, #f4f1ea 55%, #efece3 100%) !important;
}
.login-logo-section,
.login-section,
.login-footer { position: relative; z-index: 1; }
.login-museum-logo-flex {
  width: fit-content;
  margin-inline: auto;
  padding: 10px 16px;
  background: var(--am-sheen-soft), var(--am-panel);
  border: 1px solid var(--am-border);
  border-radius: var(--am-radius-md);
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: inset 0 1px 0 var(--am-hairline-top), 0 10px 32px rgba(0,0,0,.18);
}
.login-museum-logo h1,
.login-custom-title { color: var(--am-text-1) !important; }
.login-museum-logo p,
.login-ai-logo p,
.login-logo-text,
.login-footer { color: var(--am-text-2) !important; }
.login-logo-container img { filter: drop-shadow(0 10px 28px var(--am-accent-glow)); }
.login-container {
  color: var(--am-text-1) !important;
  background: var(--am-sheen), var(--am-panel) !important;
  border: 1px solid var(--am-border-strong) !important;
  border-radius: var(--am-radius-lg) !important;
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: 0 24px 68px rgba(0,0,0,.36), inset 0 1px 0 var(--am-hairline-top) !important;
}
.login-form-label,
.login-remember-label { color: var(--am-text-2) !important; }
.login-label-icon { color: var(--am-accent) !important; }
.login-form-input {
  color: var(--am-text-1) !important;
  background: var(--am-recess-bg) !important;
  border: 1px solid var(--am-border-strong) !important;
  border-radius: var(--am-radius-md) !important;
}
.login-form-input:focus {
  border-color: var(--am-accent) !important;
  box-shadow: 0 0 0 3px var(--am-accent-dim) !important;
}
.login-password-toggle { color: var(--am-text-3) !important; }
.login-password-toggle:hover { color: var(--am-text-1) !important; }
.login-remember-checkbox { accent-color: var(--am-accent); }
.login-button {
  color: #eef4fb !important;
  background: linear-gradient(135deg, var(--am-accent-deep), color-mix(in srgb, var(--am-accent-deep) 78%, #111)) !important;
  border: 1px solid color-mix(in srgb, var(--am-accent) 34%, transparent) !important;
  box-shadow: 0 6px 20px var(--am-accent-glow) !important;
  transition: transform .3s var(--am-ease-out), box-shadow .3s ease !important;
}
.login-button:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px var(--am-accent-glow) !important;
}
.login-footer p + p { color: var(--am-text-3) !important; }

/* All existing light cards become ArtBatch glass surfaces */
.module-container .bg-white,
#result-container .bg-gray-100,
#result-container .bg-gray-50,
.workflow-float-window,
.image-search-modal {
  color: var(--am-text-1) !important;
  background: var(--am-sheen), var(--am-panel) !important;
  border: 1px solid var(--am-border) !important;
  border-radius: var(--am-radius-lg) !important;
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: 0 12px 40px rgba(0,0,0,.36), inset 0 1px 0 var(--am-hairline-top) !important;
}
.module-container .shadow-lg:hover { box-shadow: 0 20px 52px rgba(0,0,0,.46), inset 0 1px 0 var(--am-hairline-top) !important; }
.module-container label, .module-container h1, .module-container h2, .module-container h3, .module-container h4,
#result-container h1, #result-container h2, #result-container h3, #result-container h4 { color: var(--am-text-1) !important; }
.module-container p, #result-container p, #result-container li { color: var(--am-text-2); }
input, textarea {
  color: var(--am-text-1) !important;
  background: var(--am-panel-light) !important;
  border-color: var(--am-border) !important;
  border-radius: var(--am-radius-md) !important;
}
input::placeholder, textarea::placeholder { color: var(--am-text-3) !important; }
input:focus, textarea:focus { border-color: var(--am-accent) !important; box-shadow: 0 0 0 3px var(--am-accent-dim) !important; }
.search-button, .enhancement-button, #exhibition-start-workflow-btn, #enhancement-copy-result-btn {
  color: #e8eef5 !important;
  background: linear-gradient(135deg, var(--am-accent-deep), color-mix(in srgb, var(--am-accent-deep) 80%, #111)) !important;
  border: 1px solid color-mix(in srgb, var(--am-accent) 34%, transparent) !important;
  box-shadow: 0 4px 14px var(--am-accent-glow) !important;
}
.quick-question, .resource-link { color: var(--am-accent) !important; }

/* Stable streaming remains, recolored to ArtBatch */
#result-container, #answer-text, #thoughts-container, #enhancement-result-container, #text-analysis-content, #workflow-execution-log,
[id^="workflow-step-"][id$="-content"], .expert-follow-up-content, .eye-follow-up-content { overflow-anchor: none; }
#result-container { width: 100%; max-width: 980px !important; }
#answer-container > .flex > div:last-child, .expert-follow-up-answer .flex > div:last-child, .eye-follow-up-answer .flex > div:last-child { flex: 1 1 0%; min-width: 0; width: 100%; }
#answer-text, .expert-follow-up-content, .eye-follow-up-content, #text-analysis-content, [id^="workflow-step-"][id$="-content"] {
  width: 100%; min-width: 0; min-height: 76px; color: var(--am-text-1); line-height: 1.78; word-break: break-word;
}
.streaming-active::after { background: var(--am-accent) !important; box-shadow: 0 0 10px var(--am-accent-glow); }
#thoughts-container, [id*="thinking-container"], .expert-follow-up-thinking, .eye-follow-up-thinking { border-color: var(--am-accent) !important; }

/* ArtBatch gallery: glass card, 45ms stagger, 0.6s fadeUp and 0.7s image zoom */
#image-search-module { max-width: 1120px !important; }
.image-search-grid { margin-top: 22px !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 16px !important; }
.image-search-card {
  position: relative;
  overflow: hidden !important;
  color: var(--am-text-1);
  background: var(--am-sheen), var(--am-panel) !important;
  border: 1px solid var(--am-border) !important;
  border-radius: var(--am-radius-lg) !important;
  backdrop-filter: blur(var(--am-blur));
  -webkit-backdrop-filter: blur(var(--am-blur));
  box-shadow: 0 12px 36px rgba(0,0,0,.36), inset 0 1px 0 var(--am-hairline-top) !important;
  transition: transform .38s var(--am-ease-out), box-shadow .38s var(--am-ease-out), border-color .38s var(--am-ease-out) !important;
}
.image-search-card:hover { transform: translateY(-3px) !important; box-shadow: 0 20px 52px rgba(0,0,0,.46), inset 0 1px 0 var(--am-hairline-top) !important; border-color: var(--am-border-strong) !important; }
.image-search-card.gallery-card-enter { opacity: 0; transform: translateY(14px); filter: none; transition-delay: var(--gallery-delay, 0ms) !important; }
.image-search-card.gallery-card-enter.gallery-card-visible { opacity: 1; transform: translateY(0); }
.image-search-card .thumb { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; background: var(--am-panel-light) !important; box-shadow: none !important; transition: transform .7s var(--am-ease-out), opacity .45s ease !important; }
.image-search-card:hover .thumb { transform: scale(1.05); filter: none; }
.image-search-card .thumb.image-pending { opacity: 0; filter: none; }
.image-search-card .thumb.image-ready { opacity: 1; filter: none; }
.image-search-card .meta { margin: 0 !important; padding: 10px 12px !important; background: rgba(9,13,16,.66); border-top: 1px solid var(--am-border); }
[data-theme="light"] .image-search-card .meta { background: rgba(253,252,248,.55); }
.image-search-card .filename { color: var(--am-text-1) !important; font-family: var(--am-font); font-size: 13px !important; font-weight: 500 !important; }
[data-theme="aurora"] .image-search-grid { grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)) !important; }

.image-search-modal-overlay { opacity: 0; background: rgba(0,0,0,.6) !important; backdrop-filter: blur(0); transition: opacity .28s ease, backdrop-filter .38s ease; }
.image-search-modal-overlay.is-open { opacity: 1; backdrop-filter: blur(8px); }
.image-search-modal { opacity: 0; transform: scale(.96) translateY(16px); transition: opacity .28s ease, transform .48s var(--am-ease-out); }
.image-search-modal-overlay.is-open .image-search-modal { opacity: 1; transform: scale(1) translateY(0); }
.image-search-modal-header { border-color: var(--am-border) !important; }
.image-search-modal-title, .image-search-modal-close, .image-search-modal-body { color: var(--am-text-1) !important; }
.image-search-modal-image { background: var(--am-panel-light) !important; }
.image-search-modal .tag { color: var(--am-accent) !important; background: var(--am-accent-dim) !important; border: 1px solid color-mix(in srgb, var(--am-accent) 24%, transparent); border-radius: var(--am-radius-sm) !important; }

.mobile-tabbar { color: var(--am-text-2); background: var(--am-sheen-soft), var(--am-topbar-bg) !important; border-color: var(--am-border) !important; backdrop-filter: blur(var(--am-blur)); }
.mobile-tab { color: var(--am-text-2) !important; }
.mobile-tab.active { color: var(--am-accent) !important; }
.planned-feature-notice { color: var(--am-text-1); background: var(--am-sheen), var(--am-panel-solid); border: 1px solid var(--am-border); border-left: 3px solid var(--am-accent); border-radius: var(--am-radius-md); backdrop-filter: blur(var(--am-blur)); }

@keyframes fadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1023px) {
  #sidebar.sidebar-fixed { left: -270px; position: fixed; }
  #sidebar.sidebar-fixed.sidebar-open { left: 0; }
  .main-wrapper main { padding: 78px 18px 88px !important; }
  .theme-switcher { top: 12px; right: 12px; }
  .theme-option { padding: 6px 8px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}