.surface-card.svelte-w2yoly{border:1px solid color-mix(in srgb, var(--color-base-300) 78%, white 22%);background:linear-gradient(180deg, color-mix(in srgb, var(--color-base-100) 97%, white 3%), color-mix(in srgb, var(--color-base-100) 90%, var(--color-base-200) 10%));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.45rem;box-shadow:0 28px 70px -44px #0f172a57,inset 0 1px #fff6}.surface-card-muted.svelte-w2yoly{background:linear-gradient(180deg, color-mix(in srgb, var(--color-base-200) 84%, white 16%), color-mix(in srgb, var(--color-base-100) 65%, var(--color-base-200) 35%))}.surface-card-strong.svelte-w2yoly{border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-base-300) 78%);background:radial-gradient(circle at top left, #ff6b0014, transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-base-100) 96%, white 4%), color-mix(in srgb, var(--color-base-200) 20%, var(--color-base-100) 80%))}.surface-card-accent.svelte-w2yoly{border-color:color-mix(in srgb, var(--color-primary) 26%, var(--color-base-300) 74%);box-shadow:0 30px 80px -54px #ff6b0066}