:root{--mb-grey-8:#1C1C1C;--mb-grey-7:#5F5F5F;--mb-grey-6:#9B9CA7;--mb-grey-5:#B7B8C4;--mb-grey-4:#CDCED8;--mb-grey-3:#E1E1EB;--mb-grey-2:#F2F3F5;--mb-grey-1:#F7F8FA;--mb-purple-8:#7417BE;--mb-purple-7:#9233DD;--mb-purple-6:#A54BEE;--mb-purple-5:#B35BF8;--mb-purple-4:#C37AFC;--mb-purple-3:#D39BFF;--mb-purple-2:#E1BBFF;--mb-purple-1:#F2E1FF;--mb-red-8:#96020B;--mb-red-7:#BD0B11;--mb-red-6:#E31818;--mb-red-5:#F04741;--mb-red-4:#FC766D;--mb-red-3:#FFA196;--mb-red-2:#FFC8BF;--mb-red-1:#FFECE8;--mb-yellow-8:#B24902;--mb-yellow-7:#D86200;--mb-yellow-6:#FF7D00;--mb-yellow-5:#FF9729;--mb-yellow-4:#FFB151;--mb-yellow-3:#FEC87A;--mb-yellow-2:#FEDBA3;--mb-yellow-1:#FEF6E6;--mb-green-8:#086954;--mb-green-7:#138F70;--mb-green-6:#21B58C;--mb-green-5:#42C299;--mb-green-4:#67CFAA;--mb-green-3:#91DBBF;--mb-green-2:#BEE8D7;--mb-green-1:#E6F5EE;--mb-primary-default:var(--mb-purple-6);--mb-primary-hover:var(--mb-purple-7);--mb-primary-light-hover:var(--mb-purple-2);--mb-primary-light-default:var(--mb-purple-1);--mb-primary-default-rgb:165,75,238;--mb-primary-hover-rgb:146,51,221;--mb-primary-light-rgb:179,91,248;--mb-primary-default-hsl:273.1 82.7% 61.4%;--mb-primary-hover-hsl:273.5 71.4% 53.3%;--mb-primary-light-hsl:274 100% 87%;--mb-primary-soft-hsl:274 100% 94%;--background:224 18% 98%;--foreground:220 15% 12%;--card:224 18% 98%;--card-foreground:220 15% 12%;--popover:224 20% 99%;--popover-foreground:220 15% 12%;--primary:var(--mb-primary-default-hsl);--primary-foreground:0 0% 100%;--primary-hover:var(--mb-primary-hover-hsl);--secondary:224 16% 91%;--secondary-foreground:224 20% 18%;--accent:var(--mb-primary-default-hsl);--accent-foreground:0 0% 100%;--muted:224 16% 93%;--muted-foreground:224 10% 40%;--destructive:0 72% 45%;--destructive-foreground:0 0% 98%;--border:224 18% 86%;--input:224 18% 50%;--ring:var(--mb-primary-default-hsl);--radius:0.6rem;--brand-gradient-from:var(--mb-primary-default-hsl);--brand-gradient-to:273.6 91.8% 66.5%;--hero-surface:hsl(var(--background));--hero-grid-line:hsl(var(--foreground)/0.06);--hero-overlay-from:hsl(var(--background)/0.85);--hero-overlay-mid:hsl(var(--background)/0.35);--hero-overlay-to:hsl(var(--background));--hero-glow-start:hsl(var(--primary)/0.14);--hero-glow-mid:hsl(var(--accent)/0.08)}.dark{--background:224 22% 10%;--foreground:220 15% 96%;--card:224 22% 10%;--card-foreground:220 15% 96%;--popover:224 24% 8%;--popover-foreground:220 15% 96%;--primary:273.6 91.8% 66.5%;--primary-foreground:0 0% 100%;--primary-hover:var(--mb-primary-default-hsl);--secondary:224 20% 18%;--secondary-foreground:0 0% 100%;--accent:273.6 91.8% 66.5%;--accent-foreground:0 0% 100%;--muted:224 18% 26%;--muted-foreground:224 12% 72%;--destructive:0 72% 46%;--destructive-foreground:0 0% 98%;--border:224 18% 36%;--input:224 20% 46%;--ring:273.6 91.8% 66.5%;--radius:0.6rem;--brand-gradient-from:273.6 91.8% 66.5%;--brand-gradient-to:273.7 95.6% 73.3%;--hero-surface:hsl(var(--background));--hero-grid-line:hsl(var(--foreground)/0.08);--hero-overlay-from:hsl(var(--background)/0.82);--hero-overlay-mid:hsl(var(--background)/0.48);--hero-overlay-to:hsl(var(--background));--hero-glow-start:hsl(var(--primary)/0.18);--hero-glow-mid:hsl(var(--accent)/0.12)}.bg-brand-gradient{background:linear-gradient(135deg,hsl(var(--brand-gradient-from)) 0,hsl(var(--brand-gradient-to)) 100%)}.bg-accent-soft{background:hsl(var(--accent)/.14)}.option-card{border:1px solid hsl(var(--border));background:hsl(var(--card));transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.option-card:hover{border-color:hsl(var(--primary));background:hsl(var(--card));box-shadow:0 0 0 3px hsl(var(--primary)/.18)}.option-card--selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08);box-shadow:inset 0 0 0 1px hsl(var(--primary)/.35)}.option-card__label{color:hsl(var(--muted-foreground))}.option-card--selected .option-card__label{color:hsl(var(--foreground))}.preview-chip{border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.option-card:hover .preview-chip,.preview-chip{background:hsl(var(--border))}.option-card--selected .preview-chip{background:hsl(var(--primary))}