@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";@font-face{font-family:GyeonggiMillenniumTitle;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Light.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:GyeonggiMillenniumTitle;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Medium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:GyeonggiMillenniumTitle;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Title_Bold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:GyeonggiMillenniumTitle;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/TitleV.woff)format("woff");font-weight:800;font-display:swap}:root{--color-primary:#ae3115;--color-primary-container:#ff6b4a;--color-brand-navy:#1e2c4a;--color-brand-ivory:#faf7f2;--color-surface-lowest:#fff;--color-secondary:#505e7f;color:#0b1c30;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-color:#faf7f2;font-family:Be Vietnam Pro,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background-color:#faf7f2;min-width:320px;min-height:100vh;margin:0}button,a,input,select{font:inherit}.preferred-region-page .preference-dropdown-button{justify-content:space-between;align-items:center;min-height:3rem;line-height:1;display:inline-flex}.preferred-region-page .preference-dropdown-value{flex:auto;min-width:0;line-height:1.25;display:block}.preferred-region-page .preference-dropdown-leading-icon{flex:0 0 1.75rem;justify-content:center;align-items:center;line-height:1;display:inline-flex}.preferred-region-page .preference-dropdown-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.preferred-region-page .selected-region-summary{align-items:center;display:flex}.preferred-region-page .selected-region-summary-content{flex-direction:column;justify-content:center;min-width:0;display:flex}.glass-nav{-webkit-backdrop-filter:blur(20px);background:#ffffffd9}.btn-primary{color:#fff;cursor:pointer;background-color:#ff6b4a;border:none;font-weight:600;transition:all .2s}.btn-primary:hover{transform:scale(1.02);box-shadow:0 8px 24px #ff6b4a4d}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#1e2c4a;cursor:pointer;background:#fff;border:1px solid #1e2c4a29;font-weight:600;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 3px 10px #1e2c4a0d}.btn-secondary:hover{background:#f4f6fa;border-color:#1e2c4a47;transform:translateY(-1px);box-shadow:0 8px 18px #1e2c4a14}.btn-action-chat,.btn-action-location,.btn-action-revoke,.btn-action-logout{cursor:pointer;border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:.375rem;font-weight:700;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn-action-chat{color:#fff;background:#1e2c4a;border-color:#1e2c4a;box-shadow:0 8px 18px #1e2c4a2e}.btn-action-chat:hover{background:#2a3d64;border-color:#2a3d64;transform:translateY(-1px);box-shadow:0 12px 24px #1e2c4a38}.btn-action-location{color:#ae3115;background:#fff2ed;border-color:#ffd2c6;box-shadow:0 5px 14px #ff6b4a17}.btn-action-location:hover{color:#8f2711;background:#ffe7df;border-color:#ffb8a8;transform:translateY(-1px);box-shadow:0 10px 20px #ff6b4a24}.btn-action-revoke{color:#b42318;background:#fff1f0;border-color:#efb8af}.btn-action-revoke:hover{color:#921d14;background:#ffe3e0;border-color:#df8f84;transform:translateY(-1px);box-shadow:0 8px 18px #b423181f}.btn-action-logout{color:#505e7f;background:#f4f6fa;border-color:#dce3ef}.btn-action-logout:hover{color:#1e2c4a;background:#eaf0f8;border-color:#c8d2e2;transform:translateY(-1px);box-shadow:0 8px 18px #1e2c4a14}.btn-action-chat:focus-visible,.btn-action-location:focus-visible,.btn-action-revoke:focus-visible,.btn-action-logout:focus-visible{outline-offset:2px;outline:3px solid #ff6b4a57}@media (width<=640px){.header-logged-in .btn-action-revoke,.header-logged-in .btn-action-logout{width:40px;height:40px;padding:0}.header-logged-in .header-action-label{display:none}}.btn-kakao{color:#000000d9;cursor:pointer;background-color:#fee500;border:none;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #fee5004d}.btn-kakao:hover{transform:scale(1.02);box-shadow:0 6px 18px #fee50066}.btn-google{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #dadce0;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #0000000f}.btn-google:hover{background-color:#f8f9fa;transform:scale(1.02);box-shadow:0 4px 12px #0000001a}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 48px #1e2c4a1a}.chip{color:#ff6b4a;background:#ff6b4a1a}#toast-message{will-change:transform, opacity}#toast-message.toast-enter{animation:.42s cubic-bezier(.22,1,.36,1) both toast-slide-in}#toast-message.toast-leaving{animation:.32s ease-in both toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translate(0,0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){#toast-message{opacity:1;animation:none;transform:none}#toast-message.toast-leaving{opacity:0;animation:.15s ease-out both toast-fade-out;transform:none}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}}.pulse-ring{animation:2.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(.98);box-shadow:0 0 #ff6b4a99}70%{transform:scale(1);box-shadow:0 0 0 12px #ff6b4a00}to{transform:scale(.98);box-shadow:0 0 #ff6b4a00}}.page-shell{background:radial-gradient(circle at 12% 10%,#ff6b4a14,#0000 32%),radial-gradient(circle at 88% 88%,#1e2c4a0f,#0000 34%),#faf7f2;place-items:center;min-height:calc(100vh - 88px);padding:32px 16px;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #e1bfb866;border-radius:28px;width:min(100%,460px);padding:40px 32px;box-shadow:0 24px 60px #1e2c4a1a}.brand-mark{background:#faf7f2;border:1px solid #e1bfb866;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid;overflow:hidden;box-shadow:0 8px 24px #1e2c4a1f}.brand-mark img{object-fit:cover;width:100%;height:100%}.eyebrow{color:#ff6b4a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.auth-card h1{color:#1e2c4a;letter-spacing:-.03em;margin:0;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.3}.auth-card .description{color:#505e7f;margin:12px 0 0;font-size:14px;line-height:1.6}.primary-link,.secondary-link{cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:100%;min-height:50px;margin-top:24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.primary-link{color:#fff;background:#ff6b4a;border:none;box-shadow:0 8px 24px #ff6b4a40}.primary-link:hover{transform:scale(1.02);box-shadow:0 10px 28px #ff6b4a59}.secondary-link{color:#1e2c4a;background:0 0;border:2px solid #1e2c4a}.secondary-link:hover{background:#1e2c4a0d;transform:scale(1.02)}.status-icon{color:#ff6b4a;background:#eff4ff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 24px;display:grid}.status-icon.is-loading{background:0 0;border:4px solid #e5eeff;border-top-color:#ff6b4a;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background-color:#0b1c3073;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0}.modal-backdrop.is-open{opacity:1;pointer-events:auto}.modal-card{background:#fff;border:1px solid #e1bfb866;border-radius:28px;width:min(100%,460px);max-height:90vh;padding:36px 28px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(12px)scale(.98);box-shadow:0 24px 60px #1e2c4a33}.modal-backdrop.is-open .modal-card{transform:translateY(0)scale(1)}.personality-survey-page{background:radial-gradient(circle at 92% 92%,#1e2c4a14,#0000 30%),#faf7f2}.personality-survey-card{box-shadow:0 24px 64px #1e2c4a1a}.survey-dim-card,.survey-food-card,.survey-tag-badge{-webkit-tap-highlight-color:transparent}.survey-dim-card:hover,.survey-food-card:hover,.survey-tag-badge:hover{transform:translateY(-2px)}.survey-tag-badge.is-selected{color:#1e2c4a;background:#fffaf7;border-color:#ff6b4a;box-shadow:0 0 0 2px #ff6b4a1f,0 6px 16px #ff6b4a1a}.survey-tag-badge.is-selected .material-symbols-outlined{color:#ff6b4a}.survey-dim-card:focus-visible,.survey-food-card:focus-visible,.survey-tag-badge:focus-visible,#btn-survey-next:focus-visible,#btn-survey-prev:focus-visible,#btn-survey-submit:focus-visible,#btn-survey-skip:focus-visible,#btn-suggest-tags:focus-visible{outline-offset:2px;outline:3px solid #ff6b4a57}.personality-survey-actions{transition:background-color .2s,box-shadow .2s}@media (width<=640px){.personality-survey-actions{z-index:20;padding:.875rem 1.25rem calc(.875rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-top:1px solid #e1bfb88c;margin-bottom:-1.25rem;margin-left:-1.25rem;margin-right:-1.25rem;position:sticky;bottom:0;box-shadow:0 -10px 28px #1e2c4a14}}@media (prefers-reduced-motion:reduce){.survey-dim-card,.survey-food-card,.survey-tag-badge,.personality-survey-actions{transition:none}.survey-dim-card:hover,.survey-food-card:hover,.survey-tag-badge:hover{transform:none}}.matching-page{background:radial-gradient(circle at 94% 78%,#1e2c4a12,#0000 30%),#faf7f2;min-height:calc(100vh - 88px)}.matching-page .matching-card{border:1px solid #e1bfb88c;box-shadow:0 16px 40px #1e2c4a0f}.matching-page .matching-control{color:#0b1c30;background:#fff;border:1px solid #e1bfb8cc;min-height:48px;transition:border-color .16s,box-shadow .16s}.matching-page .matching-control:focus{border-color:#ff6b4a;outline:none;box-shadow:0 0 0 3px #ff6b4a29}.matching-page .matching-schedule-fields>section{min-width:0}.matching-page .matching-schedule-divider{background:#e1bfb89e;width:100%;height:1px}@media (width>=1024px){.matching-page .matching-schedule-divider{width:1px;height:auto}}.matching-page .matching-calendar-nav{color:#1e2c4a;background:#fff;border:1px solid #e1bfb8a6;border-radius:.75rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:inline-grid}.matching-page .matching-calendar-nav:hover:not(:disabled){color:#ae3115;background:#fff1ed;border-color:#ff6b4a;transform:translateY(-1px)}.matching-page .matching-calendar-nav:disabled{cursor:not-allowed;opacity:.35}.matching-page .matching-calendar-weekdays,.matching-page .matching-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;display:grid}.matching-page .matching-calendar-weekdays{color:#7d7890;text-align:center;font-size:.6875rem;font-weight:800}.matching-page .matching-calendar-weekdays span:first-child{color:#d15d50}.matching-page .matching-calendar-weekdays span:last-child{color:#657ea9}.matching-page .matching-calendar-day{color:#1e2c4a;background:0 0;border:1px solid #0000;border-radius:.8rem;place-items:center;min-width:0;min-height:2.5rem;font-size:.8125rem;font-weight:800;transition:border-color .16s,background-color .16s,color .16s,transform .16s;display:grid;position:relative}.matching-page .matching-calendar-day:hover:not(:disabled){color:#ae3115;background:#fff1ed;border-color:#ff6b4a8c;transform:translateY(-1px)}.matching-page .matching-calendar-day.is-outside{color:#c6c8d0}.matching-page .matching-calendar-day.is-today:after{content:"";background:#ff6b4a;border-radius:999px;width:.25rem;height:.25rem;position:absolute;bottom:.25rem}.matching-page .matching-calendar-day.is-selected{color:#fff;background:#ff6b4a;border-color:#ff6b4a;box-shadow:0 7px 16px #ff6b4a38}.matching-page .matching-calendar-day.is-selected.is-today:after{background:#fff}.matching-page .matching-calendar-day:disabled{cursor:not-allowed;opacity:.52;transform:none}.matching-page .matching-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.matching-page .matching-time-slot{color:#1e2c4a;background:#fff;border:1px solid #e1bfb8b8;border-radius:.75rem;min-height:2.625rem;font-size:.75rem;font-weight:800;transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s}.matching-page .matching-time-slot:hover:not(:disabled){color:#ae3115;background:#fff1ed;border-color:#ff6b4a;transform:translateY(-1px)}.matching-page .matching-time-slot.is-selected{color:#fff;background:#ff6b4a;border-color:#ff6b4a;box-shadow:0 7px 16px #ff6b4a33}.matching-page .matching-time-slot:disabled{cursor:not-allowed;color:#b8bbc5;background:#f7f7f8;border-color:#e1bfb861}.matching-page .matching-time-custom{transition:border-color .16s,box-shadow .16s}.matching-page .matching-time-custom .matching-control{min-height:40px}.matching-page .matching-time-custom:focus-within{border-color:#ff6b4aa6;box-shadow:0 0 0 3px #ff6b4a1f}.matching-page .matching-time-trigger,.matching-page .matching-date-trigger{text-align:left;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}.matching-page .matching-time-trigger:hover,.matching-page .matching-date-trigger:hover{background:#ff6b4a21;border-color:#ff6b4ab3;transform:translateY(-1px);box-shadow:0 8px 18px #ff6b4a1f}.matching-page .matching-time-trigger-icon,.matching-page .matching-date-trigger-icon{transition:background-color .16s,color .16s,transform .16s}.matching-page .matching-time-trigger:hover .matching-time-trigger-icon,.matching-page .matching-date-trigger:hover .matching-date-trigger-icon{color:#fff;background:#ff6b4a;transform:translate(2px)}.matching-page .matching-time-modal{z-index:80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}body.matching-time-modal-open{overflow:hidden}.matching-page .matching-time-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:default;background:#0b1c306b;border:0;width:100%;height:100%;position:absolute;inset:0}.matching-page .matching-time-modal-panel{background:#fff;border:1px solid #e1bfb8b8;border-radius:1.75rem;width:min(100%,32rem);max-height:calc(100vh - 2rem);padding:1.25rem;animation:.22s cubic-bezier(.22,1,.36,1) both matching-time-modal-in;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0b1c3038}.matching-page .matching-time-modal-close{color:#505e7f;background:#fff;border:1px solid #e1bfb89e;border-radius:999px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;transition:border-color .16s,background-color .16s,color .16s;display:inline-grid}.matching-page .matching-time-modal-close:hover{color:#ae3115;background:#fff1ed;border-color:#ff6b4a}.matching-page .matching-time-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.matching-page .matching-time-modal-panel .matching-time-custom .matching-control{min-height:40px}.matching-page .matching-food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.matching-page .matching-food-option{color:#1e2c4a;text-align:left;background:#fff;border:1px solid #e1bfb8b8;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.625rem;min-width:0;min-height:4.5rem;padding:.75rem;transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s;display:grid;position:relative}.matching-page .matching-food-option:hover{background:#fff;border-color:#ff6b4ab8;transform:translateY(-1px)}.matching-page .matching-food-option.is-selected{color:#fff;border-color:#ff6b4a;box-shadow:0 8px 18px #ff6b4a33;background:#ff6b4a!important}.matching-page .matching-food-option.is-selected:hover,.matching-page .matching-food-option.is-selected:active{background:#ff6b4a!important}.matching-page .matching-food-option-icon{color:#ae3115;background:#ffe9e3;border-radius:.75rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-size:1.25rem;display:inline-grid}.matching-page .matching-food-option.is-selected .matching-food-option-icon{color:#fff;background:#fff3}.matching-page .matching-food-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:800;overflow:hidden}.matching-page .matching-food-option-check{color:#0000;justify-content:flex-end;min-width:1.125rem;font-size:1.125rem;display:inline-flex}.matching-page .matching-food-option.is-selected .matching-food-option-check{color:#fff}@media (width>=640px){.matching-page .matching-food-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.matching-page .matching-food-option{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.5rem;min-height:7.5rem;padding:1rem .625rem}.matching-page .matching-food-option-check{position:absolute;top:.625rem;right:.625rem}.matching-page .matching-food-option-label{max-width:100%}}.matching-page .matching-personality-picker{box-shadow:0 14px 34px #1e2c4a0d}.matching-page .matching-personality-heading-icon{color:#ae3115;background:#fff1ed;border-radius:1rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:1.45rem;display:inline-grid}.matching-page .matching-personality-total{color:#ae3115;background:#fff1ed;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.matching-page .matching-personality-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.matching-page .matching-personality-tab{color:#505e7f;text-align:left;background:#fffaf7;border:1px solid #e1bfb8b3;border-radius:1rem;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;min-height:3rem;padding:.65rem .75rem;font-size:.75rem;font-weight:800;transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s;display:flex}.matching-page .matching-personality-tab:hover{color:#ae3115;border-color:#ff6b4ab8;transform:translateY(-1px)}.matching-page .matching-personality-tab.is-active{color:#fff;background:#ff6b4a;border-color:#ff6b4a;box-shadow:0 7px 18px #ff6b4a2e}.matching-page .matching-personality-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.matching-page .matching-personality-tab-count{color:#505e7f;background:#505e7f1a;border-radius:999px;flex-shrink:0;place-items:center;min-width:1.4rem;height:1.4rem;font-size:.6875rem;font-weight:800;display:inline-grid}.matching-page .matching-personality-tab-count.has-selection{color:#ae3115;background:#ffe0d7}.matching-page .matching-personality-tab.is-active .matching-personality-tab-count,.matching-page .matching-personality-tab.is-active .matching-personality-tab-count.has-selection{color:#fff;background:#fff3}.matching-page .matching-personality-panel{border-top:1px solid #e1bfb861;padding-top:1.25rem}.matching-page .matching-personality-grid{grid-template-columns:minmax(0,1fr);gap:.625rem;display:grid}.matching-page .matching-personality-option{color:#1e2c4a;text-align:left;background:#fff;border:1px solid #e1bfb8b8;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-width:0;min-height:4.75rem;padding:.75rem;transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s;display:grid}.matching-page .matching-personality-option:hover{background:#fff;border-color:#ff6b4ab8;transform:translateY(-1px)}.matching-page .matching-personality-option.is-selected{color:#fff;border-color:#ff6b4a;box-shadow:0 8px 18px #ff6b4a33;background:#ff6b4a!important}.matching-page .matching-personality-option.is-selected:hover,.matching-page .matching-personality-option.is-selected:active{background:#ff6b4a!important}.matching-page .matching-personality-option-icon{color:#ae3115;background:#ffe9e3;border-radius:.8rem;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;font-size:1.25rem;display:inline-grid}.matching-page .matching-personality-option.is-selected .matching-personality-option-icon{color:#fff;background:#fff3}.matching-page .matching-personality-option-copy{gap:.15rem;min-width:0;display:grid}.matching-page .matching-personality-option-label{text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:800;overflow:hidden}.matching-page .matching-personality-option-description{color:#7d7890;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;line-height:1.45;overflow:hidden}.matching-page .matching-personality-option.is-selected .matching-personality-option-description{color:#ffffffc7}.matching-page .matching-personality-option-check{color:#505e7f66;font-size:1.25rem}.matching-page .matching-personality-option.is-selected .matching-personality-option-check{color:#fff}@media (width>=640px){.matching-page .matching-personality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.matching-page .matching-personality-tabs{gap:.35rem}.matching-page .matching-personality-tab{padding-inline:.55rem;font-size:.6875rem}.matching-page .matching-personality-option-description{display:none}}@keyframes matching-time-modal-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=480px){.matching-page .matching-time-grid,.matching-page .matching-time-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.matching-page .matching-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.matching-page .matching-stepper-item{color:#505e7f;align-items:center;gap:.5rem;min-width:0;display:flex}.matching-page .matching-stepper-node{color:#505e7f;background:#fff;border:1px solid #8d716a73;border-radius:999px;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:800;display:inline-grid}.matching-page .matching-stepper-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.75rem;font-weight:700;overflow:hidden}.matching-page .matching-stepper-item.is-current{color:#ae3115}.matching-page .matching-stepper-item.is-current .matching-stepper-node{color:#fff;background:#ff6b4a;border-color:#ff6b4a;box-shadow:0 4px 12px #ff6b4a33}.matching-page .matching-stepper-item.is-complete{color:#1e2c4a}.matching-page .matching-stepper-item.is-complete .matching-stepper-node{color:#ae3115;background:#ffe4de;border-color:#ff6b4a}.matching-page .matching-step-progress{background:#eff4ff;border-radius:999px;height:.375rem;margin-top:.75rem;overflow:hidden}.matching-page .matching-step-progress>span{border-radius:inherit;background:linear-gradient(90deg,#ff6b4a,#ffad98);height:100%;transition:width .24s;display:block}.matching-page .matching-selection-summary{border-bottom:1px solid #e1bfb859;padding-bottom:1rem}.matching-page .matching-summary-chip{max-width:100%}.matching-page .matching-form-actions>div:last-child{min-width:0}.matching-page button:focus-visible,.matching-page a:focus-visible,.matching-page input:focus-visible,.matching-page textarea:focus-visible,.matching-page select:focus-visible{outline-offset:2px;outline:3px solid #ff6b4a57}.matching-page .matching-waiting-card{background:radial-gradient(circle at 50% 0,#ff6b4a14,#0000 36%),#fff;overflow:hidden}.matching-page .matching-waiting-scene{grid-template-columns:3.25rem minmax(2.5rem,1fr) 4.5rem minmax(2.5rem,1fr) 3.25rem;align-items:center;width:min(100%,22rem);display:grid}.matching-page .matching-waiting-person,.matching-page .matching-waiting-table{border-radius:999px;place-items:center;display:grid}.matching-page .matching-waiting-person{color:#d84b2c;will-change:transform;background:#fff4f0;border:1px solid #ff6b4a33;width:3.25rem;height:3.25rem;box-shadow:0 8px 20px #1e2c4a14}.matching-page .matching-waiting-person.is-left{animation:2.4s ease-in-out infinite matching-person-left}.matching-page .matching-waiting-person.is-right{animation:2.4s ease-in-out infinite matching-person-right}.matching-page .matching-waiting-table{isolation:isolate;color:#fff;background:#ff6b4a;border:5px solid #fff;width:4.5rem;height:4.5rem;animation:2.4s ease-in-out infinite matching-table-pulse;position:relative;box-shadow:0 10px 26px #ff6b4a40}.matching-page .matching-waiting-table:before{z-index:-1;border-radius:inherit;content:"";border:1px solid #ff6b4a38;animation:2.4s ease-out infinite matching-table-ring;position:absolute;inset:-.7rem}.matching-page .matching-waiting-table .material-symbols-outlined{font-size:1.75rem}.matching-page .matching-waiting-path{justify-content:space-evenly;align-items:center;display:flex}.matching-page .matching-waiting-path i{opacity:.24;background:#ffad98;border-radius:999px;width:.35rem;height:.35rem;animation:1.2s ease-in-out infinite matching-path-dot}.matching-page .matching-waiting-path i:nth-child(2){animation-delay:.16s}.matching-page .matching-waiting-path i:nth-child(3){animation-delay:.32s}.matching-page .matching-waiting-path.is-right{flex-direction:row-reverse}.matching-page .matching-waiting-summary{background:#fffdfa;border:1px solid #e1bfb894;border-radius:1.25rem;overflow:hidden}.matching-page .matching-waiting-summary-item+.matching-waiting-summary-item{border-top:1px solid #e1bfb86b}.matching-page .matching-waiting-summary-icon{color:#ae3115;background:#ffe9e3;border-radius:.7rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;font-size:1.05rem;display:grid}@media (width>=640px){.matching-page .matching-waiting-summary-item+.matching-waiting-summary-item{border-top:0;border-left:1px solid #e1bfb86b}}.matching-page .matching-search-flow{justify-content:center;align-items:center;gap:.55rem;min-height:1rem;display:flex}.matching-page .matching-search-flow>span{opacity:.2;background:#ff6b4a;border-radius:999px;width:.5rem;height:.5rem;animation:1.4s ease-in-out infinite matching-search-dot}.matching-page .matching-search-flow>span:nth-child(2){animation-delay:.14s}.matching-page .matching-search-flow>span:nth-child(3){animation-delay:.28s}.matching-page .matching-search-flow>span:nth-child(4){animation-delay:.42s}.matching-page .matching-search-flow>span:nth-child(5){animation-delay:.56s}.matching-page .matching-avatar-fallback{color:#fff;background:linear-gradient(135deg,#ff6b4a,#1e2c4a);place-items:center;width:100%;height:100%;font-family:Plus Jakarta Sans,Pretendard,sans-serif;font-size:2rem;font-weight:800;display:grid}.matching-page .matching-avatar img.is-hidden{display:none}.matching-page .matching-skeleton{background:linear-gradient(90deg,#eff4ff 25%,#fff 50%,#eff4ff 75%) 0 0/200% 100%;animation:1.4s ease-in-out infinite matching-skeleton}@keyframes matching-person-left{0%,to{transform:translate(0)}50%{transform:translate(.45rem)}}@keyframes matching-person-right{0%,to{transform:translate(0)}50%{transform:translate(-.45rem)}}@keyframes matching-table-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes matching-table-ring{0%{opacity:.75;transform:scale(.88)}75%,to{opacity:0;transform:scale(1.16)}}@keyframes matching-path-dot{0%,to{opacity:.2;transform:scale(.75)}50%{opacity:.9;transform:scale(1)}}@keyframes matching-search-dot{0%,60%,to{opacity:.2;transform:translateY(0)scale(.8)}30%{opacity:1;transform:translateY(-.25rem)scale(1.15)}}@keyframes matching-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.matching-page .matching-skeleton,.matching-page .matching-step-progress>span,.matching-page .matching-time-modal-panel,.matching-page .matching-personality-tab,.matching-page .matching-personality-option{transition:none;animation:none}}@media (width<=640px){.matching-page .matching-stepper,.matching-page .matching-stepper-item{gap:.375rem}.matching-page .matching-stepper-node{width:1.75rem;height:1.75rem}.matching-page .matching-stepper-label{font-size:.6875rem}.matching-page .matching-form-actions>div:last-child,.matching-page .matching-form-actions>div:last-child>button{width:100%}.matching-page .matching-time-modal{align-items:flex-end;padding:0}.matching-page .matching-time-modal-panel{width:100%;max-height:min(680px,92vh);padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));border-radius:1.75rem 1.75rem 0 0}}
