@font-face {
  font-family: 'Segoe UI Black';
  src: local('Segoe UI Black'), local('Arial Black');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --lw-radius-sm: 6px;
  --lw-radius-md: 8px;
  --lw-radius-lg: 10px;
  --lw-radius-xl: 12px;
  --lw-dash-surface-radius: 14px;
  --lw-dash-surface-pad: 14px 18px 16px;
  --lw-dash-surface-border: 1px solid rgba(255, 255, 255, 0.08);
  --lw-dash-surface-bg: rgba(8, 10, 16, 0.55);
  --lw-dash-surface-bg-soft: rgba(8, 10, 16, 0.38);
  --lw-dash-table-gap-x: 22px;
  --lw-glass-blur: none;
  --lw-glass-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  --lw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --lw-shadow-md: 0 6px 20px rgba(0, 0, 0, 0.28);
  --lw-section-y: clamp(28px, 4vw, 52px);
  --lw-hero-pad: clamp(32px, 6vh, 64px);
  /* Body/UI — temp/common.css + Google Inter from index.html */
  --lw-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  /* Display/titles — Inter, same as the rest of the site */
  --lw-font-display: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lw-text-display: clamp(2rem, 4.2vw, 2.75rem);
  --lw-text-h1: clamp(1.75rem, 3vw, 2.25rem);
  --lw-text-h2: clamp(1.3125rem, 2vw, 1.5rem);
  --lw-text-h3: 1.0625rem;
  --lw-text-body: 0.9375rem;
  --lw-text-sm: 0.8125rem;
  --lw-text-xs: 0.6875rem;
  --lw-text-label: 0.75rem;
  --lw-leading-tight: 1.15;
  --lw-leading-snug: 1.3;
  --lw-leading-normal: 1.55;
  --lw-tracking-tight: -0.025em;
  --lw-tracking-ui: -0.01em;
  --lw-tracking-caps: 0.08em;
  --lw-font-base: var(--lw-text-body);
  --lw-font-sm: var(--lw-text-sm);
  --lw-font-xs: var(--lw-text-xs);
  --lw-control-h: 28px;
  --lw-header-chip-h: 34px;
  --lw-control-h-form: 36px;
  --lw-control-py: 5px;
  --lw-control-px: 12px;
  --lw-control-fs: var(--lw-text-sm);
  --lw-field-h: var(--lw-control-h-form);
  --lw-field-radius: 10px;
  --lw-field-fs: 13px;
  --lw-field-bg: rgba(255, 255, 255, 0.03);
  --lw-field-bg-hover: rgba(255, 255, 255, 0.05);
  --lw-field-border: rgba(255, 255, 255, 0.08);
  --lw-field-border-hover: rgba(255, 255, 255, 0.14);
  --lw-field-focus-ring: 0 0 0 2px rgba(74, 158, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  --lw-control-bg: var(--lw-field-bg);
  --lw-control-bg-hover: var(--lw-field-bg-hover);
  --lw-control-focus-border: rgba(74, 158, 255, 0.3);
  --lw-control-focus-ring: var(--lw-field-focus-ring);
  --lw-btn-glass: radial-gradient(ellipse 155% 140% at 50% 0%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.035) 58%, rgba(255, 255, 255, 0.012) 100%);
  --lw-btn-glass-hover-shadow: 0 0 18px rgba(255, 255, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  --lw-btn-h: 36px;
  --lw-btn-px: 16px;
  --lw-btn-radius: 10px;
  --lw-success: #7cb88a;
  --lw-success-soft: rgba(124, 184, 138, 0.12);
  --lw-warning: #c9a85c;
  --lw-warning-soft: rgba(201, 168, 92, 0.12);
  --lw-danger: #d47a7c;
  --lw-danger-soft: rgba(212, 122, 124, 0.12);
  --lw-scroll-size: 11px;
  --lw-scroll-size-sm: 8px;
  --lw-scroll-track: #1c1c1c;
  --lw-scroll-track-inner: #141414;
  --lw-scroll-thumb: #4a4a4a;
  --lw-scroll-thumb-hover: #5e5e5e;
  --lw-scroll-thumb-active: #6e6e6e;
  --lw-scroll-thumb-inset: 2px;
  --lw-scroll-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath fill='%236e6e6e' d='M3.5 0 7 4H0z'/%3E%3C/svg%3E");
  --lw-scroll-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath fill='%236e6e6e' d='M3.5 4 0 0h7z'/%3E%3C/svg%3E");

  --background: #050505;
  --foreground: #fbfbfb;
  --card: #131316;
  --card-foreground: #fbfbfb;
  --popover: #131316;
  --popover-foreground: #fbfbfb;
  --primary: #e6e6e6;
  --primary-foreground: #131316;
  --secondary: #232327;
  --secondary-foreground: #fbfbfb;
  --muted: #232327;
  --muted-foreground: #a1a1a8;
  --accent: #232327;
  --accent-foreground: #fbfbfb;
  --destructive: #d75f5f;
  --border: rgba(255, 255, 255, 0.1);
  --input: rgba(255, 255, 255, 0.15);
  --ring: #6f6f6f;
  --radius: .625rem;
  --chart-1: #d4d4d4;
  --chart-2: #737373;
  --chart-3: #525252;
  --chart-4: #404040;
  --chart-5: #262626;
  --sidebar: var(--card);
  --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--accent);
  --sidebar-accent-foreground: var(--accent-foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-orange-400: #fb923c;
  --color-orange-500: #f97316;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b;
  --color-amber-600: #d97706;
  --color-yellow-400: #facc15;
  --color-yellow-500: #eab308;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981;
  --color-emerald-600: #059669;
  --color-sky-400: #38bdf8;
  --color-blue-400: #60a5fa;
  --color-blue-500: #3b82f6;
  --color-violet-400: #a78bfa;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-pink-400: #f472b6;
  --color-rose-400: #fb7185;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #a1a1aa;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;

  --lw-bg: var(--background);
  --lw-surface: var(--card);
  --lw-surface-2: var(--secondary);
  --lw-elevated: var(--accent);
  --lw-border: var(--border);
  --lw-border-hover: var(--input);
  --lw-text: var(--foreground);
  --lw-muted: var(--muted-foreground);
  --lw-subtle: color-mix(in srgb, var(--muted-foreground) 68%, transparent);
  --lw-brand: var(--primary);
  --lw-brand-hover: var(--foreground);
  --lw-brand-soft: color-mix(in srgb, var(--foreground) 9%, transparent);
  --lw-brand-soft-hover: color-mix(in srgb, var(--foreground) 14%, transparent);
  --lw-brand-border: color-mix(in srgb, var(--foreground) 22%, transparent);
  --lw-brand-text: var(--primary-foreground);
  --lw-accent: var(--primary);
  --lw-accent-muted: var(--muted-foreground);
  --lw-accent-bg: var(--lw-brand-soft);
  --lw-accent-border: var(--lw-brand-border);
  --lw-btn-bg: var(--lw-btn-glass);
  --lw-btn-bg-hover: var(--lw-btn-glass);
  --lw-btn-border: rgba(255, 255, 255, 0.12);
  --lw-btn-border-hover: rgba(255, 255, 255, 0.45);
  --lw-btn-text: #fff;
  --lw-btn-text-hover: #fff;
  --lw-btn-primary-bg: var(--lw-btn-glass);
  --lw-btn-primary-bg-hover: var(--lw-btn-glass);
  --lw-btn-primary-border: rgba(255, 255, 255, 0.16);
  --lw-btn-primary-text: #fff;
  --lw-account-accent: var(--primary);
  --lw-account-accent-muted: var(--muted-foreground);
  --lw-account-accent-bg: var(--lw-brand-soft);
  --lw-account-accent-border: var(--lw-brand-border);
  --lw-ring: var(--ring);
  --lw-glass-bg: var(--lw-surface);
  --lw-glass-border: var(--lw-border);
}

@supports (color: lab(0% 0 0)) {
  :root {
    --background: lab(2.75381% 0 0);
    --foreground: lab(98.26% 0 0);
    --card: lab(7.78201% -.0000149012 0);
    --card-foreground: lab(98.26% 0 0);
    --popover: lab(7.78201% -.0000149012 0);
    --popover-foreground: lab(98.26% 0 0);
    --primary: lab(90.952% 0 -.0000119209);
    --primary-foreground: lab(7.78201% -.0000149012 0);
    --secondary: lab(15.204% 0 -.00000596046);
    --secondary-foreground: lab(98.26% 0 0);
    --muted: lab(15.204% 0 -.00000596046);
    --muted-foreground: lab(66.128% -.0000298023 .0000119209);
    --accent: lab(15.204% 0 -.00000596046);
    --accent-foreground: lab(98.26% 0 0);
    --destructive: lab(63.7053% 60.745 31.3109);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --ring: lab(48.496% 0 0);
    --color-red-400: lab(63.7053% 60.745 31.3109);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-orange-400: lab(70.0429% 42.5156 75.8207);
    --color-orange-500: lab(64.272% 57.1788 90.3583);
    --color-amber-400: lab(80.1641% 16.6016 99.2089);
    --color-amber-500: lab(72.7183% 31.8672 97.9407);
    --color-amber-600: lab(60.3514% 40.5624 87.1228);
    --color-yellow-400: lab(83.2664% 8.65132 106.895);
    --color-yellow-500: lab(76.3898% 14.5258 98.4589);
    --color-green-400: lab(78.503% -64.9265 39.7492);
    --color-green-500: lab(70.5521% -66.5147 45.8073);
    --color-green-600: lab(59.0978% -58.6621 41.2579);
    --color-emerald-400: lab(75.0771% -60.7313 19.4147);
    --color-emerald-500: lab(66.9756% -58.27 19.5419);
    --color-emerald-600: lab(55.0481% -49.9246 15.93);
    --color-sky-400: lab(70.687% -23.6078 -45.9483);
    --color-blue-400: lab(65.0361% -1.42065 -56.9802);
    --color-blue-500: lab(54.1736% 13.3369 -74.6839);
    --color-violet-400: lab(62.8239% 34.9159 -60.0512);
    --color-purple-400: lab(63.6946% 47.6127 -59.2066);
    --color-purple-500: lab(52.0183% 66.11 -78.2316);
    --color-pink-400: lab(64.5597% 64.3615 -12.7988);
    --color-rose-400: lab(64.4125% 63.0291 19.2068);
    --color-zinc-200: lab(90.6853% .399232 -1.45452);
    --color-zinc-300: lab(84.9837% .601262 -2.17986);
    --color-zinc-400: lab(65.6464% 1.53497 -5.42429);
    --color-zinc-700: lab(26.8019% 1.35387 -4.68303);
    --color-zinc-800: lab(15.7305% .613764 -2.16959);
    --color-zinc-900: lab(8.30603% .618205 -2.16572);
    --color-zinc-950: lab(2.51107% .242703 -.886115);
  }
}

/* Hide native number spinners site-wide (dark UI clash). */
input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}