:root{color-scheme:light;--navy:#002f54;--navy-deep:#001e36;--ecru:#f9f7ee;--paper:#fffef9;--sand:#e8d1ab;--sand-deep:#c99f65;--ink:#172634;--muted:#53626e;--line:rgba(0,47,84,.16);--serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Noto Sans JP","Yu Gothic UI","Hiragino Sans",sans-serif;--danger:#8e3434}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ecru);color:var(--ink);font:16px/1.75 var(--sans)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--navy);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #487f9e;outline-offset:3px}h1,h2,p{margin:0}h1,h2{color:var(--navy)}h1{font:500 clamp(1.8rem,4.5vw,2.55rem)/1.5 var(--serif);letter-spacing:.025em}h2{font-size:1.3rem;line-height:1.45}img{max-width:100%;object-fit:contain}[hidden]{display:none!important}.shell{max-width:1080px;margin:auto;padding:0 20px}.site-header{max-width:1160px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.site-header a{display:flex;align-items:center;min-height:44px}.site-header img{height:auto;width:154px}.site-header>span,.eyebrow{color:var(--navy);font-size:.75rem;font-weight:700;letter-spacing:.18em}.site-header>span{font-size:.7rem}.intro{padding:46px 0 30px;max-width:700px}.intro .eyebrow{margin-bottom:14px}.lead{font-size:1.25rem;font-weight:500;margin:20px 0 10px;color:var(--navy)}.intro-copy{color:var(--muted);font-size:.95rem}.calculator{display:grid;gap:18px}.panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px 20px;box-shadow:0 10px 36px rgba(0,47,84,.05)}.section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.section-heading p{font-size:.82rem;color:var(--muted);margin-top:4px}.step{flex:0 0 34px;color:var(--navy);border-top:2px solid var(--sand);padding-top:6px;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-top:5px}.field-grid{display:grid;gap:17px}label{display:block;font-size:.88rem;font-weight:600;color:var(--navy)}.field-hint{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:1px}.number-field{display:flex;align-items:center;margin-top:7px;border:1px solid #9aa8b1;border-radius:8px;background:#fff;overflow:hidden}.number-field:focus-within{outline:3px solid #487f9e;outline-offset:3px}.number-field input{border:0;margin:0;outline:0!important}.number-field>span{padding:0 14px;color:var(--navy);font-weight:700;border-left:1px solid var(--line)}input,select{display:block;width:100%;min-width:0;min-height:50px;border:1px solid #9aa8b1;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;margin-top:7px;font-size:1rem}input::placeholder{color:#727e86}input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--danger);background:#fffafa}.actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 18px;border:1px solid var(--navy);border-radius:8px;font-size:.9rem;font-weight:650;text-decoration:none;line-height:1.5}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy-deep)}.reset-button{min-height:44px;border:0;background:transparent;color:var(--navy);text-decoration:underline;text-underline-offset:4px}.error-summary{margin-top:18px;padding:14px 16px;border-left:4px solid var(--danger);background:#fff4f2;color:#5f2929;font-size:.85rem}.error-summary p{font-weight:700}.error-summary ul{margin:6px 0 0;padding-left:1.3rem}.result-panel{display:flex;flex-direction:column}.result-placeholder{display:grid;place-items:center;flex:1;min-height:300px;text-align:center;color:#6b7881;background:linear-gradient(145deg,rgba(232,209,171,.18),rgba(0,47,84,.025));border:1px dashed rgba(0,47,84,.22);border-radius:13px;padding:28px}.result-placeholder span{font:500 3rem/1 var(--serif);color:var(--sand-deep)}.result-placeholder p{max-width:300px;font-size:.85rem}.result:not([hidden])+.result-placeholder{display:none}.result-kicker{font-size:.8rem;color:var(--muted);margin-bottom:12px}.metric-pair{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px}.metric{min-width:0;padding:16px 12px;border:1px solid var(--line);border-radius:13px}.metric--as-fed{background:#f6f3e9}.metric--dry{background:var(--navy);color:#fff;border-color:var(--navy)}.metric p{min-height:42px;font-size:.72rem;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.metric--dry p{color:rgba(255,255,255,.75)}.metric strong{display:block;margin-top:8px;font:500 clamp(2rem,9vw,3.2rem)/1 var(--serif);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--navy)}.metric--dry strong{color:#fff}.metric small{font:600 1rem/1 var(--sans);margin-left:3px}.metric-arrow{text-align:center;color:var(--sand-deep);font-size:1.25rem}.composition{margin-top:22px}.composition-heading,.composition-legend{display:flex;justify-content:space-between;gap:12px}.composition-heading{align-items:end;font-size:.75rem;color:var(--muted)}.composition-heading strong{font-size:.85rem;color:var(--navy)}.composition-bar{display:flex;height:18px;margin-top:8px;border-radius:99px;overflow:hidden;background:#e9edf0}.dry-segment{display:block;background:var(--navy);transition:width .45s ease}.moisture-segment{display:block;background:var(--sand);transition:width .45s ease}.composition-legend{margin-top:7px;font-size:.7rem;color:var(--muted)}.formula-values{margin-top:20px;padding:12px 14px;background:#efebdd;color:var(--navy);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-note{font-size:.76rem;color:var(--muted);padding-left:12px;border-left:2px solid var(--sand);margin-top:16px}.details-section{margin-top:38px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;min-height:54px;padding:16px 4px;color:var(--navy);font-size:.9rem;font-weight:600}.details-body{padding:0 4px 22px;font-size:.84rem;color:var(--muted)}.details-body p+p{margin-top:12px}.formula{padding:14px;background:#efebdd;color:var(--navy);font-size:.8rem;line-height:2;overflow-wrap:anywhere}.next-step{margin:56px 0 40px;border-top:1px solid var(--line);padding-top:32px}.next-step h2{font-family:var(--serif);font-weight:500;margin-top:10px}.next-step p:not(.eyebrow){font-size:.84rem;color:var(--muted);margin:12px 0 20px}.store-cta{width:100%;min-height:58px;background:var(--navy);color:var(--ecru);border-color:var(--navy);box-shadow:inset 0 0 0 1px rgba(232,209,171,.55),0 5px 14px rgba(0,47,84,.12);font-size:1rem}.store-cta:hover{background:var(--navy-deep);color:var(--ecru)}.site-footer{padding:24px;text-align:center;border-top:1px solid var(--line);font-size:.78rem}.site-footer a{display:inline-block;min-height:44px;padding:10px}.site-footer small{display:block;color:var(--muted);font-size:.68rem;margin-top:6px}.skip-link{position:absolute;top:-100px;left:12px;background:white;z-index:20;padding:12px}.skip-link:focus{top:12px}.noscript{padding:24px;background:#fff3df}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.selection-guide{margin:-6px 0 -4px;padding:10px 12px 10px 32px;border-left:3px solid var(--sand-deep);background:#f6f0e3;color:var(--navy);font-size:.78rem;line-height:1.6;position:relative}.selection-guide::before{content:"↓";position:absolute;left:12px;top:9px;color:var(--sand-deep);font-weight:700}input::placeholder{font-size:.88rem}.reset-button{white-space:nowrap}
@media(min-width:960px){.shell{padding:0 32px}.intro{padding:60px 0 36px}.calculator{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:stretch}.panel{padding:30px}.actions{flex-direction:row;align-items:center}.primary{min-width:0;flex:1}.reset-button{flex:0 0 auto}.metric{padding:20px 16px}.metric strong{font-size:clamp(1.9rem,3.6vw,2.75rem)}.result-placeholder{min-height:420px}.store-cta{width:320px;max-width:100%}}
@media(max-width:430px){.site-header{padding:18px 16px}.site-header img{width:132px}.shell{padding:0 16px}.intro{padding-top:34px}.panel{padding:21px 16px}.metric-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:5px}.metric{padding:14px 9px}.metric strong{font-size:2rem}.metric-arrow{font-size:1rem}}
@media(min-width:431px) and (max-width:959px){.metric strong{font-size:clamp(2rem,6vw,2.75rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}