:root{--yellow:#ffd600;--ink:#111;--paper:#f3f0e8;--red:#e63322;--muted:#6e6b63;--line:#cbc7bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans JP",sans-serif}.site-header{height:72px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);position:sticky;top:0;background:rgba(243,240,232,.94);backdrop-filter:blur(8px);z-index:20}.brand{font-size:20px;font-weight:1000;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{background:var(--yellow);padding:5px 7px}.site-header nav{display:flex;gap:28px}.site-header nav a{color:var(--ink);font-size:12px;font-weight:800;text-decoration:none}.hero{min-height:640px;padding:70px max(24px,7vw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;border-bottom:2px solid var(--ink);background:radial-gradient(circle at 83% 25%,#fff 0,transparent 30%)}.eyebrow,.section-title>p{font:800 11px/1 monospace;letter-spacing:2px}.eyebrow:before,.section-title>p:before{content:"";display:inline-block;width:35px;border-top:3px solid var(--yellow);margin:0 10px 3px 0}.hero h1{font-size:clamp(54px,7vw,104px);line-height:.94;letter-spacing:-.07em;margin:30px 0}.hero h1 em{font-style:normal;background:linear-gradient(transparent 58%,var(--yellow) 58%)}.lead{max-width:600px;font-size:17px;line-height:1.9;color:#45433e}.primary-link{display:inline-flex;margin-top:25px;gap:60px;background:var(--ink);color:white;padding:18px 22px;text-decoration:none;font-size:13px;font-weight:900}.primary-link span{color:var(--yellow)}.bowl-visual{height:500px;position:relative}.bowl{position:absolute;left:10%;right:0;bottom:15px;height:210px;background:var(--yellow);border:4px solid var(--ink);border-radius:5px 5px 160px 160px;box-shadow:14px 14px 0 var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center}.bowl span{font:700 12px monospace}.bowl strong{font-size:76px;letter-spacing:-5px}.bowl small{font-size:24px;letter-spacing:0}.ingredient{position:absolute;border:3px solid var(--ink);font-weight:900;display:grid;place-items:center;z-index:2;box-shadow:7px 7px 0 var(--ink)}.veg{width:250px;height:145px;left:28%;bottom:190px;background:#d8e5b1;border-radius:50% 45% 30% 40%;font-size:30px}.pork{width:120px;height:95px;right:4%;bottom:195px;background:#d79077;border-radius:45%;transform:rotate(-12deg)}.garlic{width:100px;height:65px;left:16%;bottom:290px;background:#fff4b8;border-radius:50%;transform:rotate(8deg);font-size:13px}.steam{position:absolute;width:55px;height:120px;border-left:4px solid #aaa;border-radius:50%;opacity:.5;top:20px}.s1{left:35%}.s2{left:53%;top:0}.s3{left:70%;top:35px}.section{padding:100px max(24px,7vw);border-bottom:2px solid var(--ink)}.section-title{display:grid;grid-template-columns:1fr 2fr 2fr;align-items:end;margin-bottom:55px}.section-title p{align-self:start}.section-title h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;margin:0}.section-title>span{font-size:14px;line-height:1.8;color:var(--muted);max-width:420px}.machine{display:grid;grid-template-columns:1fr 90px 1fr;border:2px solid var(--ink);background:#fff}.panel{padding:36px}.panel h3{display:flex;justify-content:space-between;margin:0 0 30px;border-bottom:1px solid var(--line);padding-bottom:20px}.panel h3 b{font-size:24px}.panel h3 small{font:700 10px monospace;letter-spacing:1px;color:var(--muted)}label,legend{font-size:12px;font-weight:800}label{display:block;margin:18px 0}select{width:100%;margin-top:8px;border:2px solid var(--ink);background:#fff;padding:13px;font:700 14px inherit;color:var(--ink)}fieldset{border:0;padding:0;margin:20px 0}.segmented{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px}.segmented button{background:#fff;border:1px solid var(--ink);padding:11px 4px;font-size:11px;font-weight:700;margin-left:-1px}.segmented button.active{background:var(--ink);color:var(--yellow)}.weight-card{background:var(--yellow);border:2px solid var(--ink);padding:22px;margin-top:30px;display:grid;grid-template-columns:1fr auto;align-items:end}.weight-card span{font-weight:900}.weight-card strong{font-size:40px}.weight-card small{grid-column:1/-1;margin-top:6px;color:#615600}.transfer{background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;gap:6px}.transfer span{font-size:40px;color:var(--yellow)}.transfer small{font:10px monospace}.destination{background:#f8f7f2}.suggestion{margin-top:26px}.call-card{border:2px solid var(--ink);background:#fff}.call-card header{background:var(--yellow);padding:11px 16px;font-size:11px;font-weight:900}.call-card h4{font-size:26px;line-height:1.5;margin:20px 20px 8px}.call-card p{margin:0 20px 20px;color:var(--muted);font-size:12px}.recipe{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.recipe div{padding:13px 20px;border-right:1px solid var(--line);font-size:12px}.recipe b{display:block;font-size:17px;margin-top:4px}.difference{display:flex;justify-content:space-between;align-items:center;margin:22px 0;padding:15px 0;border-block:1px solid var(--line)}.difference strong{font-size:22px}.difference strong.good{color:#168047}#swap{width:100%;padding:14px;background:transparent;border:2px solid var(--ink);font-weight:900;cursor:pointer}.compare{background:var(--ink);color:#fff}.compare .section-title>span,.compare-toolbar{color:#aaa}.compare-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.compare-toolbar label{width:210px}.compare-toolbar select{background:#222;color:#fff;border-color:#777}.compare-toolbar p{font-size:11px}.compare-toolbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--yellow)}.shop-list{border-top:1px solid #555}.shop-row{display:grid;grid-template-columns:70px 1.5fr 2.5fr 120px;align-items:center;gap:20px;border-bottom:1px solid #444;padding:22px 10px}.shop-row .rank{font:16px monospace;color:var(--yellow)}.shop-row h3{margin:0;font-size:19px}.bar-wrap{height:10px;background:#333}.bar{height:100%;background:var(--yellow)}.shop-row strong{text-align:right;font-size:25px}.shop-row strong small{font-size:12px;color:#aaa}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);border:2px solid var(--ink)}.method-grid article{background:#fff;padding:32px;min-height:220px}.method-grid article>b{background:var(--yellow);padding:7px 11px}.method-grid h3{margin-top:32px}.method-grid p,.notice{font-size:13px;line-height:1.8;color:var(--muted)}.notice{border-left:5px solid var(--yellow);padding:15px 20px;margin-top:30px;background:#fff}footer{padding:40px max(24px,7vw);display:flex;justify-content:space-between;align-items:center;background:var(--yellow)}footer p{font:700 10px monospace}@media(max-width:800px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.bowl-visual{height:410px}.section-title{grid-template-columns:1fr}.section-title h2{margin:12px 0}.machine{grid-template-columns:1fr}.transfer{height:60px}.transfer span{transform:rotate(90deg)}.method-grid{grid-template-columns:1fr}.shop-row{grid-template-columns:45px 1fr 90px}.shop-row .bar-wrap{display:none}.compare-toolbar{align-items:start;flex-direction:column}.panel{padding:25px 18px}footer{flex-direction:column;gap:15px;text-align:center}}