.cf-card{position:relative;border-radius:1.75rem;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(14px);padding:2rem 1.5rem;box-shadow:0 1px 2px rgba(10,16,24,.05),0 40px 90px -40px rgba(10,16,24,.45),inset 0 0 0 1px var(--card-edge)}.cf-card:before{content:"";position:absolute;inset-inline:12%;top:0;height:1px;background:linear-gradient(to right,transparent,var(--card-hairline),transparent)}@media (min-width:1024px){.cf-card{padding:2.5rem 2.75rem 2.25rem}}.cf-done{text-align:center;padding-block:3.5rem}.cf-label{display:block;margin-bottom:.375rem;font-family:var(--font-ui);font-size:.8125rem;font-weight:700;color:var(--color-foreground)}.cf-chip{display:inline-flex;align-items:center;min-height:2.375rem;padding:0 .875rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-background);font-size:.8125rem;font-weight:600;color:var(--brand-body-text);cursor:pointer;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}.cf-chip:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));color:var(--color-foreground)}.cf-chip[data-on="1"]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--color-primary) 80%,transparent)}.cf-chip:has(input:focus-visible){outline:3px solid var(--color-ring);outline-offset:2px}.cf-door{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:1.25rem;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--card-edge);transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .25s ease-out,box-shadow .25s ease-out}.cf-door:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border));box-shadow:inset 0 0 0 1px var(--card-edge),0 24px 50px -28px rgba(10,16,24,.5)}.cf-door-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:.875rem;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.cf-door[data-tone=teal] .cf-door-icon{color:var(--brand-teal-flow,#2c8487);background:color-mix(in srgb,var(--color-secondary) 14%,transparent)}.cf-door[data-tone=amber] .cf-door-icon{color:color-mix(in srgb,var(--color-accent) 70%,var(--color-foreground));background:color-mix(in srgb,var(--color-accent) 16%,transparent)}