.personality-page{--personality-accent:var(--primary);--personality-accent-2:var(--secondary);--personality-gradient:linear-gradient(135deg,var(--primary),var(--secondary));--personality-soft:color-mix(in srgb,var(--primary) 9%,var(--background));--personality-soft-2:color-mix(in srgb,var(--secondary) 8%,var(--background));--personality-card:color-mix(in srgb,var(--card) 94%,transparent);--personality-muted:color-mix(in srgb,var(--foreground) 70%,var(--background));background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--primary) 10%,transparent),transparent 28rem),radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--secondary) 11%,transparent),transparent 30rem),linear-gradient(180deg,var(--background) 0,color-mix(in srgb,var(--primary) 4%,var(--background)) 42%,var(--background) 100%);color:var(--foreground);font-family:var(--font-primary),var(--font-sans),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.personality-page .section{background:transparent}.personality-page .section-title,.personality-page h1,.personality-page h2,.personality-page h3{color:var(--foreground);font-family:var(--font-primary),var(--font-sans),Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0}.personality-page .section-title{font-weight:800;line-height:1.08}.personality-page .section-subtitle,.personality-page [class*="text-(--muted-foreground)"]{color:var(--personality-muted)}.personality-gradient-text{background:var(--personality-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.personality-pill{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary);box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 10%,transparent)}.personality-card{border:1px solid color-mix(in srgb,var(--border) 86%,var(--primary));background:var(--personality-card);box-shadow:0 8px 30px color-mix(in srgb,var(--foreground) 7%,transparent)}.personality-card:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--border));box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 13%,transparent)}.personality-visual-tile{border-color:color-mix(in srgb,var(--card) 88%,var(--primary));background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 42%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--card)),color-mix(in srgb,var(--secondary) 9%,var(--card)));box-shadow:0 20px 48px color-mix(in srgb,var(--foreground) 10%,transparent)}.personality-primary-action{background:var(--personality-gradient);color:var(--primary-foreground);box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 22%,transparent)}.personality-primary-action:hover{box-shadow:0 20px 42px color-mix(in srgb,var(--secondary) 24%,transparent);transform:translateY(-1px)}.personality-progress-track{background:color-mix(in srgb,var(--primary) 10%,var(--card))}.personality-progress-fill{background:var(--personality-gradient)}[data-theme=dark] .personality-page{--personality-card:color-mix(in srgb,var(--card) 88%,transparent);--personality-muted:color-mix(in srgb,var(--foreground) 74%,var(--muted-foreground));background:radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 28rem),radial-gradient(circle at 84% 20%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 30rem),linear-gradient(180deg,var(--background) 0,color-mix(in srgb,var(--primary) 6%,var(--background)) 45%,var(--background) 100%)}[data-theme=dark] .personality-pill{background:color-mix(in srgb,var(--primary) 14%,var(--card))}[data-theme=dark] .personality-visual-tile{border-color:color-mix(in srgb,var(--border) 70%,var(--primary));background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--secondary) 13%,transparent),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--card)),color-mix(in srgb,var(--secondary) 12%,var(--card)))}