.match-flow[data-daleel-ui=v2]{background:var(--d2-color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:match-backdrop-in var(--d2-motion-modal) ease both;place-items:center;padding:1.25rem}.match-flow .match-dialog{border:1px solid var(--d2-color-border);background:var(--d2-color-surface);width:min(38rem,100%);max-height:min(46rem,100dvh - 2.5rem);color:var(--d2-color-text);box-shadow:var(--d2-shadow-popover);animation:match-panel-in var(--d2-motion-sheet) var(--d2-ease-emphasized) both;border-radius:1.5rem;grid-template-rows:auto auto minmax(0,1fr) auto}.match-flow .match-dialog-header{border:0;align-items:flex-start;padding:1.5rem 1.75rem 1.25rem}.match-flow .match-dialog-header p{color:var(--d2-color-link);font-size:var(--d2-type-caption-size);line-height:var(--d2-type-caption-line);text-transform:none;letter-spacing:0;margin-bottom:.5rem;font-weight:600}.match-flow .match-dialog-header h2{font-size:var(--d2-type-title-size);line-height:var(--d2-type-title-line);letter-spacing:var(--d2-letter-spacing-heading)}.match-intro{color:var(--d2-color-text-muted);font-size:var(--d2-type-label-size);line-height:var(--d2-type-label-line);margin-top:.375rem;display:block}.match-flow .match-dialog-close{background:var(--d2-color-background-secondary);border-color:var(--d2-color-border-strong);width:44px;height:44px;color:var(--d2-color-text-secondary);flex:0 0 44px}.match-progress{padding:0 1.75rem}.match-progress-track{gap:.375rem;margin-bottom:.625rem;display:flex}.match-progress-track span{background:var(--d2-color-border);height:4px;transition:background-color var(--d2-motion-sheet) ease;border-radius:999px;flex:1}.match-progress-track .is-complete{background:var(--d2-color-brand)}.match-progress-track .is-current{background:var(--d2-color-selected-border)}.match-progress>span{color:var(--d2-color-text-muted);font-size:var(--d2-type-caption-size);line-height:var(--d2-type-caption-line)}.match-flow .match-dialog-body{overscroll-behavior:contain;padding:1.5rem 1.75rem 1.75rem;display:block}@media (min-width:48rem){.match-flow .match-dialog{height:min(44rem,100dvh - 2.5rem)}}.match-step{--match-slide:16px;min-height:18rem;animation:match-step-in var(--d2-motion-sheet) var(--d2-ease-emphasized) both}.match-step[data-direction=back],.match-flow[dir=rtl] .match-step{--match-slide:-16px}.match-flow[dir=rtl] .match-step[data-direction=back]{--match-slide:16px}.match-step.is-leaving{animation:match-step-out var(--d2-motion-standard) ease both;pointer-events:none}.match-step-emblem{border:1px solid var(--d2-color-border);width:3.25rem;height:3.25rem;color:var(--d2-color-link);background:var(--d2-color-hover);border-radius:1rem;place-items:center;margin-bottom:1rem;display:grid}.match-step-emblem svg{width:1.625rem;height:1.625rem}.match-step-emblem.is-ready{background:var(--d2-color-brand);color:var(--d2-color-on-brand);border-radius:50%}.match-step h3{font-size:var(--d2-type-heading-size);line-height:var(--d2-type-heading-line);letter-spacing:var(--d2-letter-spacing-heading);outline:none;margin:0;font-weight:600}.match-step-help{color:var(--d2-color-text-muted);font-size:var(--d2-type-label-size);line-height:var(--d2-type-label-line);margin:.5rem 0 1.5rem}.match-flow .match-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.match-flow .match-choice-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.match-flow .match-choice{border:1px solid var(--d2-color-border-strong);border-radius:var(--d2-radius-lg);min-width:0;min-height:8rem;color:var(--d2-color-text);background:var(--d2-color-surface);font-size:var(--d2-type-label-size);line-height:var(--d2-type-label-line);transition:background-color var(--d2-motion-standard) ease, border-color var(--d2-motion-standard) ease, transform var(--d2-motion-standard) var(--d2-ease-standard), box-shadow var(--d2-motion-standard) ease;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem .625rem;display:flex;position:relative}.match-choice-label{overflow-wrap:anywhere;font-weight:600}.match-choice-icon{color:var(--d2-color-text-secondary)}.match-choice-icon svg{width:1.75rem;height:1.75rem;display:block}.match-flow .match-choice small{color:var(--d2-color-text-muted);font-size:.75rem;line-height:1.4}.match-flow .match-choice.is-active{color:var(--d2-color-text);border-color:var(--d2-color-selected-border);background:var(--d2-color-selected);box-shadow:inset 0 0 0 1px var(--d2-color-selected-border)}.match-flow .match-choice.is-active .match-choice-icon{color:var(--d2-color-link)}.match-choice-check{width:1rem;height:1rem;color:var(--d2-color-link);opacity:0;transition:opacity var(--d2-motion-fast) ease, transform var(--d2-motion-fast) ease;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;transform:scale(.6)}.match-choice.is-active .match-choice-check{opacity:1;transform:scale(1)}.match-choice-check svg{width:100%;height:100%}.match-flow .is-budget{grid-template-columns:repeat(4,minmax(0,1fr))}.match-flow .is-budget .match-choice:last-child{flex-direction:row;grid-column:1/-1;min-height:44px;padding:.75rem}.match-flow .is-budget .match-choice:last-child svg{width:1.25rem;height:1.25rem}.match-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.match-review-answer{text-align:start;border:1px solid var(--d2-color-border-strong);border-radius:var(--d2-radius-md);background:var(--d2-color-surface);min-height:4.5rem;color:var(--d2-color-text);cursor:pointer;align-items:center;gap:.625rem;padding:.75rem;display:flex}.match-review-answer>span:nth-child(2){flex:1;min-width:0}.match-review-answer small{color:var(--d2-color-text-muted);font-size:var(--d2-type-caption-size);line-height:var(--d2-type-caption-line);display:block}.match-review-answer strong{font-size:var(--d2-type-label-size);line-height:var(--d2-type-label-line);overflow-wrap:anywhere;font-weight:600;display:block}.match-review-icon svg{width:1.25rem;height:1.25rem;color:var(--d2-color-link)}.match-review-edit{color:var(--d2-color-text-muted)}.match-flow .match-dialog-actions{border-color:var(--d2-color-border);background:var(--d2-color-surface);gap:.75rem;padding:1rem 1.75rem}.match-flow .match-dialog-actions button{border-radius:var(--d2-radius-md);min-height:44px;font-size:var(--d2-type-label-size);line-height:var(--d2-type-label-line);justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.match-back,.match-flow .match-clear{color:var(--d2-color-text-secondary);border:1px solid var(--d2-color-border-strong);background:var(--d2-color-surface)}.match-back svg{width:1rem;height:1rem}.match-flow[dir=rtl] .match-back svg{transform:scaleX(-1)}.match-flow .match-apply{background:var(--d2-color-brand);color:var(--d2-color-on-brand);border:1px solid var(--d2-color-selected-border);flex:0 auto}.match-flow-hint{text-align:end;font-size:var(--d2-type-caption-size);line-height:var(--d2-type-caption-line);color:var(--d2-color-text-muted)}.match-flow button:disabled{cursor:default}.match-flow .match-dialog-actions button:disabled{color:var(--d2-color-text-disabled);opacity:.7}.match-flow button:focus-visible{outline:3px solid var(--d2-color-focus);outline-offset:3px}@media (hover:hover){.match-flow .match-choice:not(:disabled):hover{background:var(--d2-color-hover);border-color:var(--d2-color-selected-border);box-shadow:var(--d2-shadow-raised);transform:translateY(-3px)}.match-flow .match-choice.is-active:hover{background:var(--d2-color-selected)}.match-flow .match-review-answer:hover,.match-flow .match-back:hover,.match-flow .match-clear:not(:disabled):hover,.match-flow .match-dialog-close:hover{background:var(--d2-color-hover)}.match-flow .match-apply:hover{filter:brightness(1.06)}}.match-flow .match-choice:not(:disabled):active{transform:scale(.97)}.match-flow.is-closing{animation:match-backdrop-out var(--d2-motion-modal) ease both;pointer-events:none}.match-flow.is-closing .match-dialog{animation:match-panel-out var(--d2-motion-modal) var(--d2-ease-standard) both}@keyframes match-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes match-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes match-panel-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes match-panel-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes match-step-in{0%{opacity:0;transform:translateX(var(--match-slide))}to{opacity:1;transform:none}}@keyframes match-step-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateX(calc(var(--match-slide) * -1))}}@media (max-width:47.999rem){.match-flow[data-daleel-ui=v2]{place-items:end center;padding:0}.match-flow .match-dialog{border-width:1px 0 0;border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:calc(100dvh - 1rem)}.match-flow .match-dialog-header{padding:1rem 1rem .75rem}.match-flow .match-dialog-header p{display:none}.match-progress{padding-inline:1rem}.match-flow .match-dialog-body{padding:1.25rem 1rem 1.5rem}.match-step{min-height:15rem}.match-step-emblem{width:2.5rem;height:2.5rem;margin-bottom:.75rem}.match-step h3{font-size:min(var(--d2-type-heading-size), 1.625rem)}.match-step-help{margin:.375rem 0 1rem}.match-flow .match-choice-grid{gap:.5rem}.match-flow .match-choice{flex:none;min-height:6.5rem;padding-inline:.375rem}.match-flow .is-budget{grid-template-columns:repeat(2,minmax(0,1fr))}.match-flow .is-budget .match-choice{gap:.25rem;min-height:4rem;padding-block:.5rem}.match-flow .is-budget .match-choice-icon{display:none}.match-flow .match-dialog-actions{padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom))}.match-review-grid{grid-template-columns:1fr}.match-flow .match-clear{white-space:nowrap}}@media (max-width:23rem){.match-flow .match-intro{display:none}}html[data-motion=reduced] .match-flow *,html[data-motion=reduced] .match-flow{transition-duration:0s!important;animation-duration:0s!important}html[data-motion=reduced] .match-flow .match-choice:hover,html[data-motion=reduced] .match-flow .match-choice:active{transform:none}@media (prefers-reduced-motion:reduce){.match-flow *,.match-flow{transition-duration:0s!important;animation-duration:0s!important}.match-flow .match-choice:hover,.match-flow .match-choice:active{transform:none}}