*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}#app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 20px 60px;display:flex}.progress-wrap{background:var(--surface-sunken);border-radius:var(--radius-pill);height:8px;margin-bottom:16px;overflow:hidden}.progress-bar{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width .3s}.progress-label{font-size:var(--fs-xs);color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-bottom:6px}.card{padding:24px 20px}.intro-header{text-align:center}.intro-header .lede{text-align:left}.intro-logo{object-fit:cover;border-radius:18px;width:72px;height:72px;margin:0 auto 18px;display:block}h1{font-size:var(--fs-lg);text-wrap:balance;margin:0 0 8px}.lede{font-size:var(--fs-base);color:var(--ink-soft);margin:0 0 20px;line-height:1.7}.chunk-label{font-size:var(--fs-xs);color:var(--accent);margin-bottom:14px;font-weight:700}.section-note{font-size:var(--fs-xs);color:var(--good);background:var(--good-soft);border-radius:var(--radius-md);margin-bottom:16px;padding:10px 14px;line-height:1.6}.q-block{margin-bottom:24px}.q-text{font-size:var(--fs-base);text-wrap:balance;margin-bottom:12px;font-weight:600;line-height:1.6}.q-options{flex-direction:column;gap:8px;display:flex}.q-opt{border-radius:var(--radius-lg);border:1.5px solid var(--line);font-size:var(--fs-base);cursor:pointer;background:var(--surface);color:var(--ink);text-align:left;font-family:var(--font);padding:12px 14px}.q-opt.picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.likert-row{gap:6px;display:flex}.likert-opt{border-radius:var(--radius-md);border:1.5px solid var(--line);font-size:var(--fs-xs);text-align:center;cursor:pointer;background:var(--surface);color:var(--ink-soft);font-family:var(--font);flex:1;padding:10px 4px}.likert-opt.picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.field{margin-bottom:16px}.field label{font-size:var(--fs-xs);color:var(--ink-soft);margin-bottom:6px;font-weight:600;display:block}.field input,.field select{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;font-family:var(--font);font-size:var(--fs-base);background:var(--surface-sunken);color:var(--ink);padding:11px 14px}.gender-choice{gap:8px;display:flex}.gender-choice .q-opt{text-align:center;flex:1}.name-pair{gap:8px;display:flex}.name-pair input{flex:1;width:auto;min-width:0}.name-note,.field-note{font-size:var(--fs-xs);color:var(--ink-faint);margin-top:6px;line-height:1.6}.name-note.error{color:var(--danger);font-weight:600}.field-error{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-bottom:16px;padding:10px 14px;font-weight:600}.btn{font-size:var(--fs-base);width:100%;padding:12px 20px}.btn.ghost{margin-top:8px}.footer-note{font-size:var(--fs-2xs);color:var(--ink-faint);text-align:center;margin-top:14px}.center-message{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.center-message .icon{margin-bottom:8px;font-size:32px}.result-card{width:100%}.sisters{width:100%;margin-top:20px}.sisters-note{font-size:var(--fs-xs);color:var(--ink-soft);margin-bottom:10px;line-height:1.6}.event-info{margin:4px 0 18px}.choice-btn{border-radius:var(--radius-lg);border:1.5px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font-family:var(--font);font-size:var(--fs-md);text-align:center;cursor:pointer;margin-bottom:10px;padding:15px 14px;display:block}.choice-btn.yes{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.choice-btn.yes:hover{background:var(--accent-strong)}.stepper{font-size:var(--fs-xs);color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:14px;display:flex}.stepper-item{align-items:center;gap:6px;font-weight:600;display:flex}.stepper-dot{background:var(--surface-sunken);width:22px;height:22px;color:var(--ink-soft);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.stepper-item.current{color:var(--accent-strong)}.stepper-item.current .stepper-dot{background:var(--accent);color:var(--on-accent)}.stepper-item.done .stepper-dot{background:var(--good);color:var(--on-accent)}.stepper-line{background:var(--line);border-radius:1px;flex:1;height:2px}.pay-amount{text-align:center;padding:14px 0 6px}.pay-amount-label{font-size:var(--fs-xs);color:var(--ink-soft);font-weight:700}.pay-amount-value{font-size:var(--fs-xl);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-weight:700}.pay-trust{font-size:var(--fs-sm);color:var(--ink-soft);background:var(--surface-sunken);border-radius:var(--radius-md);margin:14px 0;padding:10px 14px;line-height:1.7}.pay-policy{font-size:var(--fs-sm);color:var(--ink-soft);margin:0 0 16px;line-height:1.7}