html body[data-vip-theme='true'] {
  color-scheme: dark;
  --background: oklch(0.135 0.018 70);
  --foreground: oklch(0.94 0.035 88);
  --card: oklch(0.18 0.022 70);
  --card-foreground: oklch(0.94 0.035 88);
  --popover: oklch(0.205 0.028 70);
  --popover-foreground: oklch(0.95 0.035 88);
  --primary: oklch(0.78 0.16 86);
  --primary-foreground: oklch(0.14 0.018 70);
  --secondary: oklch(0.255 0.028 70);
  --secondary-foreground: oklch(0.91 0.035 88);
  --muted: oklch(0.22 0.022 70);
  --muted-foreground: oklch(0.72 0.035 82);
  --accent: oklch(0.31 0.065 80);
  --accent-foreground: oklch(0.97 0.035 88);
  --destructive: oklch(0.64 0.19 28);
  --destructive-foreground: oklch(0.98 0.01 90);
  --success: oklch(0.68 0.12 145);
  --success-foreground: oklch(0.12 0.015 70);
  --warning: oklch(0.78 0.16 86);
  --warning-foreground: oklch(0.14 0.018 70);
  --info: oklch(0.68 0.09 220);
  --info-foreground: oklch(0.12 0.015 70);
  --neutral: oklch(0.72 0.035 82);
  --neutral-foreground: oklch(0.14 0.018 70);
  --border: oklch(0.39 0.06 78);
  --input: oklch(0.42 0.065 78);
  --ring: oklch(0.82 0.17 86);
  --chart-1: oklch(0.82 0.17 86);
  --chart-2: oklch(0.69 0.12 65);
  --chart-3: oklch(0.68 0.09 220);
  --chart-4: oklch(0.73 0.13 45);
  --chart-5: oklch(0.67 0.12 145);
  --overview-accent-1: oklch(0.82 0.17 86);
  --overview-accent-2: oklch(0.69 0.12 65);
  --overview-accent-3: oklch(0.68 0.09 220);
  --sidebar: oklch(0.095 0.014 70);
  --sidebar-foreground: oklch(0.94 0.035 88);
  --sidebar-primary: oklch(0.82 0.17 86);
  --sidebar-primary-foreground: oklch(0.13 0.018 70);
  --sidebar-accent: oklch(0.26 0.055 78);
  --sidebar-accent-foreground: oklch(0.97 0.035 88);
  --sidebar-border: oklch(0.31 0.05 78);
  --sidebar-ring: oklch(0.82 0.17 86);
  --skeleton-base: oklch(0.22 0.022 70);
  --skeleton-highlight: oklch(0.31 0.04 78);
  --table-row: var(--background);
  --table-header: oklch(0.205 0.03 70);
  --table-header-hover: oklch(0.27 0.05 78);
  --table-disabled: oklch(0.19 0.02 70);
  --table-disabled-hover: oklch(0.24 0.03 70);
  --table-disabled-border: oklch(0.38 0.05 78);
}


html[data-vip-transition]::view-transition-old(root),html[data-vip-transition]::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-vip-transition]::view-transition-new(root){z-index:2}
html[data-vip-transition]::view-transition-old(root){z-index:1}
.vip-theme-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:0 10px;border:1px solid #b38b44;border-radius:12px;background:linear-gradient(125deg,#f5da98,#c49846);color:#302211;font:600 13px/1.2 system-ui;cursor:pointer}
.vip-theme-toggle:focus-visible{outline:2px solid #b58a35;outline-offset:3px}
.vip-theme-toggle:disabled{cursor:default;opacity:.75}
.vip-theme-toggle[aria-pressed=true]{background:#251e13;color:#ebce8a;border-color:#856734}
.vip-theme-welcome{position:fixed;inset:0;margin:auto;padding:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #92723b;border-radius:20px;background:#161411;color:#f3ead7;box-shadow:0 24px 80px #0008;font:14px/1.7 system-ui}
.vip-theme-welcome::backdrop{background:#0009}
.vip-welcome-head{padding:28px 26px 22px;border-bottom:1px solid #6b54284d;background:linear-gradient(125deg,#292216,#161411)}
.vip-eyebrow{font-size:12px;color:#c8a967;letter-spacing:2px}
.vip-theme-welcome h2{margin:10px 0 12px;font-size:24px;line-height:1.4;font-weight:650;color:#f9e6b9}
.vip-theme-welcome p{margin:0;color:#c6bbab}
.vip-welcome-foot{padding:20px 26px 24px;display:flex;flex-direction:column;gap:20px}
.vip-welcome-foot p{font-size:13px}
.vip-welcome-foot button{min-height:44px;border:0;border-radius:10px;padding:10px 22px;background:linear-gradient(120deg,#efd293,#c49642);color:#2b2010;font-size:14px;font-weight:650;cursor:pointer}
@media(max-width:380px){.vip-theme-toggle{padding:0 8px}.vip-theme-toggle span{display:none}.vip-theme-welcome h2{font-size:22px}.vip-welcome-head{padding:24px 20px 18px}.vip-welcome-foot{padding:18px 20px 22px}}

.vip-theme-preset {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: inherit;
}
.vip-theme-preset:focus-visible { outline: 2px solid var(--ring, #d9ae54); outline-offset: 3px; border-radius: 8px; }
.vip-theme-preset:disabled { cursor: wait; opacity: .7; }
.vip-theme-preset-swatch {
  position: relative;
  display: block;
  height: 3rem;
  overflow: hidden;
  border: 1px solid rgba(196, 153, 70, .72);
  border-radius: .375rem;
  background:
    radial-gradient(circle at 80% 16%, rgba(255, 220, 133, .9) 0 2%, transparent 22%),
    linear-gradient(135deg, #0b0b0b 0%, #17130d 46%, #ac7c2f 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 4px 14px rgba(146,100,30,.15);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.vip-theme-preset:hover .vip-theme-preset-swatch { border-color: #f0c972; box-shadow: inset 0 0 0 1px rgba(255,236,180,.18), 0 6px 18px rgba(146,100,30,.24); transform: translateY(-1px); }
.vip-theme-preset[data-checked='true'] .vip-theme-preset-swatch,
.vip-theme-preset.is-selected .vip-theme-preset-swatch { border-color: #f4d27f; box-shadow: inset 0 0 0 1px rgba(255,235,180,.35), 0 0 0 2px rgba(214,166,71,.45), 0 8px 20px rgba(150,101,28,.26); }
.vip-theme-preset-label { display: block; overflow: hidden; margin-top: .375rem; color: #a98546; font-size: .75rem; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.vip-theme-preset-vip {
  position: absolute; top: .35rem; right: .35rem; z-index: 2;
  padding: .12rem .34rem; border: 1px solid rgba(255,224,151,.7); border-radius: 999px;
  background: rgba(19,14,7,.78); color: #f5d78f; font: 700 9px/1.1 system-ui, sans-serif; letter-spacing: .08em;
}
.vip-theme-preset-crown { position: absolute; left: 50%; top: 50%; width: 32px; height: 26px; color: #efcb76; transform: translate(-50%, -44%); filter: drop-shadow(0 3px 6px rgba(0,0,0,.5)); }
.vip-theme-preset-check { display: none; position: absolute; right: .35rem; bottom: .34rem; width: 18px; height: 18px; color: #ffe3a0; filter: drop-shadow(0 1px 2px #000); }
.vip-theme-preset[data-checked='true'] .vip-theme-preset-check,
.vip-theme-preset.is-selected .vip-theme-preset-check { display: block; }
.vip-theme-badge {
  display: inline-flex; align-items: center; gap: .35rem; flex: 0 0 auto; margin-left: .35rem; padding: .38rem .62rem;
  border: 1px solid rgba(216,173,82,.76); border-radius: 999px; background: linear-gradient(120deg, rgba(35,25,11,.96), rgba(110,76,24,.95));
  color: #f7d993; box-shadow: 0 5px 16px rgba(80,52,15,.25); font: 700 11px/1 system-ui, sans-serif; letter-spacing: .12em;
  pointer-events: none; transition: opacity .25s ease, transform .25s ease;
}
.vip-theme-badge[hidden] { display: none; }
.vip-theme-badge svg { width: 16px; height: 14px; flex: 0 0 auto; }
.vip-crown-overlay {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; pointer-events: none;
  color: rgba(246, 210, 128, .42); opacity: 0; transform: scale(.82);
  transition: opacity 1.45s ease, transform 1.45s cubic-bezier(.2,.75,.3,1);
}
.vip-crown-overlay.is-visible { opacity: 1; transform: scale(1); }
.vip-crown-mark { display: block; filter: drop-shadow(0 0 18px rgba(212,160,56,.22)); }
@media (max-width: 640px) {
  .vip-theme-badge { margin-left: .2rem; padding: .34rem .46rem; font-size: 10px; letter-spacing: .08em; }
  .vip-theme-badge svg { width: 14px; height: 12px; }
  .vip-theme-preset-swatch { height: 2.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .vip-theme-preset-swatch, .vip-theme-badge, .vip-crown-overlay { transition: none !important; }
  .vip-crown-overlay { display: none !important; }
}