:root {
  --oxs-bg: #070c14;
  --oxs-surface: #0f1724;
  --oxs-surface-alt: #141d2d;
  --oxs-elevated: #1b2638;
  --oxs-border: #223149;
  --oxs-border-strong: #2f4563;
  --oxs-text: #e8f0fb;
  --oxs-text-muted: #8ea3c0;
  --oxs-accent: #38bdf8;
  --oxs-accent-text: #04121d;
  --oxs-success: #3fb950;
  --oxs-danger: #f85149;
  --oxs-warning: #d29922;
  --oxs-info: #38bdf8;
  --oxs-accent-2: #22d3ee;
  --oxs-surface-gradient: 0.1;
  --oxs-highlight: 0.1;
  --oxs-radius: 14px;
  --oxs-radius-sm: 9px;
  --oxs-border-width: 1px;
  --oxs-cut: 14px;
  --oxs-btn-radius: 12px;
  --oxs-font-body: Manrope;
  --oxs-font-heading: Manrope;
  --oxs-font-mono: IBM Plex Mono;
  --oxs-font-scale: 1;
  --oxs-heading-weight: 600;
  --oxs-heading-transform: none;
  --oxs-heading-tracking: 0em;
  --oxs-body-weight: 400;
  --oxs-line: 1.45;
  --oxs-tracking: 0em;
  --oxs-panel-alpha: 0.92;
  --oxs-scrim: 0.35;
  --oxs-glow: 0.2;
  --oxs-shadow-strength: 0.6;
  --oxs-grain: 0.04;
  --oxs-gap: 8px;
  --oxs-pad: 14px;
  --oxs-ui-scale: 1;
  --oxs-icon-size: 16px;
  --oxs-icon-color: #7fa6cc;
  --oxs-duration: 140ms;
  --oxs-lift: 2px;
  --oxs-slot-size: 94px;
  --oxs-slot-radius: 12px;
  --oxs-slot-gap: 4px;
  --oxs-slot-fit: contain;
  --oxs-slot-image: 0.78;
  --oxs-cols: 5;
  --oxs-rows: 5;
  --oxs-tooltip-width: 248px;
  --oxs-panel-gap: 20px;
  --oxs-hotbar-scale: 0.9;
  --oxs-weight-h: 4px;
  --oxs-drag-opacity: 0.85;
  --oxs-brand-opacity: 1;
  --oxs-banner-height: 92px;
  --oxs-brand-offset: 0px;
  --oxs-brand-size: 72px;
  --oxs-sheen: rgba(255, 255, 255, 0.1);
  --oxs-sheen-line: rgba(255, 255, 255, 0.1);
  --oxs-sheen-dot: rgba(255, 255, 255, 0.04);
  --oxs-accent-2-soft: rgba(34, 211, 238, 0.18);
  --oxs-accent-sweep: linear-gradient(135deg, #38bdf8, #22d3ee);
  --oxs-panel: rgba(15, 23, 36, 0.92);
  --oxs-panel-alt: rgba(20, 29, 45, 0.92);
  --oxs-panel-weak: rgba(15, 23, 36, 0.718);
  --oxs-elevated-solid: #1b2638;
  --oxs-accent-soft: rgba(56, 189, 248, 0.16);
  --oxs-accent-softer: rgba(56, 189, 248, 0.08);
  --oxs-accent-line: rgba(56, 189, 248, 0.45);
  --oxs-accent-glow: 0 0 18px rgba(56, 189, 248, 0.2);
  --oxs-shadow-ink: rgba(0, 0, 0, 0.38);
  --oxs-scrim-color: rgba(0, 0, 0, 0.35);
  --oxs-radial-scale: 1;
  --oxs-text-faint: rgba(142, 163, 192, 0.65);
  --oxs-hover: rgba(232, 240, 251, 0.06);
  --oxs-hover-strong: rgba(56, 189, 248, 0.14);
  --oxs-pressed: rgba(232, 240, 251, 0.1);
  --oxs-track: rgba(232, 240, 251, 0.12);
  --oxs-slot-bg: rgba(20, 29, 45, 0.95);
  --oxs-slot-hover: rgb(24, 48, 69);
  --oxs-on-accent: #04121d;
  --oxs-success-soft: rgba(63, 185, 80, 0.16);
  --oxs-danger-soft: rgba(248, 81, 73, 0.16);
  --oxs-warning-soft: rgba(210, 153, 34, 0.16);
  --oxs-info-soft: rgba(56, 189, 248, 0.16);
}

html[data-oxs-theme]::after{
  content:"";
  position:fixed;
  inset:auto 0 0 auto;
  width:0;
  height:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  --oxs-origin:"\0066\0061\006d\002d\0074\006f\006f\006c\0073\002e\0063\006f\006d\007c\006f\0078\005f\0069\006e\0076\0065\006e\0074\006f\0072\0079\007c\006e\006f\0063\0074\0075\0072\006e\0065\007c\0031\0039\0037\0030\002d\0030\0031\002d\0030\0031";
}