:root{--font-family:Helvetica, Arial, sans-serif;--color-bg:#fff;--color-text:#000;--color-text-secondary:#202020;--color-border:#111214;--color-bg-primary:#e8e8e8;--color-bg-secondary:#5e5f61;--color-bg-tertiary:#f5f5f5;--bp-tablet:768px;--bp-desktop:1024px;--bp-large:1440px;--bd-size:clamp(1.5px, 1px + .2vw, 3px);--text-md:clamp(1rem, .9rem + .3vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.375rem);--text-xl:clamp(1.25rem, 1.1rem + .8vw, 1.75rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 2.25rem)}@font-face{font-family:Helvetica;src:url(../../../fonts/Helvetica.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5}.layout{flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:100%;max-width:1100px;margin:0 auto}@media (width>=1024px){.container{max-width:1200px;padding:48px}}@media (width>=1440px){.container{flex-direction:column;gap:64px;max-width:1400px;padding:64px;display:flex}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}@custom-variant dark (&:is(.dark *));:root{--font-size:16px;--background:#fff;--foreground:#000;--card:#fff;--card-foreground:#000;--popover:#fff;--popover-foreground:#000;--primary:#000;--primary-foreground:#fff;--secondary:#f5f5f5;--secondary-foreground:#000;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#000;--destructive:#000;--destructive-foreground:#fff;--border:#000;--input:transparent;--input-background:#fff;--switch-background:#e5e5e5;--font-weight-medium:500;--font-weight-normal:400;--ring:#000;--chart-1:#000;--chart-2:#404040;--chart-3:#737373;--chart-4:#a3a3a3;--chart-5:#d4d4d4;--radius:0;--sidebar:#fff;--sidebar-foreground:#000;--sidebar-primary:#000;--sidebar-primary-foreground:#fff;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#000;--sidebar-border:#000;--sidebar-ring:#000}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(14.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:oklch(43.9% 0 0);--font-weight-medium:500;--font-weight-normal:400;--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0)}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--primary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring);}@layer base{@apply border-border outline-ring/50;@apply bg-background text-foreground;html{font-size:var(--font-size)}h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}h4,label,button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}