: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:.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) / .06);--hero-overlay-from:hsl(var(--background) / .85);--hero-overlay-mid:hsl(var(--background) / .35);--hero-overlay-to:hsl(var(--background));--hero-glow-start:hsl(var(--primary) / .14);--hero-glow-mid:hsl(var(--accent) / .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:.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) / .08);--hero-overlay-from:hsl(var(--background) / .82);--hero-overlay-mid:hsl(var(--background) / .48);--hero-overlay-to:hsl(var(--background));--hero-glow-start:hsl(var(--primary) / .18);--hero-glow-mid:hsl(var(--accent) / .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,background-color .2s,box-shadow .2s}.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{background:hsl(var(--border));border:1px solid #0000;transition:background-color .2s,border-color .2s,box-shadow .2s}.option-card:hover .preview-chip{background:hsl(var(--border))}.option-card--selected .preview-chip{background:hsl(var(--primary))}