.matching-page{--matching-bg:var(--bg);--matching-card:var(--surface);--matching-line:var(--hairline);--matching-text:var(--text);--matching-muted:var(--text-muted);--matching-accent:var(--accent-strong);color:var(--text);width:min(100%,760px);margin:0 auto;padding:20px clamp(20px,4vw,32px) 32px}.matching-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0 0 18px;display:grid}.matching-detail>.matching-header{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.matching-detail>.matching-header h1{text-align:center;grid-column:2}.matching-back-button{min-height:44px;color:var(--accent-strong);background:0 0;grid-column:1;padding:0 10px}.matching-header h1{margin:0}.matching-header p{color:var(--muted);margin:0;line-height:1.7}.matching-eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--accent-tint-text)!important}.matching-form-stack{gap:1rem;display:grid}.matching-preferred-banner{width:100%;min-height:44px;padding:var(--space-lg);border-radius:var(--radius-box);background:var(--gradient-primary);color:var(--on-dark);text-align:left;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 18px;display:grid}.matching-preferred-banner>span:first-child{gap:2px;display:grid}.matching-preferred-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-top:.35rem;display:grid}.matching-preferred-progress-track{border-radius:var(--radius-pill);background:#ffffff59;height:6px;overflow:hidden}.matching-preferred-progress-track>span{border-radius:inherit;background:var(--on-dark);height:100%;transition:width .3s ease-in-out;display:block}.matching-preferred-progress small{color:inherit;font-size:.72rem;font-weight:700}.matching-preferred-banner strong,.matching-preferred-banner small{color:inherit}.matching-card{color:var(--matching-text);background:var(--matching-card);border-radius:var(--radius-box);box-shadow:var(--shadow-button);border:0;padding:14px}fieldset.matching-card{min-width:0;margin:0}.matching-card>.matching-step-header,.matching-conditions-card>summary{padding:0;font-size:1.05rem;font-weight:700}.matching-selection-step>.matching-step-header{font-size:1.25rem}.matching-selection-step>.matching-step-header small{font-size:calc(1.25rem - 9px);font-weight:400}.matching-card>.matching-step-header{color:var(--matching-text)}.matching-selection-step{gap:var(--space-md);display:grid}.matching-step-header{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}.matching-step-header>span:not(.matching-visually-hidden){vertical-align:middle}.matching-step-badge{background:var(--gradient-primary);width:24px;height:24px;color:var(--on-dark);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.matching-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.matching-upcoming-card{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.matching-note{color:var(--matching-muted);font-size:.875rem;line-height:1.6}.matching-status{color:var(--muted);text-align:center;padding:2rem;font-size:.875rem;line-height:1.6}.matching-alert{color:var(--text);background:var(--danger-tint);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-box);margin-bottom:1rem;padding:.9rem 1rem}.matching-alert p{margin:0 0 .5rem}.matching-inline-actions,.matching-dialog-actions,.matching-detail-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.matching-primary-button,.matching-secondary-button,.matching-danger-button,.matching-text-button{border-radius:var(--radius-button);min-height:2.75rem;font:inherit;cursor:pointer;padding:.65rem 1rem;font-weight:700}.matching-page button:focus-visible,.matching-page summary:focus-visible{outline:3px solid var(--matching-accent);outline-offset:3px}.matching-primary-button{border:1px solid var(--hairline);background:var(--gradient-primary);color:var(--on-dark);font-family:var(--font-heading)}.matching-secondary-button{border:1px solid var(--hairline);color:var(--accent-tint-text);background:0 0}.matching-danger-button{border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);color:var(--danger-strong);background:0 0}.matching-text-button{color:var(--matching-text);background:0 0;border:0;text-decoration:underline}.matching-primary-button:disabled,.matching-secondary-button:disabled,.matching-danger-button:disabled{cursor:not-allowed;opacity:.5}.matching-primary-button:disabled{background:var(--text-muted);color:var(--on-dark)}.matching-reserve-button{width:100%;min-height:3.25rem}.matching-premium-benefit{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--matching-line));border-radius:var(--radius-box);background:var(--accent-tint);padding:.9rem 1rem}.matching-premium-benefit p{color:var(--matching-muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.6}.matching-day-scroller{min-width:0;position:relative}.matching-day-scroller .scroll-guide{z-index:2;width:30px;height:30px;min-height:0;color:var(--matching-text);background:var(--surface);box-shadow:var(--shadow-button);opacity:0;transition:opacity var(--transition);pointer-events:none;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%)}.matching-day-scroller[data-scroll-start=true] .scroll-guide.is-start,.matching-day-scroller[data-scroll-end=true] .scroll-guide.is-end{pointer-events:auto}.matching-day-scroller .scroll-guide.is-start{left:0}.matching-day-scroller .scroll-guide.is-end{right:0}.matching-day-scroller:before,.matching-day-scroller:after{z-index:1;content:"";opacity:0;width:44px;transition:opacity var(--transition);pointer-events:none;position:absolute;top:0;bottom:8px}.matching-day-scroller:before{background:linear-gradient(90deg, var(--matching-card) 35%, transparent 100%);left:0}.matching-day-scroller:after{background:linear-gradient(270deg, var(--matching-card) 35%, transparent 100%);right:0}.matching-day-scroller[data-scroll-start=true]:before,.matching-day-scroller[data-scroll-end=true]:after,.matching-day-scroller[data-scroll-start=true] .scroll-guide.is-start,.matching-day-scroller[data-scroll-end=true] .scroll-guide.is-end{opacity:1}@media (width>=480px){.matching-day-scroller{padding-inline:34px}.matching-day-scroller .scroll-guide{display:grid}.matching-day-scroller:before{left:34px}.matching-day-scroller:after{right:34px}}.matching-day-list{padding:var(--space-sm) 6px 2px 0;scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;display:flex;overflow-x:auto}.matching-day-list button,.matching-time-grid button{background:var(--surface-raised);border:1px solid var(--matching-line);color:var(--matching-muted);border-radius:var(--radius-input);flex:none}.matching-day-list button{cursor:pointer;scroll-snap-align:start;white-space:nowrap;flex-direction:column;flex:0 0 calc(33.3333% - 6.66667px);gap:2px;width:calc(33.3333% - 6.66667px);min-height:54px;padding:10px 8px;position:relative}.matching-day-list button.is-selected,.matching-time-grid button.is-selected{background:var(--gradient-primary) border-box;color:var(--on-dark);border:2px solid #0000}.matching-day-list button span{border:1px solid var(--matching-line);border-radius:var(--radius-pill);min-width:1.25rem;min-height:1.25rem;color:var(--accent-tint-text);background:var(--surface);place-items:center;font-size:.7rem;display:grid;position:absolute;top:-7px;right:-6px}.matching-day-list button span:empty{visibility:hidden}.matching-day-list button small{max-width:100%;color:var(--matching-muted);white-space:normal;font-size:.65rem;line-height:1.2;display:block}.matching-day-list button:disabled{cursor:not-allowed;opacity:.5}.matching-time-groups{gap:18px;display:grid}.matching-time-group{gap:9px;display:grid}.matching-time-group h3{color:var(--matching-muted);letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-size:.75rem;font-weight:650;display:flex}.matching-time-group h3:after{background:var(--matching-line);content:"";flex:1;height:1px}.matching-time-group-mark{color:var(--accent-strong);flex:none}.matching-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.matching-time-grid button{border-radius:var(--radius-input);min-height:72px;box-shadow:none;text-align:center;transition:border-color var(--transition), background-color var(--transition), opacity var(--transition);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:7px;padding:11px 24px;display:grid;position:relative;overflow:hidden}.matching-time-grid button:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--matching-line));background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.matching-time-grid button:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent);outline-offset:2px}.matching-time-grid button>strong{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:1.15rem;line-height:1.15}.matching-time-grid button>span{min-width:0;max-width:100%;color:inherit;opacity:.85;font-size:.7rem}.matching-time-grid button:disabled{opacity:.35}.matching-time-grid button.is-selected{border:2px solid var(--matching-accent);background:var(--accent-tint);color:var(--matching-text)}.matching-time-grid button.is-plan-locked{border-color:var(--matching-line);color:var(--matching-text);background:var(--surface)}.matching-time-grid button.is-plan-locked strong{color:var(--matching-text)}.matching-time-grid .matching-time-access{min-width:0;color:var(--matching-muted);font-family:var(--font-sans);opacity:1;grid-template-columns:14px minmax(0,auto);justify-content:center;align-items:center;gap:4px;font-weight:600;display:grid}.matching-time-grid .matching-time-access span{min-width:0;color:inherit;opacity:1;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1.25;overflow:hidden}.matching-time-grid .matching-time-access svg{flex:none}.matching-time-grid .matching-time-gate-arrow{color:var(--matching-muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media (width<=22rem){.matching-time-grid{grid-template-columns:minmax(0,1fr);gap:8px}.matching-time-grid button{min-height:68px;padding-inline:12px}.matching-time-grid .matching-time-access{gap:3px}}.matching-area-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.matching-area-grid label{border-radius:var(--radius-box);background:var(--surface);box-shadow:var(--shadow-button);text-align:left;cursor:pointer;border:0;display:block;position:relative;overflow:hidden}.matching-area-grid label:before{z-index:1;content:"";background:linear-gradient(#0000 42%,#0000009e 100%);position:absolute;inset:0}.matching-area-grid label.is-selected{border:2px solid var(--matching-accent);background:var(--accent-tint)}.matching-area-grid label{border:2px solid #0000}@supports ((-webkit-background-clip:padding-box) or (background-clip:padding-box)){.matching-area-grid label.is-selected{background:linear-gradient(var(--accent-tint), var(--accent-tint)) padding-box, var(--gradient-primary) border-box;border-color:#0000}}.matching-area-grid label.is-selected:after{z-index:3;top:var(--space-sm);right:var(--space-sm);content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.8 4.8L19 7'/%3E%3C/svg%3E"), var(--gradient-primary);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:15px 15px,auto;border-radius:50%;width:26px;height:26px;position:absolute}.matching-area-grid label:has(input:focus-visible){outline:2px solid var(--matching-accent);outline-offset:2px}.matching-area-grid input{opacity:0;pointer-events:none;position:absolute}.matching-area-illustration{object-fit:cover;width:100%;height:108px;display:block}.matching-area-grid label>span{z-index:2;bottom:var(--space-md);left:var(--space-lg);color:var(--on-dark);white-space:nowrap;font-size:1.05rem;font-weight:700;position:absolute}.matching-conditions-card{--matching-card:var(--surface);--matching-line:var(--hairline);--matching-text:var(--text);--matching-muted:var(--text-muted);--matching-accent:var(--accent-strong);color:var(--matching-text)}.matching-conditions-card[open]>summary{margin-bottom:1rem}.matching-conditions-card>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.matching-conditions-card>summary small{color:var(--matching-muted);margin-left:6px;font-size:.72rem;font-weight:500}.matching-conditions-card>summary strong{color:var(--accent-tint-text);white-space:nowrap;font-size:.75rem}.matching-choice-condition .matching-choice-list{flex-wrap:wrap;gap:8px;display:flex}.matching-choice{border:1px solid var(--matching-line);border-radius:var(--radius-pill);background:var(--surface);min-height:36px;color:var(--matching-text);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.matching-choice input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.matching-choice:has(input:checked){border-color:var(--accent);background:var(--accent-tint);color:var(--accent-tint-text);font-weight:700}.matching-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.matching-condition{border:0;border-top:1px solid var(--matching-line);margin:1rem 0 0;padding:1rem 0 0}.matching-condition legend{padding-right:1rem;font-weight:700}.matching-income-condition{border-radius:var(--radius-input);background:var(--surface-raised);border-top:0;padding:14px}.matching-income-condition legend{padding:0}.matching-switch{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.matching-range-fields{align-items:flex-end;gap:.6rem;display:flex}.matching-range-fields label{color:var(--matching-muted);grid-template-columns:1fr auto;gap:.25rem;font-size:.8rem;display:grid}.matching-range-fields input{background:var(--bg);border:1px solid var(--matching-line);width:6rem;min-height:44px;color:var(--matching-text);border-radius:var(--radius-input);font:inherit;grid-row:2;padding:.6rem}.matching-range-fields label span{grid-row:2;align-self:center}.matching-range-fields input[aria-invalid=true]{border-color:var(--danger-strong)}.matching-range-error{color:var(--danger-strong);margin:8px 0 0;font-size:.75rem;line-height:1.5}@media (width<=380px){.matching-range-fields{align-items:stretch;display:grid}.matching-range-fields label{grid-template-columns:minmax(0,1fr) auto}.matching-range-fields input{width:100%;min-width:0}}.matching-condition-summary{color:var(--matching-muted);margin:.8rem 0}.matching-range-help{color:var(--matching-muted);margin:8px 0 0;font-size:.75rem}.matching-dialog-backdrop{z-index:100;width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--matching-text);background:0 0;border:0;place-items:end center;margin:0;padding:1rem;display:grid;position:fixed;inset:0}.matching-dialog-backdrop:not([open]){display:none}.matching-dialog-backdrop::backdrop{background:var(--scrim)}.matching-dialog{background:var(--surface);border:1px solid var(--matching-line);border-radius:var(--radius-prominent);width:min(100%,560px);max-height:90dvh;box-shadow:var(--shadow-card);padding:1.25rem;overflow:auto}.matching-dialog h2{margin-top:.25rem}.matching-dialog-hero{place-items:center;margin:2px auto 12px;display:grid}.matching-heart-mark{background:var(--matching-accent);border-radius:8px 0;width:48px;height:42px;position:relative;transform:rotate(-45deg)}.matching-heart-mark:before,.matching-heart-mark:after{content:"";background:inherit;border-radius:50%;width:48px;height:42px;position:absolute}.matching-heart-mark:before{top:-22px;left:0}.matching-heart-mark:after{top:0;left:22px}.matching-dialog-hero+h2,.matching-dialog-area{text-align:center}.matching-dialog-area{color:var(--matching-muted);margin:-4px 0 12px;font-weight:700}.matching-countdown{border-radius:var(--radius-input);background:var(--accent-tint);justify-content:center;align-items:baseline;gap:10px;margin:0 auto 12px;padding:10px 14px;display:flex}.matching-countdown span{color:var(--matching-muted);font-size:.78rem}.matching-countdown strong{color:var(--matching-accent);font-variant-numeric:tabular-nums;font-size:1.4rem}.matching-summary-list{gap:.5rem;margin:1rem 0;display:grid}.matching-summary-list>div{border-bottom:1px solid var(--matching-line);grid-template-columns:7rem 1fr;gap:.75rem;padding:.55rem 0;display:grid}.matching-summary-list dt{color:var(--matching-muted)}.matching-summary-list dd{margin:0}.matching-summary-list dd span{display:block}.matching-policy-copy{color:var(--matching-muted);font-size:.875rem;line-height:1.6}.matching-policy-consent{color:var(--matching-text);align-items:center;gap:.65rem;font-weight:700;display:flex}.matching-policy-consent input{width:1.25rem;height:1.25rem}.matching-pricing-unavailable{color:var(--warning-strong);font-size:.875rem;line-height:1.6}.matching-history-list{gap:.65rem;display:grid}.matching-history-list>button{text-align:left;min-height:76px;color:var(--matching-text);background:var(--matching-card);border-radius:var(--radius-input);box-shadow:var(--shadow-button);cursor:pointer;border:0;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.matching-history-date{border-radius:var(--radius-input);background:var(--accent-tint);color:var(--accent-tint-text);align-self:stretch;place-items:center;display:grid}.matching-history-date small{align-self:end;font-size:.68rem}.matching-history-date strong{align-self:start;font-size:1.35rem;line-height:1.1}.matching-history-copy{gap:4px;min-width:0;display:grid}.matching-history-copy strong,.matching-history-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.matching-history-copy small{color:var(--matching-muted);font-size:.76rem}.matching-status-pill{border-radius:var(--radius-pill);color:var(--accent-tint-text);border:1px solid;align-self:center;padding:.2rem .5rem;font-size:.72rem}.matching-status-pill.status-cancelled{color:var(--danger-strong)}.matching-status-pill.status-completed{color:var(--matching-muted)}.matching-history-skeleton{border-radius:var(--radius-input);background:linear-gradient(90deg, var(--surface-raised), var(--surface), var(--surface-raised));background-size:200% 100%;height:76px;animation:1.4s ease-in-out infinite matching-shimmer}@keyframes matching-shimmer{to{background-position:-200% 0}}.matching-load-more{margin:1rem auto;display:block}.matching-empty{text-align:center;color:var(--muted);padding:3rem 1rem}.matching-photo-strip{scroll-snap-type:x mandatory;grid-auto-columns:100%;grid-auto-flow:column;gap:.6rem;width:min(100%,360px);margin-inline:auto;display:grid;overflow-x:auto}.matching-photo-strip img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-media);scroll-snap-align:start;width:100%}.matching-photo-placeholder{border-radius:var(--radius-media);background:var(--surface-raised);min-height:14rem;color:var(--matching-muted);text-align:center;place-items:center;padding:1rem;display:grid}.matching-photo-placeholder.is-locked{border:1px solid var(--matching-line)}.matching-photo-safety-note{color:var(--matching-muted);margin:.6rem 0 0;font-size:.75rem;line-height:1.5}.matching-profile-heading h3{margin-bottom:.2rem}.matching-profile-heading p{color:var(--matching-muted);margin-top:0}.matching-profile-grid{gap:0;display:grid}.matching-profile-grid>div{border-bottom:1px solid var(--matching-line);grid-template-columns:minmax(7rem,38%) minmax(0,1fr);gap:12px;padding:12px 2px;display:grid}.matching-profile-grid dt{color:var(--matching-muted);font-size:.75rem}.matching-profile-grid dd{margin:0}.matching-profile-copy{white-space:pre-wrap;line-height:1.7}.matching-profile-copy h3{color:var(--matching-muted);margin-bottom:.25rem;font-size:.9rem}.matching-profile-copy p{margin-top:0}.matching-profile-placeholder{color:var(--matching-muted)}.matching-compatibility{border-radius:var(--radius-input);width:fit-content;color:var(--matching-accent);background:var(--accent-tint);gap:2px;margin:0 0 14px;padding:9px 12px;display:grid}.matching-compatibility span{color:var(--matching-muted);font-size:.72rem}.matching-detail{gap:1rem;display:grid}.matching-status-hero{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.matching-status-hero h2,.matching-status-hero p{margin:0}.matching-status-hero p{color:var(--matching-muted);margin-top:3px;font-size:.85rem}.matching-status-icon{background:var(--gradient-primary);border-radius:50%;width:42px;height:42px}.matching-status-hero.status-cancelled .matching-status-icon{background:var(--danger-tint)}.matching-status-hero.status-completed .matching-status-icon{background:var(--surface-raised)}.matching-date-card h2{margin-top:0;font-size:1rem}.matching-detail-actions{display:grid}.matching-detail-actions>button{width:100%}.matching-safety-actions summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.matching-safety-actions button{display:block}@media (width>=640px){.matching-dialog-backdrop{place-items:center}}@media (width<=560px){.matching-page{padding-inline:20px}.matching-upcoming-card{flex-direction:column;align-items:flex-start}.matching-summary-list>div{grid-template-columns:1fr;gap:.2rem}.matching-dialog-actions{display:grid}.matching-dialog-actions>button{width:100%}.matching-history-list>button{grid-template-columns:48px minmax(0,1fr)}.matching-history-list>button>.matching-status-pill{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.matching-page *{scroll-behavior:auto!important}.matching-history-skeleton{animation:none}}