/* ═══════════ تم‌ها ═══════════
   classic = متغیرهای app.css (آبی یخی)؛ tile و astro در این فایل.
   هر تم علاوه بر رنگ، ظاهر مودال‌ها (sheet، card، پالت جستجو، حساب، مقایسه) را هم عوض می‌کند. */
@font-face { font-family: "Aref"; src: url("../fonts/ArefRuqaa-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Aref"; src: url("../fonts/ArefRuqaa-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

/* ——— انتخابگر تم در تنظیمات ——— */
.skin-pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.skin-card { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 6px 10px; border-radius: 16px; border: 2px solid var(--line); background: var(--surface-2); text-align: center; }
.skin-card span { font-size: 0.8rem; font-weight: 800; }
.skin-card small { font-size: 0.64rem; color: var(--ink-3); line-height: 1.5; }
.skin-card.on { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent); }
.sk-prev { display: flex; gap: 4px; align-items: flex-end; width: 100%; height: 56px; border-radius: 10px; padding: 6px; overflow: hidden; }
.sk-prev b { flex: 1; border-radius: 3px; }
.sk-prev b:nth-child(1) { height: 70%; } .sk-prev b:nth-child(2) { height: 100%; } .sk-prev b:nth-child(3) { height: 45%; }
.skin-card[data-skin="classic"] .sk-prev { background: linear-gradient(160deg, #eaf2fb, #cfe2f8); }
.skin-card[data-skin="classic"] .sk-prev b { background: #2e86de; }
.skin-card[data-skin="classic"] .sk-prev b:nth-child(2) { background: #5fc3e4; }
.skin-card[data-skin="tile"] .sk-prev { background: #fff; border-top: 5px solid #e8c36a; }
.skin-card[data-skin="tile"] .sk-prev b { background: linear-gradient(#3d92b4, #1b6f98); }
.skin-card[data-skin="tile"] .sk-prev b:nth-child(2) { background: linear-gradient(#bfe0ec, #8fc4d8); }
.skin-card[data-skin="astro"] .sk-prev { background: radial-gradient(circle at 50% 30%, #1d3f7a, #0a1a38); }
.skin-card[data-skin="astro"] .sk-prev b { background: linear-gradient(#9fd0ff, #5aa2f0); box-shadow: 0 0 8px #5aa2f088; }
.skin-card[data-skin="astro"] .sk-prev b:nth-child(2) { background: linear-gradient(#f6e3a6, #e0bd5e); }

/* ═══════════ تم ۲: فیروزهٔ روشن (کاشی) ═══════════ */
:root[data-skin="tile"] {
  --teal: #1b6f98; --accent: #1b6f98; --accent-ink: #0e3b5a; --accent-soft: #e1eef2; --gold: #d9aa3e; --gold-soft: #f3dfa6;
  --dim: #c3d6de; --bg: #eef5f7; --surface: #ffffff; --surface-2: #f3f9fb; --ink: #12304a; --ink-2: #4a6a80; --ink-3: #7d9aab;
  --line: #d3e3e8; --line-strong: #b9d0d9; --grid: rgba(27, 111, 152, 0.15); --lane-alt: rgba(27, 111, 152, 0.05);
  --appbar: #1b5f86; --appbar-2: #0e3b5a; --art: url(../img/tile-art.svg);
  --strip: repeating-linear-gradient(90deg, #1b5f86 0 12px, #3d92b4 12px 24px, #e8c36a 24px 28px, #3d92b4 28px 40px);
  --font-title: "Aref", "Vazirmatn", serif;
}
:root[data-skin="tile"] #appbar { background: #fff; color: var(--ink); box-shadow: 0 1px 0 var(--line); position: relative; padding-top: calc(var(--safe-t) + 8px); }
:root[data-skin="tile"] #appbar::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 8px; background: var(--strip); }
:root[data-skin="tile"] #appbar h1 { font-family: var(--font-title); font-weight: 700; font-size: 1.4rem; letter-spacing: 0; color: var(--accent-ink); }
:root[data-skin="tile"] #appbar .sub { color: var(--ink-2); opacity: 1; }
:root[data-skin="tile"] #appbar .icon-btn { background: var(--accent-soft); color: var(--accent-ink); }
:root[data-skin="tile"] #stage { background: var(--bg) var(--art) center bottom / 100% auto no-repeat; }
:root[data-skin="tile"] #tabbar { background: #fff; border-top: 1px solid var(--line-strong); box-shadow: 0 -4px 14px rgba(14, 59, 90, 0.06); }
:root[data-skin="tile"] .tab.on { background: var(--accent-soft); color: var(--accent-ink); box-shadow: inset 0 -3px 0 var(--gold); }
:root[data-skin="tile"] #toast { background: #0e3b5a; border: 1px solid #e8c36a; }
:root[data-skin="tile"] .mode-chip { background: #0e3b5a; border: 1px solid #e8c36a88; }

/* مودال‌ها: برگهٔ سفید با نوار کاشی، سربرگ تنیده و خط زرین */
:root[data-skin="tile"] #sheet, :root[data-skin="tile"] #card { border-radius: 20px 20px 0 0; background: var(--surface) var(--art) center bottom / 100% auto no-repeat; box-shadow: 0 -10px 36px rgba(14, 59, 90, 0.28); }
:root[data-skin="tile"] #sheet::before, :root[data-skin="tile"] #card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 8px; background: var(--strip); opacity: 1; z-index: 3; }
:root[data-skin="tile"] #sheetHead, :root[data-skin="tile"] .card-head { padding-top: 14px; background: linear-gradient(#e1eef2, #ffffff 90%); border-bottom: 1px solid var(--line); position: relative; }
:root[data-skin="tile"] #sheetHead::after { content: ""; position: absolute; left: 12%; right: 12%; bottom: -1px; height: 2px; background: linear-gradient(90deg, transparent, #e8c36a, transparent); }
:root[data-skin="tile"] #sheetTitle, :root[data-skin="tile"] .card-title { font-weight: 800; color: var(--accent-ink); }
:root[data-skin="tile"] #sheetHead button, :root[data-skin="tile"] .card-ctl { border-radius: 12px; background: #fff; border: 1px solid var(--line-strong); color: var(--accent-ink); }
:root[data-skin="tile"] .card-grab i, :root[data-skin="tile"] #sheetHead .grab { background: var(--gold); }
:root[data-skin="tile"] .stat { border: 1px solid var(--line-strong); border-top: 3px solid var(--gold); border-radius: 10px; background: #fff; }
:root[data-skin="tile"] .card-tabs { background: #e8f1f4; border-radius: 12px; border-color: var(--line-strong); }
:root[data-skin="tile"] .ctab { border-radius: 9px; }
:root[data-skin="tile"] .ctab.on { box-shadow: 0 1px 4px rgba(14, 59, 90, 0.2), inset 0 -2px 0 var(--gold); }
:root[data-skin="tile"] .card-actions { border-top: 1px solid var(--line-strong); }
:root[data-skin="tile"] .act.primary { background: linear-gradient(#1b6f98, #14507a); border-bottom: 3px solid var(--gold); border-radius: 12px; }
:root[data-skin="tile"] .act i { border-radius: 12px; background: #fff; border-color: var(--line-strong); }
:root[data-skin="tile"] .act.primary i { background: none; border: 0; }
:root[data-skin="tile"] .pos-track { border-radius: 4px; background: linear-gradient(270deg, #bcd9e6 0 22%, #8fc0d6 22% 48%, #5a9bbb 48% 71%, #2c6f94 71% 100%); }
:root[data-skin="tile"] .pos-mark { background: var(--gold); border-color: #fff; }
:root[data-skin="tile"] .sec { color: var(--accent-ink); font-size: 0.8rem; font-weight: 800; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
:root[data-skin="tile"] .list-item, :root[data-skin="tile"] .lane-row { border-color: var(--line); }
:root[data-skin="tile"] .chip { border-radius: 8px; }
:root[data-skin="tile"] .seg, :root[data-skin="tile"] .skin-card { border-radius: 12px; }
:root[data-skin="tile"] .seg-btn.on, :root[data-skin="tile"] .btnchip.on { background: linear-gradient(#1b6f98, #14507a); box-shadow: inset 0 -2px 0 var(--gold); }
:root[data-skin="tile"] #sheet.palette { border-radius: 16px; top: calc(var(--appbar-h) + var(--safe-t) + 14px); border: 1px solid var(--line-strong); background: #fff; }
:root[data-skin="tile"] .pal-input { background: linear-gradient(#e1eef2, #fff); }
:root[data-skin="tile"] .pal-best .list { background: #e1eef2; border-right: 3px solid var(--gold); border-radius: 8px; }
:root[data-skin="tile"] .pal-h { color: var(--accent-ink); }
:root[data-skin="tile"] #acctPop { border-radius: 14px; border: 1px solid var(--line-strong); box-shadow: 0 16px 40px rgba(14, 59, 90, 0.3); }
:root[data-skin="tile"] #acctPop::before { content: ""; display: block; height: 6px; margin: -14px -16px 12px; border-radius: 14px 14px 0 0; background: var(--strip); }
:root[data-skin="tile"] .cmpx-who { border-radius: 12px; }
:root[data-skin="tile"] .cmpx-table.vs tr.wide td { background: var(--accent-soft); border-radius: 6px; }

/* ═══════════ تم ۳: اسطرلاب (شب آبی) ═══════════ */
:root[data-skin="astro"] {
  --teal: #5aa2f0; --accent: #5aa2f0; --accent-ink: #a9d3ff; --accent-soft: #16346a; --gold: #f0d68a; --gold-soft: #3b3410;
  --dim: #2a4372; --bg: #0a1a38; --surface: #0f2347; --surface-2: #14305a; --ink: #e3eeff; --ink-2: #a9c6ee; --ink-3: #7898c8;
  --line: #1f3d6e; --line-strong: #2f5a99; --grid: rgba(127, 178, 255, 0.14); --lane-alt: rgba(127, 178, 255, 0.045);
  --appbar: #0a1a38; --appbar-2: #10295a; --art: url(../img/astro-art.svg); --danger: #ff7a85;
  --font-title: "Aref", "Vazirmatn", serif;
  --glow: 0 0 0 1px rgba(127, 178, 255, 0.28), 0 20px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(90, 162, 240, 0.18);
}
:root[data-skin="astro"] body { background: #050c1d; }
:root[data-skin="astro"] #appbar { background: linear-gradient(135deg, #0a1a38, #10295a); border-bottom: 1px solid rgba(240, 214, 138, 0.4); box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4); }
:root[data-skin="astro"] #appbar h1 { font-family: var(--font-title); font-weight: 700; font-size: 1.4rem; letter-spacing: 0; color: #f4e3ae; text-shadow: 0 0 14px rgba(240, 214, 138, 0.4); }
:root[data-skin="astro"] #appbar .icon-btn { background: rgba(127, 178, 255, 0.16); border: 1px solid rgba(127, 178, 255, 0.3); }
:root[data-skin="astro"] #stage { background: radial-gradient(120% 70% at 50% 20%, #14305a 0, #0a1a38 55%, #050c1d 100%), var(--art) center / cover no-repeat; background-blend-mode: normal; }
:root[data-skin="astro"] #stage::before { content: ""; position: absolute; inset: 0; background: var(--art) center / cover no-repeat; opacity: 0.9; pointer-events: none; }
:root[data-skin="astro"] #tl { z-index: 1; }
:root[data-skin="astro"] #tabbar { background: rgba(5, 12, 29, 0.92); border-top: 1px solid rgba(240, 214, 138, 0.3); backdrop-filter: blur(8px); }
:root[data-skin="astro"] .tab.on { background: rgba(90, 162, 240, 0.16); color: var(--gold); box-shadow: 0 0 14px rgba(90, 162, 240, 0.25); }
:root[data-skin="astro"] #toast { background: #0f2347; border: 1px solid rgba(240, 214, 138, 0.5); box-shadow: 0 0 20px rgba(90, 162, 240, 0.3); }
:root[data-skin="astro"] .mode-chip { background: linear-gradient(135deg, #1d4a9a, #10295a); border: 1px solid rgba(127, 178, 255, 0.5); box-shadow: 0 0 18px rgba(90, 162, 240, 0.35); }
:root[data-skin="astro"] #yearPill { background: rgba(10, 26, 56, 0.85); color: var(--gold); border-color: rgba(240, 214, 138, 0.45); }

/* مودال‌ها: شیشهٔ شب با حلقهٔ اسطرلاب، لبهٔ درخشان و سربرگ زرین */
:root[data-skin="astro"] #sheet, :root[data-skin="astro"] #card {
  background: radial-gradient(120% 60% at 50% 0, #16346a 0, #0f2347 45%, #0a1a38 100%); border: 1px solid rgba(127, 178, 255, 0.3); border-bottom: 0;
  border-radius: 24px 24px 0 0; box-shadow: var(--glow);
}
:root[data-skin="astro"] #sheet::after, :root[data-skin="astro"] #card::after {
  content: ""; position: absolute; width: 360px; height: 360px; left: -130px; bottom: -150px; border-radius: 50%; pointer-events: none; opacity: 0.35; z-index: 0;
  background: repeating-radial-gradient(circle, transparent 0 34px, rgba(127, 178, 255, 0.35) 34px 35px), repeating-conic-gradient(rgba(240, 214, 138, 0.5) 0 0.5deg, transparent 0.5deg 6deg);
  -webkit-mask: radial-gradient(circle, #000 55%, transparent 72%); mask: radial-gradient(circle, #000 55%, transparent 72%);
}
:root[data-skin="astro"] #sheetBody, :root[data-skin="astro"] .card-body { position: relative; z-index: 1; }
:root[data-skin="astro"] #card::before { height: 2px; background: linear-gradient(90deg, transparent, var(--item-c, #5aa2f0), transparent); opacity: 1; box-shadow: 0 0 14px var(--item-c, #5aa2f0); }
:root[data-skin="astro"] #sheetHead, :root[data-skin="astro"] .card-head { background: transparent; position: relative; z-index: 2; }
:root[data-skin="astro"] #sheetHead::after { content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 0.7; }
:root[data-skin="astro"] #sheetTitle, :root[data-skin="astro"] .card-title { font-weight: 800; color: #f4e3ae; text-shadow: 0 0 12px rgba(240, 214, 138, 0.3); }
:root[data-skin="astro"] #sheetHead button, :root[data-skin="astro"] .card-ctl { background: rgba(127, 178, 255, 0.14); border: 1px solid rgba(127, 178, 255, 0.35); color: var(--accent-ink); }
:root[data-skin="astro"] .card-grab i, :root[data-skin="astro"] #sheetHead .grab { background: var(--gold); opacity: 0.7; }
:root[data-skin="astro"] .stat { background: rgba(127, 178, 255, 0.1); border: 1px solid rgba(127, 178, 255, 0.28); border-radius: 14px; box-shadow: inset 0 0 18px rgba(90, 162, 240, 0.1); }
:root[data-skin="astro"] .stat b { color: #f4e3ae; }
:root[data-skin="astro"] .card-tabs { background: rgba(5, 12, 29, 0.55); border-color: rgba(127, 178, 255, 0.3); }
:root[data-skin="astro"] .ctab.on { background: rgba(90, 162, 240, 0.25); color: #fff; box-shadow: 0 0 12px rgba(90, 162, 240, 0.4), inset 0 -2px 0 var(--gold); }
:root[data-skin="astro"] .card-actions { background: rgba(5, 12, 29, 0.6); border-top: 1px solid rgba(240, 214, 138, 0.3); box-shadow: none; position: relative; z-index: 2; }
:root[data-skin="astro"] .act i { background: rgba(127, 178, 255, 0.14); border-color: rgba(127, 178, 255, 0.35); color: var(--accent-ink); }
:root[data-skin="astro"] .act.primary { background: linear-gradient(135deg, #3b84e0, #1d4a9a); color: #fff; box-shadow: 0 0 18px rgba(90, 162, 240, 0.5); }
:root[data-skin="astro"] .act.fav.on i { background: #d6336c; }
:root[data-skin="astro"] .pos-track { background: linear-gradient(270deg, #2f5a99 0 22%, #3b84e0 22% 48%, #7fb2ff 48% 71%, #f0d68a 71% 100%); }
:root[data-skin="astro"] .pos-mark { background: #fff; border-color: #0a1a38; box-shadow: 0 0 10px #fff; }
:root[data-skin="astro"] .sec { color: var(--gold); font-weight: 800; }
:root[data-skin="astro"] .list-item:hover, :root[data-skin="astro"] .list-item:active { background: rgba(127, 178, 255, 0.1); }
:root[data-skin="astro"] .chip { background: rgba(127, 178, 255, 0.14); border-color: rgba(127, 178, 255, 0.4); color: var(--ink); }
:root[data-skin="astro"] .seg, :root[data-skin="astro"] .skin-card { background: rgba(5, 12, 29, 0.5); border-color: rgba(127, 178, 255, 0.3); }
:root[data-skin="astro"] .seg-btn.on, :root[data-skin="astro"] .btnchip.on { background: linear-gradient(135deg, #3b84e0, #1d4a9a); color: #fff; box-shadow: 0 0 12px rgba(90, 162, 240, 0.45); }
:root[data-skin="astro"] .skin-card.on { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(240, 214, 138, 0.25); }
:root[data-skin="astro"] .switch { background: #2a4372; }
:root[data-skin="astro"] .switch:checked { background: #3b84e0; box-shadow: 0 0 10px rgba(90, 162, 240, 0.6); }
:root[data-skin="astro"] #scrim.open { background: rgba(2, 8, 22, 0.7); }
:root[data-skin="astro"] #sheet.palette { border-radius: 20px; border: 1px solid rgba(240, 214, 138, 0.45); box-shadow: var(--glow); }
:root[data-skin="astro"] .pal-input { border-bottom-color: rgba(240, 214, 138, 0.3); color: var(--gold); }
:root[data-skin="astro"] .pal-best .list { background: rgba(90, 162, 240, 0.18); border: 1px solid rgba(127, 178, 255, 0.4); border-radius: 14px; box-shadow: 0 0 18px rgba(90, 162, 240, 0.2); }
:root[data-skin="astro"] .pal-h { color: var(--gold); }
:root[data-skin="astro"] .pal-x { background: rgba(127, 178, 255, 0.14); }
:root[data-skin="astro"] #acctPop { background: radial-gradient(120% 60% at 50% 0, #16346a, #0f2347); border: 1px solid rgba(127, 178, 255, 0.35); box-shadow: var(--glow); }
:root[data-skin="astro"] .cmpx-who { border-radius: 18px; box-shadow: 0 0 18px rgba(90, 162, 240, 0.15); }
:root[data-skin="astro"] .cmpx-who b { color: #f4e3ae; }
:root[data-skin="astro"] .cmpx-rel { background: rgba(90, 162, 240, 0.16); color: var(--accent-ink); }
:root[data-skin="astro"] .cmpx-table.vs tr.wide td { background: rgba(127, 178, 255, 0.12); }
:root[data-skin="astro"] .fact, :root[data-skin="astro"] .date-block { background: rgba(127, 178, 255, 0.1); border-color: rgba(127, 178, 255, 0.28); }

/* ═══════════ صفحهٔ خوشامد هماهنگ با تم ═══════════ */
/* — فیروزهٔ روشن — */
:root[data-skin="tile"] .wl { color: #12304a; background: #eef5f7; color-scheme: light; }
:root[data-skin="tile"] .wl-art .art { opacity: 0.4; }
:root[data-skin="tile"] .wl-art::after { background: linear-gradient(180deg, rgba(238, 245, 247, 0.88) 0, rgba(238, 245, 247, 0.55) 40%, rgba(238, 245, 247, 0.85) 100%); }
:root[data-skin="tile"] .wl-embers { display: none; }
:root[data-skin="tile"] .wl-fv { filter: drop-shadow(0 6px 18px rgba(27, 111, 152, 0.35)) hue-rotate(160deg) saturate(1.2); }
:root[data-skin="tile"] .wl-hero .k1 { color: #0e3b5a; filter: none; }
:root[data-skin="tile"] .wl-hero .k2 { background: linear-gradient(180deg, #3d92b4 0%, #1b6f98 55%, #0e3b5a 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 3px 10px rgba(27, 111, 152, 0.25)); }
:root[data-skin="tile"] .wl-tag { color: #4a6a80; text-shadow: none; }
:root[data-skin="tile"] .wl-stats li { color: #4a6a80; background: #fff; border-color: #b9d0d9; backdrop-filter: none; }
:root[data-skin="tile"] .wl-stats b { color: #1b6f98; }
:root[data-skin="tile"] .wl-panel { background: rgba(255, 255, 255, 0.9); border-color: #b9d0d9; box-shadow: 0 -8px 36px rgba(27, 111, 152, 0.18), inset 0 6px 0 -3px #e8c36a; }
:root[data-skin="tile"] .wl-dots i { background: #c3d6de; }
:root[data-skin="tile"] .wl-dots i.on { background: #1b6f98; }
:root[data-skin="tile"] .wl-step h2 { color: #0e3b5a; }
:root[data-skin="tile"] .wl-sub { color: #4a6a80; }
:root[data-skin="tile"] .wl-chip { color: #1b6f98; background: #e1eef2; border-color: #b9d0d9; }
:root[data-skin="tile"] .wl-chip.on { background: #1b6f98; color: #fff; border-color: #1b6f98; }
:root[data-skin="tile"] .wl-card { color: #12304a; background: #fff; border-color: #d3e3e8; }
:root[data-skin="tile"] .wl-card small { color: #4a6a80; }
:root[data-skin="tile"] .wl-card.on { background: color-mix(in srgb, var(--c) 14%, #fff); }
:root[data-skin="tile"] .wl-check { color: #fff; }
:root[data-skin="tile"] .wl-bar { background: linear-gradient(0deg, rgba(255, 255, 255, 0.97) 58%, rgba(255, 255, 255, 0)); }
:root[data-skin="tile"] .wl-cta { color: #fff; background: linear-gradient(135deg, #3d92b4, #1b6f98); box-shadow: 0 8px 22px rgba(27, 111, 152, 0.3); }
:root[data-skin="tile"] .wl-cta:disabled { color: #7d9aab; background: #e1eef2; }
:root[data-skin="tile"] .wl-field { color: #12304a; background: #fff; border-color: #b9d0d9; }
:root[data-skin="tile"] .wl-field::placeholder { color: #7d9aab; }
:root[data-skin="tile"] .wl-field option { background: #fff; color: #12304a; }
:root[data-skin="tile"] .wl-prev { color: #1b6f98; }
:root[data-skin="tile"] .wl-skip { color: #1b6f98; }
:root[data-skin="tile"] .wl-back { color: #7d9aab; }
:root[data-skin="tile"] .wl-x { color: #0e3b5a; background: #fff; }
:root[data-skin="tile"] .wl-card:focus-visible, :root[data-skin="tile"] .wl-chip:focus-visible, :root[data-skin="tile"] .wl-cta:focus-visible { outline-color: #1b6f98; }

/* — اسطرلاب (شب آبی) — */
:root[data-skin="astro"] .wl { background: #07142b; }
:root[data-skin="astro"] .wl-art::after { background: linear-gradient(180deg, rgba(4, 12, 34, 0.55) 0, rgba(4, 12, 34, 0) 34%, rgba(5, 16, 40, 0.35) 68%, rgba(5, 16, 40, 0.85) 100%); }
:root[data-skin="astro"] .wl-art .art { filter: hue-rotate(205deg) saturate(0.8) brightness(0.9); }
:root[data-skin="astro"] .wl-embers i { background: #9fd0ff; box-shadow: 0 0 8px 2px rgba(120, 180, 255, 0.7); }
:root[data-skin="astro"] .wl-fv { filter: drop-shadow(0 6px 22px rgba(120, 180, 255, 0.45)); }
:root[data-skin="astro"] .wl-hero .k1 { color: #dcebff; }
:root[data-skin="astro"] .wl-hero .k2 { background: linear-gradient(180deg, #f6e3a6 0%, #e0bd5e 55%, #b98f2c 100%); -webkit-background-clip: text; background-clip: text; }
:root[data-skin="astro"] .wl-tag { color: #bcd3f2; }
:root[data-skin="astro"] .wl-stats li { color: #bcd3f2; background: rgba(10, 26, 56, 0.6); border-color: rgba(159, 208, 255, 0.3); }
:root[data-skin="astro"] .wl-stats b { color: #f6e3a6; }
:root[data-skin="astro"] .wl-panel { background: rgba(8, 22, 50, 0.72); border-color: rgba(159, 208, 255, 0.3); box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.5), 0 0 40px rgba(90, 162, 240, 0.12) inset; }
:root[data-skin="astro"] .wl-dots i.on { background: #9fd0ff; }
:root[data-skin="astro"] .wl-step h2 { color: #f6e3a6; }
:root[data-skin="astro"] .wl-sub { color: rgba(205, 224, 250, 0.8); }
:root[data-skin="astro"] .wl-chip { color: #cfe4ff; background: rgba(159, 208, 255, 0.09); border-color: rgba(159, 208, 255, 0.42); }
:root[data-skin="astro"] .wl-chip.on { background: #9fd0ff; color: #07142b; border-color: #9fd0ff; }
:root[data-skin="astro"] .wl-card { color: #e6f0ff; border-color: rgba(159, 208, 255, 0.18); }
:root[data-skin="astro"] .wl-card small { color: rgba(205, 224, 250, 0.72); }
:root[data-skin="astro"] .wl-check { color: #07142b; }
:root[data-skin="astro"] .wl-bar { background: linear-gradient(0deg, rgba(6, 16, 36, 0.97) 58%, rgba(6, 16, 36, 0)); }
:root[data-skin="astro"] .wl-cta { color: #07142b; background: linear-gradient(135deg, #f6e3a6, #e0bd5e); box-shadow: 0 8px 26px rgba(224, 189, 94, 0.3); }
:root[data-skin="astro"] .wl-field:focus { border-color: #9fd0ff; box-shadow: 0 0 0 3px rgba(159, 208, 255, 0.22); }
:root[data-skin="astro"] .wl-prev { color: #f6e3a6; }
:root[data-skin="astro"] .wl-skip { color: #cfe4ff; }
:root[data-skin="astro"] .wl-card:focus-visible, :root[data-skin="astro"] .wl-chip:focus-visible, :root[data-skin="astro"] .wl-cta:focus-visible { outline-color: #9fd0ff; }