:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8ed;--ink:#23211d;--muted:#6e665c;--panel:#fff;--line:#eadfce;--accent:#0f7c74;--accent-dark:#075f59;--sun:#f5bd3f;--peach:#ff8f70;--mint:#dff5ea;--blue:#e5f0ff;--shadow:0 18px 55px #47371f24}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,#f5bd3f42,#0000 32rem),linear-gradient(135deg,#fff8ed 0%,#f2fbf6 46%,#fff3ee 100%);margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}button{font:inherit}.shell{width:min(100%,1040px);margin:0 auto;padding:24px 18px 36px}.hero{min-height:330px;box-shadow:var(--shadow);background:linear-gradient(120deg,#fffffff0,#ffffffb8),repeating-linear-gradient(135deg,#0f7c7414 0 12px,#0000 12px 24px);border:1px solid #eadfcee6;border-radius:28px;grid-template-columns:1.5fr .8fr;align-items:stretch;gap:18px;padding:28px;display:grid}.heroText{flex-direction:column;justify-content:center;min-width:0;display:flex}.eyebrow{width:fit-content;color:var(--accent-dark);background:var(--mint);border-radius:999px;margin:0 0 14px;padding:8px 12px;font-size:.9rem;font-weight:700}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:12em;margin:0;font-size:clamp(2.3rem,7vw,4.9rem);line-height:1.05}.lead{max-width:42rem;color:var(--muted);margin:18px 0 24px;font-size:1.08rem;line-height:1.9}.notePanel{align-content:center;gap:10px;min-width:0;display:grid}.notePanel p,.warningBox,.shareText{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;margin:0;padding:14px 16px;font-weight:700;line-height:1.65}.primaryButton,.secondaryButton,.choiceButton{cursor:pointer;border:0;border-radius:8px;min-height:52px;transition:transform .15s,box-shadow .15s,background .15s}.primaryButton{color:#fff;background:var(--accent);width:fit-content;min-width:190px;padding:14px 22px;font-weight:800;box-shadow:0 10px 24px #0f7c7440}.primaryButton:hover,.choiceButton:hover,.secondaryButton:hover{transform:translateY(-1px)}.primaryButton:active,.choiceButton:active,.secondaryButton:active{transform:translateY(1px)}.quiz,.result{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:20px;margin-top:18px;padding:24px}.progressWrap{margin-bottom:18px}.progressLabel{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:.92rem;font-weight:800;display:flex}.progressTrack{background:#f1e4d2;border-radius:999px;height:12px;overflow:hidden}.progressBar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--sun), var(--peach));height:100%;transition:width .22s}.quiz h2{margin:0 0 18px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.45}.choices{gap:12px;display:grid}.choiceButton{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fffdf9;padding:16px 18px;font-weight:800;line-height:1.5;box-shadow:0 8px 20px #46382514}.choiceButton:nth-child(2n){background:var(--blue)}.choiceButton:nth-child(3n){background:#fff0df}.result{text-align:center}.scoreBadge{color:#594317;background:#fff4cf;border:1px solid #f3d28c;border-radius:8px;grid-template-columns:auto auto auto;align-items:baseline;gap:8px;padding:12px 16px;font-weight:900;display:inline-grid}.scoreBadge strong{color:var(--accent-dark);font-size:clamp(2.4rem,12vw,4rem);line-height:1}.resultLabel{color:var(--muted);margin:24px 0 8px;font-weight:800}.result h2{max-width:13em;margin:0 auto;font-size:clamp(1.8rem,8vw,3.6rem);line-height:1.12}.catch{max-width:44rem;color:var(--muted);margin:16px auto 24px;font-size:1.08rem;line-height:1.8}.resultGrid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.resultGrid article{border:1px solid var(--line);background:#fffdf9;border-radius:8px;min-width:0;padding:16px}.resultGrid h3,.warningBox h3,.shareText h3{color:var(--accent-dark);margin:0 0 8px;font-size:.98rem}.resultGrid p,.warningBox p,.shareText p{color:var(--ink);margin:0;line-height:1.75}.warningBox,.shareText{text-align:left;margin-top:12px}.warningBox{background:#fff3ee}.shareText{background:#eefaf5}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.secondaryButton{border:1px solid var(--line);min-width:190px;color:var(--accent-dark);background:#fff;padding:14px 22px;font-weight:800}footer{max-width:780px;color:var(--muted);text-align:center;margin:18px auto 0;font-size:.86rem;line-height:1.8}footer p{margin:0}@media (max-width:720px){.shell{padding:12px 10px 24px}.hero{border-radius:18px;grid-template-columns:1fr;min-height:auto;padding:20px}.lead{font-size:1rem}.primaryButton,.secondaryButton{width:100%}.quiz,.result{border-radius:16px;padding:18px}.resultGrid{grid-template-columns:1fr}.choiceButton{min-height:58px;padding:15px 16px}.actions{display:grid}}