/* luna-new · 灰阶玻璃主题覆盖层
   只靠 CSS 变量 + 实测 DOM 选择器覆盖，不碰任何 JS chunk。
   在 index.html 的 body 末尾引入，文档顺序排在 JS 动态插入的 src-*.css 之后。
   !important 只用在 JS 写进 inline style 的属性上（--t*、--icon-tint、backdrop-filter、border-radius）。
   v2（珍珠月光）：灰阶不变，温度来自光的分布而不是色相——
   光从右上方画外来；玻璃 = 发丝边 + 顶缘一线月光 + 底缘收口 + 接触影/环境影两层；
   圆角同心（Dock 28 = 图标 13.6 + 内距 14，与组件 28 同族）；数字用细字重、等宽。 */

/* ───────── 1. 颜色变量：去色相，保明度（OKLab L 不变） ───────── */

:root {
  /* Tailwind 调色板里带色相的几组 → 同明度灰 */
  --color-amber-100: oklch(96.2% 0 0);
  --color-amber-200: oklch(92.4% 0 0);
  --color-amber-300: oklch(87.9% 0 0);
  --color-emerald-50: oklch(97.9% 0 0);
  --color-emerald-100: oklch(95% 0 0);
  --color-emerald-200: oklch(90.5% 0 0);
  --color-emerald-300: oklch(84.5% 0 0);
  --color-emerald-400: oklch(76.5% 0 0);
  --color-emerald-500: oklch(69.6% 0 0);
  --color-sky-200: oklch(90.1% 0 0);
  --color-sky-300: oklch(82.8% 0 0);
  --color-sky-400: oklch(74.6% 0 0);
  --color-sky-500: oklch(68.5% 0 0);
  --color-violet-400: oklch(70.2% 0 0);
  --color-rose-50: oklch(96.9% 0 0);
  --color-rose-100: oklch(94.1% 0 0);
  --color-rose-200: oklch(89.2% 0 0);
  --color-rose-300: oklch(81% 0 0);
  --color-rose-400: oklch(71.2% 0 0);
  --color-rose-500: oklch(64.5% 0 0);
  --color-stone-500: oklch(55.3% 0 0);
  --color-stone-700: oklch(37.4% 0 0);

  --glass-bg: #ffffff24;
  --glass-blur: blur(24px) saturate(40%) brightness(1.06);
  --gold-accent: #ececec;
}

/* 深色（默认）。--t* 会被 JS 按壁纸色相写进 <html style>，所以这几项要 !important */
:root,
[data-theme=dark] {
  --t0: #ededed !important;
  --t1: #dbdbdb !important;
  --t2: #d4d4d4 !important;
  --t3: #b9b9b9 !important;
  --t4: #9a9a9a !important;
  --ts: #dadada !important;
  --t6: #818181 !important;
  --t9: #292929 !important;
}
[data-theme=dark] {
  --color-page: #101010;
  --color-deep: #0f0f0f;
  --color-surface: #171717;
  --color-sub: #191919;
  --color-sheet: #202020;
  --color-raised: #222222;
  --color-high: #2f2f2f;
  --color-link: #d6d6d6;
  --color-on-link: #101010;
  --color-ok: #c0c0c0;
  --color-warn: #d5d5d5;
  --color-accent: #f2f2f2;
  --color-on-accent: #141414;
  /* --color-danger 保留原红色：删除/错误类提示需要可辨识（见交付说明） */
}

/* 浅色 */
[data-theme=light] {
  --t0: #666666 !important;
  --t1: #797979 !important;
  --t2: #838383 !important;
  --t3: #9e9e9e !important;
  --t4: #b0b0b0 !important;
  --ts: #8f8f8f !important;
  --t6: #8a8a8a !important;
  --t9: #ffffff !important;
  --color-ink2: #6b6b6b;
  --color-ink3: #8d8d8d;
  --color-page: #f4f4f4;
  --color-deep: #f4f4f4;
  --color-sub: #f4f4f4;
  --color-high: #eeeeee;
  --color-link: #3a3a3a;
  --color-on-link: #fff;
  --color-ok: #5c5c5c;
  --color-warn: #6a6a6a;
  --color-accent: #1d1d1d;
  --color-on-accent: #fff;
  --tile-base: #f7f7f7;
  --stage-a: #efefef;
  --stage-b: #f6f6f6;
  --stage-c: #e8e8e8;
  --mem-b: #efefef;
  --game-b: #f3f3f3;
  --mini-a: #f7f7f7;
  --mini-b: #eaeaea;
  --avatar-a: #bbbbbb;
  --avatar-b: #989898;
  --swatch-a: #f0f0f0;
  --swatch-b: #d2d2d2;
}
[data-theme=light] [data-app=x] {
  --color-ink2: #616161;
  --color-ink3: #888888;
}
[data-theme=light] [data-app=instagram] {
  --color-link: #3a3a3a;
}
[data-theme=light] [data-app=kakao] {
  --color-accent: #e6e6e6;
  --color-on-accent: #1d1d1f;
}
[data-theme=light] .kakao-chat {
  --color-surface: #cecece;
  --color-ink2: #545454;
  --color-ink3: #646464;
}

/* ───────── 2. 背景：灰渐变（默认壁纸文件已换成灰渐变图；自定义壁纸压灰） ───────── */

html,
body,
#root,
.phone-root {
  background: #2c2c2e !important;
}
[data-theme=light],
[data-theme=light] body,
[data-theme=light] #root,
[data-theme=light] .phone-root {
  background: #e6e6e8 !important;
}
/* 主屏壁纸层：容器（含 .wall-halos 的那层）及其中所有图片，包括 data-wallpaper-scrim / data-home-veil 的模糊副本 */
div:has(> .wall-halos) {
  background: linear-gradient(180deg, #808080 0%, #3a3a3a 100%) !important;
}
div:has(> .wall-halos) img,
[data-wallpaper-scrim] img,
[data-home-veil] img {
  filter: grayscale(1) contrast(0.92) !important;
}
/* 粉/蓝光晕 → 顶部一团白色柔光 */
.wall-halos > div {
  filter: grayscale(1);
  opacity: 0.18 !important;
}
/* 原来的上下压暗渐变 → 顶亮、底微暗 */
[class~="from-[#0a121a]/60"] {
  background: linear-gradient(180deg, transparent 0%, transparent 55%, rgba(0, 0, 0, 0.16) 100%) !important;
}
/* 胶片颗粒：一张 14KB 的灰点平铺图，普通透明叠加（不用混合模式、不用实时滤镜）。
   让大面积的灰有“纸感/丝缎感”，而不是屏幕上的数字平涂 */
div:has(> .wall-halos)::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: url(/grain.png) 0 0 / 96px 96px repeat;
  opacity: 0.55;
}
[data-theme=light] div:has(> .wall-halos)::after {
  opacity: 0.35;
}
[data-wallpaper-scrim] > div,
[data-home-veil] > div {
  background: rgba(30, 30, 31, 0.62) !important;
}
[data-theme=light] [data-wallpaper-scrim] > div,
[data-theme=light] [data-home-veil] > div {
  background: rgba(244, 244, 245, 0.74) !important;
}

/* ───────── 3. 玻璃：图标 / 组件 / Dock ───────── */

.liquid-icon {
  --icon-tint: rgba(255, 255, 255, 0.07) !important;
  --fik: 1 !important;
  /* 珍珠母贝的两段光：左上一大片柔光，右下角一道回光；中间留透，才像玻璃不像亚克力 */
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.10) 32%, rgba(255, 255, 255, 0.03) 58%, rgba(255, 255, 255, 0.06) 80%, rgba(255, 255, 255, 0.17) 100%),
    var(--icon-tint) !important;
  -webkit-backdrop-filter: blur(18px) saturate(0%) brightness(1.08) !important;
  backdrop-filter: blur(18px) saturate(0%) brightness(1.08) !important;
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.50),
    inset 0 -1px 0 rgba(0, 0, 0, 0.10),
    inset 0 -12px 16px -14px rgba(255, 255, 255, 0.30),
    0 1px 1.5px rgba(0, 0, 0, 0.16),
    0 14px 26px -14px rgba(0, 0, 0, 0.46) !important;
  transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}
[data-home-item] .liquid-icon,
[data-home-item] .glass-icon {
  border-radius: 22% !important;
}
/* 顶部高光收窄成一弯，不再整片发白 */
.liquid-icon::before {
  background: radial-gradient(110% 60% at 30% -4%, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0) 56%) !important;
}
/* 按压：轻轻往里一沉，松手带一点点回弹 */
[data-home-item] button:active .liquid-icon {
  transform: scale(0.94);
  transition-duration: 0.12s;
  transition-timing-function: ease-out;
}

.liquid-widget,
.liquid-dock {
  /* 顶部中央一圈很淡的月光晕 + 和图标同一套斜向光 */
  background:
    radial-gradient(70% 55% at 62% 0%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 70%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.07) 40%, rgba(255, 255, 255, 0.04) 70%, rgba(255, 255, 255, 0.10) 100%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(0%) brightness(1.05) !important;
  backdrop-filter: blur(26px) saturate(0%) brightness(1.05) !important;
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.40),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 26px 50px -26px rgba(0, 0, 0, 0.55) !important;
}
/* 同心圆角：Dock 内距 14px + 图标圆角 13.6px ≈ 28px，与组件的 28px 同族 */
.liquid-dock {
  border-radius: 28px !important;
}
/* 实时玻璃（canvas / 图片衬底）开启时保持原逻辑：组件透明 */
.home-glass-on .liquid-widget {
  background: 0 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}
/* 实时玻璃 canvas 与玻璃衬底图去色 */
div:has(> .home-layout) > canvas,
.glass-icon > img.glass-fade,
.home-glass-on img.glass-fade {
  filter: grayscale(1);
}

.liquid-banner {
  background: linear-gradient(180deg, rgba(66, 66, 68, 0.66), rgba(50, 50, 52, 0.66)) !important;
  -webkit-backdrop-filter: blur(30px) saturate(0%) !important;
  backdrop-filter: blur(30px) saturate(0%) !important;
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 1px 2px rgba(0, 0, 0, 0.16), 0 18px 36px -14px rgba(0, 0, 0, 0.55) !important;
}

/* 通用玻璃面板（弹窗、底栏等），阴影去掉蓝调 */
.glass-panel {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.30), inset 0 -1px 0 rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.14), 0 18px 36px -14px rgba(0, 0, 0, 0.45);
}

.perf .liquid-icon {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.12)), rgba(120, 120, 122, 0.35) !important;
}
.perf .liquid-dock,
.perf .liquid-widget {
  background: rgba(110, 110, 112, 0.42) !important;
}
.perf .liquid-banner { background: rgba(40, 40, 42, 0.92) !important; }
.perf .glass-panel { background: rgba(30, 30, 31, 0.72); }

/* 浅色主题的玻璃 */
[data-theme=light] .liquid-icon {
  --icon-tint: rgba(255, 255, 255, 0.40) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.42) 36%, rgba(255, 255, 255, 0.22) 64%, rgba(255, 255, 255, 0.50) 100%),
    var(--icon-tint) !important;
  /* 浅底上白玻璃靠一圈 0.5px 的深色发丝线立住轮廓，阴影只要很淡的两层 */
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(0, 0, 0, 0.04),
    0 0 0 0.5px rgba(0, 0, 0, 0.07),
    0 1px 2px rgba(0, 0, 0, 0.06),
    0 14px 26px -14px rgba(0, 0, 0, 0.24) !important;
}
[data-theme=light] .liquid-widget,
[data-theme=light] .liquid-dock {
  background:
    radial-gradient(70% 55% at 62% 0%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 70%),
    linear-gradient(165deg, rgba(255, 255, 255, 0.60) 0%, rgba(255, 255, 255, 0.36) 55%, rgba(255, 255, 255, 0.46) 100%) !important;
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.9),
    inset 0 1px 0 #fff,
    0 0 0 0.5px rgba(0, 0, 0, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 26px 50px -26px rgba(0, 0, 0, 0.28) !important;
}
/* 浅色下图形用石墨色，不再是发灰的中灰 */
[data-theme=light] [data-home-item] .liquid-icon,
[data-theme=light] [data-home-item] .liquid-icon > svg {
  color: #3a3a3c;
}
[data-theme=light] .liquid-banner { background: rgba(255, 255, 255, 0.78) !important; }
[data-theme=light] .glass-panel,
[data-theme=light] .light-glass {
  box-shadow: inset 0 1px 1px #fffffff2, inset 0 -1px 1px #fff6, 0 12px 30px -10px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.06);
}

/* ───────── 4. 图标单色化 + 文字 ───────── */

/* 主屏与 Dock 内所有图标图形（svg / 自定义图标图片）去色 */
[data-home-item] button svg,
[data-home-item] button img {
  /* Coupang / 相册的 svg 自带 inline filter: saturate()，需 !important */
  filter: grayscale(1) brightness(1.06) drop-shadow(0 0.5px 1px rgba(0, 0, 0, 0.24)) !important;
}
[data-theme=light] [data-home-item] button svg,
[data-theme=light] [data-home-item] button img {
  filter: grayscale(1) drop-shadow(0 1px 0 rgba(255, 255, 255, 0.7)) !important;
}
/* 「主线」大图标外的彩色光晕 → 白色柔光 */
[data-home-item] .rounded-full.-m-6 {
  filter: grayscale(1);
  opacity: 0.45;
}
/* Coupang 的白霜底（inline style） */
[data-home-item] button > .relative > .relative:not(.liquid-icon):not(.glass-icon) {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.10) 32%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0.17) 100%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(0%) brightness(1.08) !important;
  backdrop-filter: blur(18px) saturate(0%) brightness(1.08) !important;
  border: 0 !important;
  box-shadow:
    inset 0 0 0 0.5px rgba(255, 255, 255, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.50),
    inset 0 -1px 0 rgba(0, 0, 0, 0.10),
    0 1px 1.5px rgba(0, 0, 0, 0.16),
    0 14px 26px -14px rgba(0, 0, 0, 0.46) !important;
  border-radius: 22% !important;
}

.icon-label {
  color: #fff !important;
  letter-spacing: 0.01em;
  /* 一层贴身的细影保清晰 + 一层散开的淡影，不再是一圈脏边 */
  text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.34), 0 0 8px rgba(0, 0, 0, 0.18);
}
[data-theme=light] .icon-label {
  color: #2c2c2e !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.glass-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
/* 组件内的彩色小字/图标（如天气温度、剧情图标） */
.liquid-widget svg,
.liquid-widget [class*="text-[#"] {
  filter: grayscale(1);
}

/* ───────── 5. 主屏组件里的照片：暗调黑白（只限主屏组件） ───────── */

[data-home-item] .liquid-widget img {
  filter: grayscale(0.9) contrast(1.12) brightness(0.82);
}

/* ───────── 6. 角标：白底深灰字（只限主屏） ───────── */

[data-home-item] [class~="bg-[#ff3b30]"] {
  background: linear-gradient(180deg, #ffffff, #ececec) !important;
  color: #1c1c1e !important;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.10), 0 1px 1px rgba(0, 0, 0, 0.14), 0 4px 10px -3px rgba(0, 0, 0, 0.32) !important;
}

/* ───────── 7. 定点补漏（leaks.mjs 实测扫出来的 inline 彩色装饰层） ───────── */

/* 桌面宽屏时手机外的蓝色光晕 */
[class~="from-[#1e2f42]/30"],
/* 剧本页顶部蓝光、相册页头部蓝紫光、日历页角落光斑（均为 pointer-events-none 的纯装饰层） */
.pointer-events-none[style*="radial-gradient"],
.pointer-events-none[style*="linear-gradient"] {
  filter: grayscale(1);
}

/* 浏览器 App 书签里的多色品牌 logo（Google / YouTube 等内联 svg） */
svg:has([fill^="#"]) {
  filter: grayscale(1);
}
/* 设置 › 主题色彩虹滑条：--t* 已锁灰，这里同步去色 */
input.theme-hue {
  filter: grayscale(1);
}

/* ───────── 9. 排版与细节（v2） ───────── */

/* 主屏时钟：从 600 粗体换成 300 细体、等宽数字——像腕表盘，不像仪表盘 */
.liquid-widget [class~="text-[52px]"] {
  font-family: "SF Pro Display", -apple-system, "Plus Jakarta Sans", "Helvetica Neue", sans-serif;
  font-size: 58px;
  font-weight: 300;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  margin: 2px 0 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 6px 22px rgba(0, 0, 0, 0.12);
}
[data-theme=light] .liquid-widget [class~="text-[52px]"] {
  color: #1d1d1f;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
/* 日期行与副标题：放开字距，和细时钟形成“大而轻 / 小而疏”的对比 */
.liquid-widget .tracking-wide.text-xs {
  letter-spacing: 0.08em;
}
.liquid-widget [class~="text-[11px]"][class~="font-light"] {
  letter-spacing: 0.06em;
}

/* 分页点：当前页拉成一粒细长的珍珠 */
[class~="bottom-[9px]"] > span.rounded-full {
  transition: width 0.35s cubic-bezier(0.3, 0.9, 0.3, 1), background-color 0.35s;
}
[class~="bottom-[9px]"] > span.rounded-full[class~="bg-fill/85"] {
  width: 14px;
}

/* 设置等页面的分组卡片：一线顶光 + 发丝边，和主屏玻璃同一种语言 */
[class~="rounded-[18px]"][class~="bg-fill/[0.07]"] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.05));
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.18);
}
[data-theme=light] [class~="rounded-[18px]"][class~="bg-fill/[0.07]"] {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 8px 20px -14px rgba(0, 0, 0, 0.18);
}
/* 分组标题：小字放开字距 */
section > h3[class~="text-[12.5px]"] {
  font-size: 12px;
  letter-spacing: 0.08em;
}
/* 分段控件选中态：从一块死白换成有体积的珍珠胶囊 */
[data-theme=dark] [data-app=settings] .rounded-full.bg-invert {
  background: linear-gradient(180deg, #fbfbfb, #e2e2e2);
  box-shadow: inset 0 1px 0 #fff, 0 0 0 0.5px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.25), 0 6px 14px -6px rgba(0, 0, 0, 0.4);
}
[data-theme=light] [data-app=settings] .rounded-full.bg-invert {
  background: linear-gradient(180deg, #3c3c3e, #1d1d1f);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 1px 2px rgba(0, 0, 0, 0.18), 0 6px 14px -6px rgba(0, 0, 0, 0.3);
}

/* 下面这批任意色值类本是给深色写的；同一元素若自带 light: 变体，浅色下退回 App 自己的浅色设计
   （v1 漏了这点：主屏天气「24°C」在浅色下是 #e7e7e7，几乎看不见） */
[data-theme=light] [class*="light:text-"][class*="text-[#"] { color: revert-layer; }
[data-theme=light] [class*="light:bg-"][class*="bg-[#"] { background-color: revert-layer; }
[data-theme=light] [class*="light:border-"][class*="border-[#"] { border-color: revert-layer; }

/* ───────── 8. JS 里写死的 Tailwind 任意色值类 → 同明度灰（GENERATED） ───────── */
/* 170 条，tools/gen-arbitrary.py 生成 */
[class~="active:bg-[#1d9bf0]/25"]:active { background-color: rgb(148 148 148 / 0.25); }
[class~="active:bg-[#323943]"]:active { background-color: rgb(56 56 56); }
[class~="active:bg-[#ff9b8f]/10"]:active { background-color: rgb(186 186 186 / 0.1); }
[class~="bg-[#0a1017]"] { background-color: rgb(15 15 15); }
[class~="bg-[#0a1018]"] { background-color: rgb(16 16 16); }
[class~="bg-[#0a1118]"] { background-color: rgb(16 16 16); }
[class~="bg-[#0e151e]/[0.98]"] { background-color: rgb(20 20 20 / 0.98); }
[class~="bg-[#111a24]"] { background-color: rgb(25 25 25); }
[class~="bg-[#121620]"] { background-color: rgb(22 22 22); }
[class~="bg-[#141a22]/85"] { background-color: rgb(25 25 25 / 0.85); }
[class~="bg-[#141b24]"] { background-color: rgb(26 26 26); }
[class~="bg-[#141b24]/[0.97]"] { background-color: rgb(26 26 26 / 0.97); }
[class~="bg-[#151c24]"] { background-color: rgb(27 27 27); }
[class~="bg-[#161c25]"] { background-color: rgb(28 28 28); }
[class~="bg-[#16202a]"] { background-color: rgb(31 31 31); }
[class~="bg-[#16202b]"] { background-color: rgb(31 31 31); }
[class~="bg-[#18202a]/90"] { background-color: rgb(31 31 31 / 0.9); }
[class~="bg-[#1a212b]"] { background-color: rgb(32 32 32); }
[class~="bg-[#1b2028]"] { background-color: rgb(32 32 32); }
[class~="bg-[#1b222a]/98"] { background-color: rgb(33 33 33 / 0.98); }
[class~="bg-[#1d232b]"] { background-color: rgb(34 34 34); }
[class~="bg-[#1d9bf0]/15"] { background-color: rgb(148 148 148 / 0.15); }
[class~="bg-[#1e242c]"] { background-color: rgb(35 35 35); }
[class~="bg-[#1f252d]"] { background-color: rgb(36 36 36); }
[class~="bg-[#1f2731]"] { background-color: rgb(38 38 38); }
[class~="bg-[#203248]/90"] { background-color: rgb(49 49 49 / 0.9); }
[class~="bg-[#262d36]/90"] { background-color: rgb(44 44 44 / 0.9); }
[class~="bg-[#34c759]"] { background-color: rgb(168 168 168); }
[class~="bg-[#34c759]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#34c759]/20"] { background-color: rgb(168 168 168 / 0.2); }
[class~="bg-[#3797f0]"] { background-color: rgb(147 147 147); }
[class~="bg-[#3797f0]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#4a2320]/90"] { background-color: rgb(48 48 48 / 0.9); }
[class~="bg-[#4d6bfe]/25"] { background-color: rgb(126 126 126 / 0.25); }
[class~="bg-[#4f8cff]"] { background-color: rgb(145 145 145); }
[class~="bg-[#4f8cff]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#4fa36a]"] { background-color: rgb(142 142 142); }
[class~="bg-[#4fa36a]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#5b6472]"] { background-color: rgb(99 99 99); }
[class~="bg-[#5b6b80]"] { background-color: rgb(105 105 105); }
[class~="bg-[#5b6b80]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#6f97c6]"] { background-color: rgb(148 148 148); }
[class~="bg-[#6f97c6]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#6f97c6]/45"] { background-color: rgb(148 148 148 / 0.45); }
[class~="bg-[#7ebca4]"] { background-color: rgb(173 173 173); }
[class~="bg-[#7ebca4]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#8fb4e6]/15"] { background-color: rgb(177 177 177 / 0.15); }
[class~="bg-[#8fb4e6]/20"] { background-color: rgb(177 177 177 / 0.2); }
[class~="bg-[#9fc3ff]"] { background-color: rgb(194 194 194); }
[class~="bg-[#9fc3ff]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#9fd8b8]"] { background-color: rgb(200 200 200); }
[class~="bg-[#9fd8b8]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#9fd8b8]/15"] { background-color: rgb(200 200 200 / 0.15); }
[class~="bg-[#b4504a]"] { background-color: rgb(116 116 116); }
[class~="bg-[#b4504a]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#b8e6c4]"] { background-color: rgb(216 216 216); }
[class~="bg-[#bb6e76]/40"] { background-color: rgb(135 135 135 / 0.4); }
[class~="bg-[#bfe8cf]"] { background-color: rgb(220 220 220); }
[class~="bg-[#c2453f]"] { background-color: rgb(117 117 117); }
[class~="bg-[#c2453f]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#d4574e]"] { background-color: rgb(133 133 133); }
[class~="bg-[#d4574e]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#e0584f]"] { background-color: rgb(139 139 139); }
[class~="bg-[#e0584f]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#e0584f]/10"] { background-color: rgb(139 139 139 / 0.1); }
[class~="bg-[#f5dfb8]"] { background-color: rgb(226 226 226); }
[class~="bg-[#f5dfb8]/15"] { background-color: rgb(226 226 226 / 0.15); }
[class~="bg-[#f5dfb8]/[0.1]"] { background-color: rgb(226 226 226 / 0.1); }
[class~="bg-[#fae64c]"] { background-color: rgb(227 227 227); }
[class~="bg-[#ff3b30]"] { background-color: rgb(144 144 144); }
[class~="bg-[#ff3b30]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#ff6b5e]"] { background-color: rgb(161 161 161); }
[class~="bg-[#ff6b5e]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#ff6b5e]/10"] { background-color: rgb(161 161 161 / 0.1); }
[class~="bg-[#ff6b5e]/12"] { background-color: rgb(161 161 161 / 0.12); }
[class~="bg-[#ff6b6b]"] { background-color: rgb(162 162 162); }
[class~="bg-[#ff6b6b]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="bg-[#ff6b8a]/15"] { background-color: rgb(164 164 164 / 0.15); }
[class~="bg-[#ff8fb3]"] { background-color: rgb(183 183 183); }
[class~="bg-[#ff8fb3]"][class~="text-white"] { background-color: #f2f2f2; color: #141414; }
[class~="border-[#161c24]"] { border-color: rgb(27 27 27); }
[class~="border-[#1a2028]"] { border-color: rgb(31 31 31); }
[class~="border-[#1d9bf0]/25"] { border-color: rgb(148 148 148 / 0.25); }
[class~="border-[#34c759]/40"] { border-color: rgb(168 168 168 / 0.4); }
[class~="border-[#4fa36a]"] { border-color: rgb(142 142 142); }
[class~="border-[#8fb4e6]/25"] { border-color: rgb(177 177 177 / 0.25); }
[class~="border-[#8fb4e6]/35"] { border-color: rgb(177 177 177 / 0.35); }
[class~="border-[#9fd8b8]/30"] { border-color: rgb(200 200 200 / 0.3); }
[class~="border-[#9fd8b8]/40"] { border-color: rgb(200 200 200 / 0.4); }
[class~="border-[#a8e1f5]/50"] { border-color: rgb(214 214 214 / 0.5); }
[class~="border-[#d4574e]"] { border-color: rgb(133 133 133); }
[class~="border-[#e0584f]/25"] { border-color: rgb(139 139 139 / 0.25); }
[class~="border-[#f4212e]/70"] { border-color: rgb(134 134 134 / 0.7); }
[class~="border-[#f5dfb8]/20"] { border-color: rgb(226 226 226 / 0.2); }
[class~="fill-[#f3d27a]"] { fill: rgb(213 213 213); }
[class~="fill-[#ff3040]"] { fill: rgb(142 142 142); }
[class~="fill-[#ff9bb3]"] { fill: rgb(189 189 189); }
[class~="from-[#0a121a]/60"] { --tw-gradient-from: rgb(17 17 17 / 0.6); }
[class~="from-[#1e2f42]/30"] { --tw-gradient-from: rgb(46 46 46 / 0.3); }
[class~="from-[#2b3340]"] { --tw-gradient-from: rgb(51 51 51); }
[class~="from-[#56677a]/60"] { --tw-gradient-from: rgb(101 101 101 / 0.6); }
[class~="from-[#8496c4]/40"] { --tw-gradient-from: rgb(151 151 151 / 0.4); }
[class~="from-[#8fb4e6]"] { --tw-gradient-from: rgb(177 177 177); }
[class~="from-[#d4af37]"] { --tw-gradient-from: rgb(179 179 179); }
[data-theme=light] [class~="light:text-[#2f7fd4]"] { color: rgb(125 125 125); }
[class~="ring-[#0e151e]"] { --tw-ring-color: rgb(20 20 20); }
[class~="text-[#0b1622]"] { color: rgb(21 21 21); }
[class~="text-[#16301f]"] { color: rgb(41 41 41); }
[class~="text-[#1b2028]"] { color: rgb(32 32 32); }
[class~="text-[#1b2129]"] { color: rgb(32 32 32); }
[class~="text-[#1b2530]"] { color: rgb(36 36 36); }
[class~="text-[#1d9bf0]"] { color: rgb(148 148 148); }
[class~="text-[#2a2418]"] { color: rgb(37 37 37); }
[class~="text-[#5a4a1c]"] { color: rgb(76 76 76); }
[class~="text-[#70c3f7]"] { color: rgb(185 185 185); }
[class~="text-[#7ee29b]"] { color: rgb(200 200 200); }
[class~="text-[#7ee2a8]"] { color: rgb(201 201 201); }
[class~="text-[#7fd6a4]"] { color: rgb(192 192 192); }
[class~="text-[#8fd6a4]"] { color: rgb(195 195 195); }
[class~="text-[#8fe3a7]"] { color: rgb(204 204 204); }
[class~="text-[#962fbf]"] { color: rgb(106 106 106); }
[class~="text-[#9fc3ff]"] { color: rgb(194 194 194); }
[class~="text-[#9fd0ff]"] { color: rgb(202 202 202); }
[class~="text-[#9fd8b8]"] { color: rgb(200 200 200); }
[class~="text-[#9fe1cb]"] { color: rgb(209 209 209); }
[class~="text-[#a5d6a7]"] { color: rgb(199 199 199); }
[class~="text-[#a8d8b9]"] { color: rgb(202 202 202); }
[class~="text-[#a9b8ff]"] { color: rgb(189 189 189); }
[class~="text-[#a9c8ef]"] { color: rgb(197 197 197); }
[class~="text-[#b8860b]"] { color: rgb(144 144 144); }
[class~="text-[#bfe8cf]"] { color: rgb(220 220 220); }
[class~="text-[#cfe0f5]"] { color: rgb(222 222 222); }
[class~="text-[#cfeedd]"] { color: rgb(229 229 229); }
[class~="text-[#d4456a]"] { color: rgb(128 128 128); }
[class~="text-[#d62976]"] { color: rgb(123 123 123); }
[class~="text-[#d6dce5]"] { color: rgb(219 219 219); }
[class~="text-[#d73a2d]"] { color: rgb(123 123 123); }
[class~="text-[#d9473a]"] { color: rgb(129 129 129); }
[class~="text-[#e5cad9]"] { color: rgb(211 211 211); }
[class~="text-[#e6dcc5]"] { color: rgb(221 221 221); }
[class~="text-[#e7a9ae]"] { color: rgb(188 188 188); }
[class~="text-[#edd3a3]"] { color: rgb(214 214 214); }
[class~="text-[#ef9ca9]"] { color: rgb(183 183 183); }
[class~="text-[#f0b8c4]"] { color: rgb(201 201 201); }
[class~="text-[#f3d27a]"] { color: rgb(213 213 213); }
[class~="text-[#f5c6a8]"] { color: rgb(209 209 209); }
[class~="text-[#f5d0dd]"] { color: rgb(219 219 219); }
[class~="text-[#f5dfb8]"] { color: rgb(226 226 226); }
[class~="text-[#fae4be]"] { color: rgb(231 231 231); }
[class~="text-[#fbf1dc]"] { color: rgb(242 242 242); }
[class~="text-[#fce5be]"] { color: rgb(232 232 232); }
[class~="text-[#ff3040]"] { color: rgb(142 142 142); }
[class~="text-[#ff6b5e]"] { color: rgb(161 161 161); }
[class~="text-[#ff6b6b]"] { color: rgb(162 162 162); }
[class~="text-[#ff9b8f]"] { color: rgb(186 186 186); }
[class~="text-[#ff9b8f]/80"] { color: rgb(186 186 186 / 0.8); }
[class~="text-[#ff9bb3]"] { color: rgb(189 189 189); }
[class~="text-[#ff9d94]"] { color: rgb(188 188 188); }
[class~="text-[#ffb4a8]"] { color: rgb(202 202 202); }
[class~="text-[#ffb4ab]"] { color: rgb(202 202 202); }
[class~="text-[#ffc98f]"] { color: rgb(212 212 212); }
[class~="text-[#ffc9c0]"] { color: rgb(216 216 216); }
[class~="text-[#ffcdc7]"] { color: rgb(219 219 219); }
[class~="text-[#ffd0c8]"] { color: rgb(220 220 220); }
[class~="text-[#ffd0c8]/80"] { color: rgb(220 220 220 / 0.8); }
[class~="text-[#ffd59a]/90"] { color: rgb(220 220 220 / 0.9); }
[class~="text-[#fff6e6]"] { color: rgb(247 247 247); }
[class~="to-[#070d14]/75"] { --tw-gradient-to: rgb(12 12 12 / 0.75); }
[class~="to-[#2a333f]/60"] { --tw-gradient-to: rgb(50 50 50 / 0.6); }
[class~="to-[#d6a0aa]/30"] { --tw-gradient-to: rgb(177 177 177 / 0.3); }