:root{color-scheme:light;--bg: #f3f0fa;--ink: #1b1630;--muted: #5e5872;--card: #fffcff;--accent: #4e3f86;--soft: #e6e0f6;--line: rgba(78, 63, 134, .16);--blue: #2f6f8f;--shadow: 0 8px 24px rgba(40, 28, 72, .08);--radius: 16px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(900px 420px at 50% -120px,#e4dcf8 0%,transparent 70%),var(--bg);color:var(--ink);font-size:16px;line-height:1.7}button,input,a{font:inherit}.wrap{width:min(440px,100%);margin:0 auto;padding:24px 16px calc(32px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:12px;margin:0 0 8px}.brand svg{width:48px;height:48px;flex:none}.kicker{margin:0;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.04em}h1{margin:8px 0 16px;font-size:28px;line-height:1.35;letter-spacing:.01em}.lead{margin:0 0 16px;font-size:17px;font-weight:700;line-height:1.6}p{margin:0 0 12px}.muted{color:var(--muted)}.edges{display:grid;gap:8px;margin:16px 0;padding:0;list-style:none}.edges li,.note,.panel,.option,.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.edges li,.note,.panel{padding:16px}.steps{display:grid;gap:8px;margin:16px 0}.step{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0}.step-index{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:700;flex:none}.step[aria-current=step]{background:var(--accent);color:#fff;border-color:transparent}.step[aria-current=step] .step-index{background:#ffffff2e;color:#fff}.progress{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;color:var(--muted);font-size:14px;font-weight:700}.bar{height:8px;border-radius:999px;background:var(--soft);overflow:hidden;margin-bottom:16px}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--blue));border-radius:inherit}.options{display:grid;gap:8px;margin:16px 0}.option{width:100%;text-align:left;padding:16px;min-height:56px;color:inherit;cursor:pointer}.option:hover,.option:focus-visible,.primary:focus-visible,.text-btn:focus-visible,.ghost:focus-visible{border-color:var(--accent);outline:3px solid rgba(78,63,134,.28);outline-offset:2px}.primary,.ghost,.text-btn{min-height:56px;border-radius:999px;cursor:pointer}.primary{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;padding:16px 20px;border:0;background:var(--accent);color:#fff;font-weight:700;text-decoration:none;text-align:center}.primary:hover{background:#3f326e}.ghost,.text-btn{border:0;background:transparent;color:var(--accent);font-weight:700}.ghost{width:100%;margin-top:8px}.help{margin:-4px 0 0;color:var(--muted);font-size:14px}.eyebrow{margin:0 0 4px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.04em}.section-title{margin:0 0 8px;font-size:18px;line-height:1.4}.stack{display:grid;gap:12px;margin-top:16px}.keyword-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.keyword-row input{width:100%;min-height:56px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);font-size:20px;font-weight:700;text-align:center;letter-spacing:.06em}.text-btn{padding:0 16px;background:var(--card);border:1px solid var(--line)}.status{min-height:1.5em;margin:8px 0 0;color:var(--blue);font-weight:700}.footer{margin-top:24px;color:var(--muted);font-size:13px}.footer a{color:var(--blue)}.noscript{width:min(440px,calc(100% - 32px));margin:24px auto;padding:16px;background:#fff;border-radius:16px}@media(min-width:800px){.wrap{padding-top:48px}h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}