:root{--background:#ffffff;--foreground:#1f2937;--card:#ffffff;--card-foreground:#1f2937;--popover:#ffffff;--popover-foreground:#1f2937;--primary:#5865f2;--primary-foreground:#ffffff;--secondary:#f3f4f6;--secondary-foreground:#1f2937;--muted:#d1d5db;--muted-foreground:#6b7280;--accent:#5865f2;--accent-foreground:#ffffff;--destructive:#ef4444;--destructive-foreground:#ffffff;--border:#e5e7eb;--input:#e5e7eb;--ring:#5865f2;--chart-1:#5865f2;--chart-2:#10b981;--chart-3:#f59e0b;--chart-4:#8b5cf6;--chart-5:#ec4899;--radius:0.5rem;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.75rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.6;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--touch-target-min:44px;--primary-color:#3498db;--secondary-color:#2ecc71;--danger-color:#e74c3c;--text-color:#333;--background-color:#f5f5f5;--toggle-color:#9b59b6;--title-color:#006666;--disclaimer-bg:#f8f8f8;--disclaimer-border:#e0e0e0;--style-et:#bb344a;--style-et-dark:#8e2838;--style-ef:#efca08;--style-ef-dark:#c4a406;--style-if:#939c30;--style-if-dark:#707826;--style-it:#077383;--style-it-dark:#055762;--energy-assertive:#bb344a;--energy-creative:#efca08;--energy-supportive:#939c30;--energy-analytical:#077383;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:oklch(0.205 0 0);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:#1a1a1a;--foreground:#fafafa;--card:#1a1a1a;--card-foreground:#fafafa;--border:#3f3f3f;--popover:#1a1a1a;--popover-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#1a1a1a;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a3a3a3;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ef4444;--destructive-foreground:#fafafa;--input:#3f3f3f;--ring:#525252;--chart-1:#f97316;--chart-2:#10b981;--chart-3:#3b82f6;--chart-4:#8b5cf6;--chart-5:#ec4899;--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:var(--line-height-relaxed);color:var(--foreground);background-color:var(--background);margin:0;padding:0;font-size:var(--font-size-sm)}h1{font-size:var(--font-size-4xl)}h1,h2{line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg)}h3,h4{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}h4{font-size:var(--font-size-md)}p{line-height:var(--line-height-normal);margin-bottom:var(--spacing-sm)}button,p{font-size:var(--font-size-sm)}button{padding:.75rem 1rem;min-height:var(--touch-target-min);font-weight:var(--font-weight-semibold);color:white;border:none;cursor:pointer;transition:background-color .3s,transform .1s;border-radius:4px;width:100%}button:hover{transform:translateY(-2px)}.App{max-width:1200px;margin:0 auto;padding:1rem}.title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--title-color);margin-bottom:var(--spacing-xs)}.description{font-size:var(--font-size-sm);color:#666;max-width:800px;margin:0 auto;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}@media (min-width:768px){:root{--font-size-4xl:3.5rem}.App{padding:2rem}}@media (min-width:1024px){.App{padding:3rem}}