:root{color-scheme:light;--bg: #f6efe6;--ink: #241c16;--muted: #4e4036;--card: #fffaf4;--accent: #8a3412;--accent-deep: #6e280e;--soft: #f3e4d4;--line: rgba(36, 28, 22, .14);--good: #1f5c45;--good-bg: #f3f8f4;--bad: #6b4a28;--bad-bg: #fff6ee;--shadow: 0 10px 28px rgba(62, 36, 16, .08);--radius: 18px;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(720px 320px at 80% -80px,#f6d7bf 0%,transparent 70%),var(--bg);color:var(--ink);font-size:17px;line-height:1.75}button,input,a{font:inherit}.wrap{width:min(440px,100%);margin:0 auto;padding:20px 16px calc(36px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:10px;margin:0 0 12px}.brand-mark{width:44px;height:44px;object-fit:contain;flex:none}.hero-row,.result-head{display:grid;gap:8px}.hero{width:min(240px,72%);height:auto;display:block;margin:0 auto}.kicker{margin:0;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.06em}h1{margin:6px 0 12px;font-size:30px;line-height:1.3;letter-spacing:0;font-weight:800}.lead{margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.6}p{margin:0 0 12px}.muted,.help{color:var(--muted)}.help{margin:-4px 0 0;font-size:15px}.mirror{margin:4px 0 14px;padding:14px 16px;background:var(--card);border-radius:var(--radius);border:1px solid var(--line);font-weight:700}.edges,.steps,.options,.future-grid,.stack{display:grid;gap:10px}.edges{margin:16px 0;padding:0;list-style:none}.edges li,.note,.panel,.option,.step,.future{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.edges li,.note,.panel,.future{padding:16px}.future-bad{background:var(--bad-bg);border-color:#6b4a2847}.future-good{background:var(--good-bg);border-color:#1f5c4547}.future-bad .section-title{color:var(--bad)}.future-good .section-title{color:var(--good)}.future-grid{margin:8px 0 16px}.steps{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:#fff3;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:var(--accent);border-radius:inherit}.options{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(138,52,18,.35);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-size:18px;font-weight:800;text-decoration:none;text-align:center;box-shadow:0 8px 0 var(--accent-deep)}.primary:hover{background:var(--accent-deep)}.ghost,.text-btn{border:0;background:transparent;color:var(--accent);font-weight:700}.ghost{width:100%;margin-top:8px}.eyebrow{margin:0 0 4px;color:var(--good);font-size:13px;font-weight:700;letter-spacing:.04em}.section-title{margin:0 0 8px;font-size:18px;line-height:1.4}.stack{margin-top:8px}.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(--good);font-weight:700}.footer{margin-top:24px;color:var(--muted);font-size:13px}.footer a{color:var(--accent)}.noscript{width:min(440px,calc(100% - 32px));margin:24px auto;padding:16px;background:#fff;border-radius:16px;color:var(--ink)}@media(min-width:800px){.wrap{width:min(880px,100%);padding-top:40px}h1{font-size:40px}.hero-row,.result-head{grid-template-columns:280px 1fr;gap:28px;align-items:center}.hero{width:280px;margin:0}.future-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}