:root{--modern-bg: oklch(.965 .002 270);--modern-surface: oklch(1 0 0);--modern-surface-elevated: oklch(.99 .003 150);--modern-card: oklch(1 0 0);--modern-card-hover: oklch(.98 .005 150);--modern-border: oklch(.9 .005 270);--modern-border-hover: oklch(.85 .01 270);--modern-shadow: 0 1px 3px 0 oklch(0 0 0 / .1), 0 1px 2px 0 oklch(0 0 0 / .06);--modern-shadow-elevated: 0 4px 6px -1px oklch(0 0 0 / .1), 0 2px 4px -2px oklch(0 0 0 / .06);--modern-shadow-lg: 0 10px 15px -3px oklch(0 0 0 / .1), 0 4px 6px -4px oklch(0 0 0 / .06);--glass-bg: color-mix(in oklab, white 65%, transparent);--glass-surface: color-mix(in oklab, white 75%, transparent);--glass-surface-elevated: color-mix(in oklab, white 85%, transparent);--glass-card: color-mix(in oklab, white 60%, transparent);--glass-card-hover: color-mix(in oklab, white 70%, transparent);--glass-border: color-mix(in oklab, white 60%, transparent);--glass-border-hover: color-mix(in oklab, white 70%, transparent);--glass-shadow: 0 8px 32px 0 oklch(0 0 0 / .12);--glass-backdrop: blur(20px) saturate(140%)}.dark{--modern-bg: oklch(.18 .01 270);--modern-surface: oklch(.22 .01 270);--modern-surface-elevated: oklch(.25 .01 270);--modern-card: oklch(.22 .01 270);--modern-card-hover: oklch(.28 .01 270);--modern-border: oklch(1 0 0 / .1);--modern-border-hover: oklch(1 0 0 / .15);--modern-shadow: 0 1px 3px 0 oklch(0 0 0 / .3), 0 1px 2px 0 oklch(0 0 0 / .2);--modern-shadow-elevated: 0 4px 6px -1px oklch(0 0 0 / .3), 0 2px 4px -2px oklch(0 0 0 / .2);--modern-shadow-lg: 0 10px 15px -3px oklch(0 0 0 / .3), 0 4px 6px -4px oklch(0 0 0 / .2);--glass-bg: color-mix(in oklab, var(--color-foreground) 4%, transparent);--glass-surface: color-mix(in oklab, var(--color-foreground) 6%, transparent);--glass-surface-elevated: color-mix(in oklab, var(--color-foreground) 8%, transparent);--glass-card: color-mix(in oklab, var(--color-foreground) 3%, transparent);--glass-card-hover: color-mix(in oklab, var(--color-foreground) 5%, transparent);--glass-border: color-mix(in oklab, var(--color-foreground) 8%, transparent);--glass-border-hover: color-mix(in oklab, var(--color-foreground) 10%, transparent);--glass-shadow: 0 8px 32px 0 oklch(0 0 0 / .4)}.modern-minimal{--color-background: var(--modern-bg);--color-surface: var(--modern-surface);--color-surface-elevated: var(--modern-surface-elevated);--color-card: var(--modern-card);--color-card-hover: var(--modern-card-hover);--color-border: var(--modern-border);--color-border-hover: var(--modern-border-hover);--shadow-soft: var(--modern-shadow);--shadow-card: var(--modern-shadow-elevated);--shadow-glow: var(--modern-shadow-lg)}.modern-minimal .card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-minimal .card.border-2{border:2px solid var(--color-border)}.modern-minimal .unified-card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-minimal .unified-card.variant-default{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem}.modern-minimal .unified-card.variant-elevated{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:1rem;box-shadow:var(--shadow-card)}.modern-minimal .unified-card.variant-interactive{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer}.modern-minimal .unified-card.variant-minimal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem}.modern-minimal .unified-card.selected{background:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-lg);ring:2px solid var(--color-primary);ring-opacity:.2}.modern-minimal .unified-card.hover{background:var(--color-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.modern-minimal .unified-card.size-sm{padding:1rem}.modern-minimal .unified-card.size-md{padding:1.5rem}.modern-minimal .unified-card.size-lg{padding:2rem}.modern-minimal .unified-card.size-xl{padding:2.5rem}.modern-minimal .card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-1px)}.modern-minimal .surface{background:var(--color-surface);border:1px solid var(--color-border)}.modern-minimal .surface-elevated{background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.modern-minimal .glass,.modern-minimal .glass-dark{background:var(--color-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border)}.modern-minimal *{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.glassmorphism{--color-background: var(--color-background);--color-surface: var(--glass-surface);--color-surface-elevated: var(--glass-surface-elevated);--color-card: var(--glass-card);--color-card-hover: var(--glass-card-hover);--color-border: var(--glass-border);--color-border-hover: var(--glass-border-hover);--shadow-soft: var(--glass-shadow);--shadow-card: var(--glass-shadow);--shadow-glow: var(--glass-shadow)}.glassmorphism .card{background:var(--color-card);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.4,0,.2,1)}.glassmorphism .card:hover{background:var(--color-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.glassmorphism .surface{background:var(--color-surface);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--color-border)}.glassmorphism .surface-elevated{background:var(--color-surface-elevated);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.glassmorphism .glass,.glassmorphism .glass-dark{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border)}.glassmorphism *{transition:all .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1)}.appearance-transitioning{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.appearance-surface{background:var(--color-surface);border:1px solid var(--color-border)}.appearance-card{background:var(--color-card);border:1px solid var(--color-border)}.appearance-card-hover{background:var(--color-card-hover);border-color:var(--color-border-hover)}.appearance-surface-elevated{background:var(--color-surface-elevated);border:1px solid var(--color-border)}