:root{--pic-off-white: oklch(.971 .011 70);--pic-blue: oklch(.752 .094 220);--pic-forest: oklch(.25 .041 150);--pic-orange: oklch(.554 .151 40);--pic-black: oklch(.176 0 0);--background: var(--pic-off-white);--foreground: var(--pic-black);--card: var(--pic-off-white);--card-foreground: var(--pic-black);--primary: var(--pic-blue);--primary-foreground: var(--pic-off-white);--secondary: oklch(.94 .012 70);--secondary-foreground: var(--pic-black);--muted: oklch(.94 .012 70);--muted-foreground: oklch(.45 .015 70);--accent: var(--pic-orange);--accent-foreground: var(--pic-off-white);--destructive: oklch(.577 .245 27.325);--destructive-foreground: var(--pic-off-white);--border: oklch(.88 .012 70);--input: oklch(.88 .012 70);--ring: var(--pic-blue);--color-online: oklch(.696 .17 162.48);--chart-1: var(--pic-blue);--chart-2: var(--pic-orange);--chart-3: var(--pic-forest);--chart-4: oklch(.65 .08 220);--chart-5: oklch(.7 .12 40);--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font-sans);--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace}.theme-forest{--background: var(--pic-forest);--foreground: var(--pic-off-white);--card: oklch(.3 .045 150);--card-foreground: var(--pic-off-white);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 14%);--input: oklch(1 0 0 / 18%)}:root{--font-scale: 1;--density-scale: 1;--text-xs: calc(.75rem * var(--font-scale));--text-sm: calc(.875rem * var(--font-scale));--text-base: calc(1rem * var(--font-scale));--text-lg: calc(1.125rem * var(--font-scale));--text-xl: calc(1.25rem * var(--font-scale));--text-2xl: calc(1.5rem * var(--font-scale));--space-1: calc(.25rem * var(--density-scale));--space-2: calc(.5rem * var(--density-scale));--space-3: calc(.75rem * var(--density-scale));--space-4: calc(1rem * var(--density-scale));--space-6: calc(1.5rem * var(--density-scale));--space-8: calc(2rem * var(--density-scale));--space-12: calc(3rem * var(--density-scale));--space-16: calc(4rem * var(--density-scale));--control-height: calc(2.5rem * var(--density-scale));--control-padding-x: calc(.75rem * var(--density-scale))}[data-font-size=sm]{--font-scale: .92}[data-font-size=md]{--font-scale: 1}[data-font-size=lg]{--font-scale: 1.12}[data-font-size=xl]{--font-scale: 1.28}[data-density=compact]{--density-scale: .85}[data-density=comfortable]{--density-scale: 1}[data-density=spacious]{--density-scale: 1.2}[data-device=mobile],[data-device=tablet]{--control-height: max(44px, calc(2.5rem * var(--density-scale)))}@media(prefers-reduced-motion:reduce){:root{--motion-scale: 0}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}html{color-scheme:light;font-family:var(--font-sans);font-size:var(--text-base);color:var(--foreground);background:var(--background)}body{margin:0;min-height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}a{color:var(--primary)}*:focus-visible{outline:2px solid var(--ring);outline-offset:2px}