:root{--bg:#f6f1e9;--surface:#fff;--ink:#17120e;--muted:#5d534c;--line:#e3d8ca;--primary:#d8361f;--primary-dark:#a92711;--gold:#f5b500;--green:#1d6b48;--green-soft:#e3f1e9;--warn-soft:#fff5dc;--warn-line:#eec75a;--error:#b3261e;--radius:8px;--display:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;color:var(--ink);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}body{background:var(--bg);margin:0}.wrap{max-width:760px;margin:0 auto;padding:0 16px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.site-header{z-index:20;background:var(--ink);color:#fff;position:sticky;top:0}.site-header .wrap{padding-top:10px;padding-bottom:10px}.logo{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:10px;margin:0;font-weight:900;display:flex}.logo-mark{background:var(--primary);border-radius:6px;place-items:center;width:28px;height:28px;font-size:.95rem;display:grid}.hero{color:#fff;background-color:var(--primary);--wave:#ffffff17;background-image:radial-gradient(circle at 100% 150%, transparent 24%, var(--wave) 24%, var(--wave) 28%, transparent 28%, transparent 36%, var(--wave) 36%, var(--wave) 40%, transparent 40%), radial-gradient(circle at 0 150%, transparent 24%, var(--wave) 24%, var(--wave) 28%, transparent 28%, transparent 36%, var(--wave) 36%, var(--wave) 40%, transparent 40%), radial-gradient(circle at 50% 100%, var(--wave) 10%, transparent 10%, transparent 23%, var(--wave) 23%, var(--wave) 30%, transparent 30%, transparent 43%, var(--wave) 43%, var(--wave) 50%, transparent 50%, transparent 63%, var(--wave) 63%, var(--wave) 71%, transparent 71%), radial-gradient(circle at 100% 50%, var(--wave) 5%, transparent 5%, transparent 15%, var(--wave) 15%, var(--wave) 20%, transparent 20%, transparent 29%, var(--wave) 29%, var(--wave) 34%, transparent 34%, transparent 44%, var(--wave) 44%, var(--wave) 49%, transparent 49%), radial-gradient(circle at 0 50%, var(--wave) 5%, transparent 5%, transparent 15%, var(--wave) 15%, var(--wave) 20%, transparent 20%, transparent 29%, var(--wave) 29%, var(--wave) 34%, transparent 34%, transparent 44%, var(--wave) 44%, var(--wave) 49%, transparent 49%);background-size:80px 40px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#78140873);position:absolute;inset:0}.hero-inner{z-index:1;padding-top:36px;padding-bottom:20px;position:relative}.hero-badge{background:var(--gold);color:var(--ink);border-radius:4px;margin:0 0 12px;padding:2px 10px;font-size:.85rem;font-weight:800;display:inline-block}.hero-title{font-family:var(--display);letter-spacing:.01em;word-break:keep-all;margin:0 0 10px;font-size:clamp(1.7rem,5.5vw,2.4rem);font-weight:900;line-height:1.3}.band-label{word-break:keep-all}.hero-title span{color:var(--gold)}.hero-lead{text-wrap:pretty;opacity:.95;max-width:34em;margin:0;font-weight:600}.band{z-index:1;gap:12px;padding:18px 0 64px;display:grid;position:relative}.band-row{width:max-content;display:flex}.band-track{gap:12px;margin:0;padding:0 6px;list-style:none;animation:48s linear infinite band-scroll;display:flex}.band-row.reverse .band-track{animation-duration:56s;animation-direction:reverse}.band.paused .band-track,.band:hover .band-track,.band:focus-within .band-track{animation-play-state:paused}@keyframes band-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.band-tile{border-radius:var(--radius);width:118px;height:118px;color:var(--ink);background:#fff;align-content:center;justify-items:center;gap:4px;display:grid;box-shadow:0 6px #0000002e}.band-icon{font-size:2.6rem;line-height:1}.band-label{text-align:center;padding:0 6px;font-size:.78rem;font-weight:800;line-height:1.3}.band-toggle{color:#fff;background:#17120e59;border:1.5px solid #ffffffb3;border-radius:4px;min-height:30px;padding:2px 12px;font-size:.8rem;font-weight:700;position:absolute;bottom:30px;right:16px}@media (prefers-reduced-motion:reduce){.band-track{animation:none}.band-row{width:auto;overflow-x:auto}.band-track[aria-hidden],.band-toggle{display:none}}.main{z-index:2;margin-top:-24px;position:relative}.card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--ink);border-radius:var(--radius);margin-bottom:18px;padding:20px;box-shadow:0 1px #17120e0f,0 8px 24px #17120e14}.form{gap:16px;display:grid}.card h2,.section-title{font-family:var(--display);align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:900;display:flex}.num{background:var(--primary);color:#fff;border-radius:6px;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.field{gap:6px;display:grid}.field-label{font-size:.95rem;font-weight:800}.hint{color:var(--muted);margin:0;font-size:.85rem}.small-print{font-size:.78rem}input:not([type=checkbox],[type=radio]),select,textarea{background:#fff;border:2px solid #cfc3b5;border-radius:6px;width:100%;min-height:48px;padding:10px 12px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--ink);outline:none}textarea{resize:vertical}details{border-top:1px dashed var(--line);padding-top:10px}summary{cursor:pointer;min-height:36px;color:var(--green);align-items:center;font-weight:700;display:flex}.nested{margin-top:10px}.toggle{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.toggle button{background:#fff;border:2px solid #cfc3b5;border-radius:6px;min-height:48px;font-weight:800}.toggle [aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#fff}.add-row{min-height:48px;color:var(--green);background:#fff;border:2px dashed #cfc3b5;border-radius:6px;font-weight:800}.counters{gap:6px;margin-top:6px;display:grid}.counter{grid-template-columns:1fr 40px 56px 40px;align-items:center;gap:6px;font-weight:700;display:grid}.counter button{border:2px solid var(--ink);background:#fff;border-radius:6px;height:40px;font-size:1.1rem;font-weight:800}.counter output{text-align:center;font-weight:800}.result-line{background:var(--ink);color:#fff;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0;padding:14px 16px;font-weight:700;display:flex}.result-line strong{font-family:var(--display);color:var(--gold);font-size:1.8rem;font-weight:900}.budget-field input{border-color:var(--ink);font-size:1.35rem;font-weight:900}.primary{background:var(--primary);color:#fff;width:100%;min-height:56px;font-family:var(--display);letter-spacing:.03em;box-shadow:0 5px 0 var(--primary-dark);border:0;border-radius:6px;font-size:1.15rem;font-weight:900;transition:transform 80ms,box-shadow 80ms}.primary:not(:disabled):hover{filter:brightness(1.05)}.primary:not(:disabled):active{box-shadow:0 1px 0 var(--primary-dark);transform:translateY(4px)}.secondary{border:2px solid var(--ink);background:#fff;border-radius:6px;width:100%;min-height:48px;font-weight:800}.link{color:var(--green);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:4px 0;font-weight:700;text-decoration:underline}.small{border:2px solid var(--ink);background:#fff;border-radius:6px;min-height:36px;padding:4px 14px;font-size:.85rem;font-weight:800}.small[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.small.ghost{color:var(--muted);border-color:#cfc3b5}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);text-align:left;background:#fbf8f3;border-radius:6px;min-height:38px;padding:6px 12px;font-size:.88rem;font-weight:600}.chip:hover{border-color:var(--ink)}.guide ul{margin:4px 0 0;padding-left:1.2em;font-size:.9rem}.inline-field{align-items:center;gap:10px;font-weight:800;display:flex}.inline-field select{width:auto;min-width:120px}.notice{background:var(--warn-soft);border:1.5px solid var(--warn-line);border-left-width:6px;border-radius:6px;margin:0 0 16px;padding:12px 16px}.notice p{margin:0 0 6px}.notice ul{margin:0 0 8px;padding-left:1.2em}.error{color:var(--error);margin:0;font-weight:700}.results{padding-top:8px}.results .section-title{margin:12px 0 8px;font-size:1.45rem}.understood{background:var(--green-soft);color:var(--green);border-radius:6px;gap:2px;margin:0 0 10px;padding:10px 14px;font-weight:800;display:grid}.sample-note,.legend{color:var(--muted);margin:0 0 12px;font-size:.8rem}.legend strong{color:var(--ink)}.plans{gap:22px;display:grid}.plan{border-top:0;padding:0;overflow:hidden}.plan-head{background:var(--ink);color:#fff;padding:16px 18px 14px}.plan-head h3{font-family:var(--display);margin:0;font-size:1.2rem;font-weight:900}.plan-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 8px;display:grid}.plan-stats dt{opacity:.75;font-size:.72rem}.plan-stats dd{font-family:var(--display);white-space:nowrap;margin:0;font-size:1.15rem;font-weight:900}.plan-stats div:first-child dd{color:var(--gold)}.plan-reason{color:#ffd76a;margin:0;font-size:.86rem;font-weight:700;line-height:1.6}.plan-highlights,.plan-points{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.plan-highlights li{color:#17120e;background:#ffd76a;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:900}.plan-highlights li:before{content:"★ "}.plan-points li{color:#fff;border:1px solid #ffffff47;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700}.items{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--line);grid-template-columns:84px 1fr;gap:14px;padding:16px 18px;display:grid}.item:last-child{border-bottom:0}.thumb{border-radius:6px;place-items:center;width:84px;height:84px;font-size:2.4rem;display:grid;position:relative}.thumb small{color:#17120e8c;font-size:.58rem;font-weight:700;position:absolute;bottom:3px}.thumb.rice{background:#f3ead0}.thumb.meat{background:#f9d9d0}.thumb.seafood{background:#d4e8f2}.thumb.fruit{background:#fde2bd}.thumb.vegetable{background:#dcecd0}.thumb.daily{background:#e3e1ef}.item-name{margin:0;font-weight:900;line-height:1.4}.item-meta{color:var(--muted);margin:2px 0 6px;font-size:.85rem}.item-meta .review{color:#b8860b;white-space:nowrap;margin-left:6px;font-weight:900}.item-meta .review.none{color:var(--muted);font-weight:700}.item-meta strong{color:var(--primary);white-space:nowrap;font-size:1rem}.checks{gap:2px;margin:0 0 10px;padding:0;font-size:.85rem;list-style:none;display:grid}.checks li{flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:flex}.mark{place-items:center;width:18px;font-weight:900;display:inline-grid}.checks .match .mark{color:var(--green)}.checks .partial .mark{color:#b06f00}.checks .unknown .mark{color:var(--muted)}.evidence{color:var(--muted);font-size:.8rem}.item-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.external{background:var(--primary);color:#fff;min-height:36px;box-shadow:0 3px 0 var(--primary-dark);border-radius:6px;align-items:center;margin-left:auto;padding:4px 14px;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-flex}.external:hover{filter:brightness(1.05)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:16px;padding:24px 0 40px;font-size:.82rem}@media (width<=600px){.band-row.reverse{display:none}.band-tile{width:100px;height:100px}.band-icon{font-size:2.2rem}.external{justify-content:center;width:100%;margin-left:0}.card{padding:18px 16px}}.budget-field input::placeholder{font-size:.9rem;font-weight:500}.badge{background:var(--warn-soft);border:1px solid var(--warn-line);color:#7a5200;white-space:nowrap;border-radius:4px;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-block}.plan-note{background:#ffffff1a;border-radius:4px;margin:8px 0 0;padding:6px 10px;font-size:.78rem;line-height:1.5}.thumb img{object-fit:cover;background:#fff;border-radius:6px;width:100%;height:100%}.item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.credit a{color:var(--muted);font-weight:700}.disclaimer{color:var(--muted);margin:-6px 0 12px;font-size:.75rem;line-height:1.6}.refresh{margin-top:10px;font-size:.85rem}.refresh p{margin:0}.refresh-button{border:2px solid var(--gold);width:100%;min-height:42px;color:var(--gold);background:0 0;border-radius:6px;font-weight:800}.refresh-ok{background:var(--green);color:#fff;border-radius:4px;padding:8px 10px;font-weight:700}.refresh-ng{background:var(--warn-soft);color:var(--ink);border-radius:4px;padding:8px 10px}.refresh-ng ul{margin:4px 0;padding-left:1.2em}.ad-note{color:var(--muted);margin:-6px 0 12px;font-size:.78rem}.pr{border:1px solid var(--muted);border-radius:3px;margin-right:6px;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-block}.site-footer a{color:var(--green);font-weight:700}