:root{--bg: #faf7f2;--panel: #ffffff;--ink: #1d1d1f;--muted: #6b7280;--accent: #7c2d12;--accent-2: #1d4ed8;--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif}.container{max-width:880px;margin:16px auto;padding:0 16px}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}h1,h2{margin:0 0 12px}h1{font-size:28px}h2{font-size:22px;color:var(--accent)}label{font-weight:600}input[type=text],input[type=email]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #e5e7eb;font-size:16px;background:#fff}.pii-card{max-width:1280px;margin:0 auto}.pii-grid{display:grid;grid-template-columns:100px 1fr;gap:14px 16px;align-items:center}.pii-grid .pii-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pii-label{font-weight:700;font-size:14px}.pii-error{color:#b91c1c;font-size:13px;margin:6px 0 0}.pii-policy-box{border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff}.btn-red{background:#7c2d12;color:#fff}.btn-red[disabled]{background:#f1f5f9;color:#9ca3af;cursor:not-allowed}.btn-skip{background:#eff1f3;color:#47484b}button{appearance:none;border:0;border-radius:12px;padding:12px 18px;font-size:16px;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-outline{background:#fff;border:1px solid #e5e7eb;color:var(--ink)}.btn-ghost{background:transparent;color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:220px}.badge{display:inline-block;background:#f3f4f6;color:#374151;border-radius:999px;padding:4px 10px;font-size:12px}.option{border:1px solid #e5e7eb;border-radius:12px;padding:14px;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.option:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.option.selected{border-color:var(--accent-2);box-shadow:0 0 0 3px #1d4ed826}hr{border:0;height:1px;background:#eee;margin:18px 0}small.muted{color:var(--muted)}.footer{margin:18px 0;text-align:center;color:var(--muted)}kbd{background:#111827;color:#fff;border-radius:6px;padding:2px 6px;font-size:12px}.stepper{width:100%;display:flex;justify-content:center;padding:8px 16px 4px}.stepper-inner{width:min(560px,100%);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stepper-item{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.stepper-num{font-size:14px;font-weight:600;color:#9ca3af;line-height:1}.stepper-node{width:34px;height:34px;border-radius:999px;border:1px solid #d1d5db;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px #0000000f;font-size:13px;font-weight:600;color:#9ca3af;line-height:1}.stepper-line{position:absolute;top:18px;left:calc(50% + 28px);right:calc(-50% + 18px);height:2px;background:#e5e7eb}.stepper-label{margin-top:6px;font-size:11px;color:#6b7280;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-node.done{border-color:#111827;background:#fff}.stepper-num.done{color:#111827}.stepper-line.done{background:#111827}.stepper-item.done{color:#271111}.stepper-node.active{border-color:#111827;background:#111827;color:#fff}.stepper-num.active{color:#fff}