:root{color-scheme:light;font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#171b26;background:#f7f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid rgba(221,224,231,.9);background:rgba(247,248,250,.91);backdrop-filter:blur(14px)}header>a:last-child{font-size:.82rem;font-weight:800;text-underline-offset:4px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:900;text-decoration:none}.brand-mark{display:flex;gap:3px;align-items:end}.brand-mark i{display:block;width:4px;border-radius:4px;background:#e85c3a}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:14px}.hero{max-width:1260px;margin:auto;padding:92px 42px 80px}.hero>p,.section-head>p,.recipe-copy>p{color:#e85c3a;font:800 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.hero h1{max-width:1050px;margin:22px 0 52px;font-size:clamp(3rem,7.3vw,6.7rem);line-height:1.04;letter-spacing:-.065em}.hero-bottom{display:grid;grid-template-columns:minmax(0,650px) auto;gap:70px;align-items:end}.hero-bottom p{margin:0;color:#565e6d;font-size:1.05rem;line-height:1.95}.hero-bottom a{font-weight:900;text-underline-offset:7px}.quick-answer{display:grid;grid-template-columns:140px 1fr;gap:30px;max-width:1180px;margin:0 auto;padding:36px 42px;border-top:1px solid #dfe2e8;border-bottom:1px solid #dfe2e8;background:#fff}.quick-answer>span{color:#e85c3a;font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.quick-answer h2{margin:0 0 10px;font-size:1.15rem}.quick-answer p{max-width:760px;margin:0;font-size:1rem;line-height:1.9}.methods{max-width:1180px;margin:auto;padding:110px 42px}.section-head{display:grid;grid-template-columns:150px 1fr;gap:28px;margin-bottom:60px}.section-head h2{margin:0;font-size:clamp(2.3rem,5vw,4.6rem);letter-spacing:-.055em}.methods article{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:62px 0;border-top:1px solid #dfe2e8}.methods article>span{color:#e85c3a;font:900 2.4rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.methods article>div{max-width:780px}.methods article div>p:first-child{margin:0 0 10px;color:#e85c3a;font-size:.7rem;font-weight:900;letter-spacing:.13em}.methods h3{margin:0 0 24px;font-size:clamp(1.8rem,4vw,3.4rem);letter-spacing:-.045em}.methods strong{display:block;margin-bottom:18px;font-size:1.08rem}.methods article div>p:not(:first-child){max-width:680px;color:#555d6b;font-size:1rem;line-height:1.9}.methods article a{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:800;text-underline-offset:5px}.recipe{display:grid;grid-template-columns:.72fr 1fr;gap:70px;max-width:1180px;margin:0 auto 110px;padding:64px;border-radius:22px;color:#fff;background:#202430}.recipe h2{margin:10px 0 18px;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.05em}.recipe-copy>p:last-child{color:#c7cbd4;line-height:1.8}.recipe form{display:grid;gap:15px}.recipe label span{display:block;margin-bottom:7px;color:#cfd2da;font-size:.78rem;font-weight:800}.recipe input{width:100%;padding:15px 16px;border:1px solid #4b5160;border-radius:9px;color:#fff;background:#2a2f3d;font:inherit}.recipe input:focus{outline:3px solid #e85c3a;outline-offset:2px}.recipe button{justify-self:start;padding:14px 20px;border:0;border-radius:8px;color:#171b26;background:#fff;font-weight:900;cursor:pointer}.recipe-result{grid-column:1/-1;margin-top:4px;padding:28px;border-radius:12px;color:#171b26;background:#fff}.recipe-result>span{color:#e85c3a;font-size:.7rem;font-weight:900;letter-spacing:.14em}.recipe-result strong{display:block;margin:12px 0;font-size:1.35rem;line-height:1.6}.recipe-result p{color:#5d6472}.recipe-result button{border:1px solid #d9dce3;background:#f7f8fa}.caution{max-width:760px;margin:0 auto;padding:0 42px 120px}.caution h2{font-size:1.35rem}.caution p{color:#5c6472;line-height:1.9}footer{display:flex;align-items:center;justify-content:space-between;padding:34px;border-top:1px solid #dfe2e8}footer a{font-weight:900}footer p{color:#6c7280;font-size:.78rem}@media(max-width:760px){header{padding:16px 20px}.hero{padding:68px 22px 56px}.hero h1{margin:18px 0 35px;font-size:3.25rem}.hero-bottom,.section-head,.recipe{grid-template-columns:1fr}.hero-bottom{gap:25px}.quick-answer{grid-template-columns:1fr;gap:14px;margin:0 18px;padding:30px 24px}.methods{padding:78px 22px}.section-head{gap:8px;margin-bottom:36px}.methods article{grid-template-columns:55px 1fr;gap:14px;padding:44px 0}.methods article>span{font-size:1.45rem}.methods h3{font-size:1.85rem}.recipe{gap:34px;margin:0 18px 84px;padding:38px 24px}.caution{padding:0 22px 86px}footer{align-items:start;flex-direction:column;gap:12px;padding:28px 22px}}
.hero h1,.section-head h2,.methods h3,.recipe h2{text-wrap:balance;line-break:strict;overflow-wrap:anywhere}.hero h1{max-width:12em;font-size:clamp(3rem,6.25vw,5.85rem);line-height:1.12}
.recipe-result-actions{display:flex;gap:10px;flex-wrap:wrap}.recipe-result-actions #startPlan{color:#fff;border-color:#e85c3a;background:#e85c3a}.recipe-result>small{display:block;margin-top:12px;color:#737985;font-size:.68rem;line-height:1.6}