@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";html{scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:root{--pink:#e88c9a;--pink-light:#f7d9de;--pink-pale:#fff0f2;--bg:#fff9fa;--white:#fff;--text:#2a2a2a;--muted:#888;--muted-light:#bbaaaf;--border:#eadfe2;--shadow-sm:0 1px 4px #e88c9a1a;--shadow:0 4px 20px #e88c9a24;--r-sm:8px;--r:16px;--r-lg:24px;--r-pill:9999px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.02em;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,sans-serif;font-size:15px;line-height:1.6}#root{background:var(--bg);max-width:430px;min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden}.btn{border-radius:var(--r-pill);letter-spacing:.05em;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:opacity .18s,background .18s;display:flex}.btn-primary{background:var(--pink);color:#fff}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.8}.btn-secondary{color:var(--pink);border:1.5px solid var(--pink);background:#fff}.btn-secondary:hover{background:var(--pink-light)}.btn-ghost{color:var(--muted);background:0 0;border:none;width:auto;padding:8px 0;font-size:13px;font-weight:400}.card{background:var(--white);border-radius:var(--r);border:1px solid var(--border);padding:20px}.input{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:13px 16px;font-size:15px;transition:border-color .18s;display:block}.input:focus{border-color:var(--pink)}.input::placeholder{color:var(--muted-light)}.label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.label-optional{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.tag{background:var(--pink-light);color:var(--pink);border-radius:var(--r-pill);align-items:center;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.badge{background:var(--pink-light);color:var(--pink);border-radius:var(--r-pill);letter-spacing:.04em;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.avatar{background:var(--pink-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.avatar-lg{background:var(--pink-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:34px;display:flex}.avatar-xl{background:var(--pink-light);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;font-size:44px;display:flex}.divider{background:var(--border);height:1px;margin:16px 0}.choice-group{flex-direction:column;gap:10px;display:flex}.choice-option{text-align:left;border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);background:#fff;padding:13px 16px;font-size:14px;transition:all .15s;display:block}.choice-option:hover{border-color:var(--pink);background:var(--pink-pale)}.choice-option.selected{border-color:var(--pink);background:var(--pink-light);color:var(--pink);font-weight:600}.tag-group{flex-wrap:wrap;gap:8px;display:flex}.tag-option{border:1.5px solid var(--border);border-radius:var(--r-pill);color:var(--text);background:#fff;padding:7px 15px;font-size:13px;transition:all .15s}.tag-option:hover{border-color:var(--pink)}.tag-option.selected{border-color:var(--pink);background:var(--pink-light);color:var(--pink);font-weight:600}.step-bar{justify-content:center;gap:6px;padding:16px 0;display:flex}.step-dot{border-radius:var(--r-pill);background:var(--border);width:6px;height:6px;transition:all .3s}.step-dot.done{background:var(--pink-light)}.step-dot.active{background:var(--pink);width:28px}.page-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:100;background:#fff9faeb;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.page-header-title{flex:1;font-size:16px;font-weight:700}.back-btn{color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;display:flex}.logo-mark{color:var(--pink);letter-spacing:-.5px;font-size:22px;font-weight:700}.logo-sub{color:var(--muted);letter-spacing:2px;margin-top:1px;font-size:10px}.section-label{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.with-nav{padding-bottom:80px}.page-body{padding:0 20px}.faq-item{border-bottom:1px solid var(--border)}.faq-question{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:14px;font-weight:600;display:flex}.faq-answer{color:var(--muted);padding-bottom:16px;font-size:13px;line-height:1.75}.chat-bubble-them,.chat-bubble-me{word-break:break-word;border-radius:18px;max-width:76%;padding:10px 14px;font-size:14px;line-height:1.6}.chat-bubble-them{border:1px solid var(--border);color:var(--text);background:#fff;border-bottom-left-radius:4px}.chat-bubble-me{background:var(--pink);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.chat-time{color:var(--muted-light);margin-top:4px;font-size:10px}.compat-bar-bg{background:var(--border);border-radius:var(--r-pill);height:6px;overflow:hidden}.compat-bar-fill{background:linear-gradient(90deg, var(--pink-light), var(--pink));border-radius:var(--r-pill);height:100%;transition:width .8s}.match-card{background:linear-gradient(145deg, #fff 0%, var(--pink-pale) 100%);border:1px solid var(--border);text-align:center;border-radius:24px;padding:28px 24px}.notif-dot{background:var(--pink);border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}