:root{--ink:#1b302c;--muted:#5d6c65;--green:#174c40;--cream:#f5f4ee;--line:#d8ded6;--gold:#e9d79d;--white:#fff;--danger:#a12525;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button,input,select,summary,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #c59435}[hidden]{display:none!important}.site-header{max-width:1160px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--green);color:var(--gold);border-radius:12px;font-family:serif;font-size:28px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--muted);margin-top:5px}.header-link{font-size:13px;text-decoration:none;padding:12px 0}.header-link span{display:inline-grid;place-items:center;background:#e5e9df;min-width:26px;height:26px;border-radius:50%;margin-left:4px}main{max-width:1104px;padding:0 24px;margin:auto}.intro{padding:44px 0 28px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--green);margin:0 0 12px}h1{font-size:clamp(27px,3.4vw,41px);letter-spacing:.03em;line-height:1.55;margin:0 0 13px;font-weight:750}.intro>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8;margin:0}.mobile-break{display:none}.trust-line{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:12px;color:var(--muted)}.trust-line span:before{content:'✓';color:var(--green);font-weight:700;margin-right:6px}.kind-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kind-picker button{text-align:left;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);display:grid;grid-template-columns:28px 1fr;gap:6px 8px;min-height:96px}.kind-picker button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white;box-shadow:0 4px 12px #174c4014}.kind-number{grid-row:1/3;font-size:11px;opacity:.65;padding-top:5px}.kind-picker strong{font-size:19px;letter-spacing:.04em}.kind-picker small{font-size:11px;opacity:.8}.sample-note{font-size:12px;color:var(--muted);margin:16px 2px 22px;line-height:1.8}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:24px;align-items:start;scroll-margin-top:20px}.panel{padding:26px;background:var(--white);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:23px}.section-title>span{color:var(--green);font-size:11px;padding:6px 8px;background:#edf1e9;border-radius:5px}h2{font-size:18px;margin:0;line-height:1.6}h3{font-size:15px;margin:24px 0 13px}h3 small{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.field{display:block;font-size:13px;font-weight:600;margin-bottom:19px;line-height:1.7}.optional{font-size:10px;font-weight:400;padding:2px 6px;border-radius:4px;background:#f0f2ec;color:var(--muted);margin-left:7px}input:not([type=range]):not([type=file]),select{display:block;width:100%;height:49px;border:1px solid #cbd4cb;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;font-size:16px;margin-top:7px;font-variant-numeric:tabular-nums;min-width:0}input::placeholder{color:#6c7972;font-size:13px}input[readonly]{background:#f4f5f0!important}input[aria-invalid=true]{border-color:var(--danger)!important}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid .field{min-width:0}.field-help,.section-note{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 16px}.field-help:last-child{margin-bottom:0}.section-note{margin-top:8px}.segmented{display:flex;border:1px solid #cbd4cb;border-radius:8px;overflow:hidden;margin-top:7px}.segmented button{flex:1;min-height:48px;background:#fff;border:0;color:var(--muted)}.segmented button[aria-pressed=true]{background:#e7eee6;color:var(--green);font-weight:700}.segmented button+button{border-left:1px solid #cbd4cb}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:24px}.range-label strong{font-size:27px;font-variant-numeric:tabular-nums}.range-label small{font-size:14px}.range-label:first-of-type{margin-top:0}input[type=range]{display:block;width:100%;height:34px;margin:8px 0 0;accent-color:var(--green);cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:14px}.result-card{background:var(--green);color:white;border-radius:14px;padding:29px;margin-bottom:20px}.light{color:var(--gold)}.result-label{font-size:14px;margin:28px 0 4px}.result-label small{font-size:10px;opacity:.75;display:block;margin-top:6px}.price{font-size:clamp(42px,5vw,63px);font-weight:650;letter-spacing:-.02em;line-height:1.2;margin:16px 0 26px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.price-unit{font-size:19px;font-weight:400}.cost-breakdown{border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35;padding:16px 0}.cost-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:5px 0;font-size:11px}.cost-breakdown>div:first-child{font-size:13px;margin-bottom:10px}.cost-breakdown strong{font-size:22px;font-variant-numeric:tabular-nums}.actual-input{margin-top:23px}.actual-input label{font-size:12px}.actual-rate{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-top:14px}.actual-rate strong{font-size:21px;color:var(--gold)}.metrics{margin:16px 0 20px}.metrics>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:13px}.metrics dt{color:var(--muted)}.metrics dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.metrics .metric-emphasis{border-top:1px solid var(--line);margin-top:5px;padding-top:16px;font-size:15px}.metrics .metric-emphasis dd{font-size:20px;color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:47px;padding:11px 17px;border-radius:8px;font-size:13px;font-weight:650;line-height:1.5;text-align:center}.primary{background:var(--green);color:white;border:1px solid var(--green)}.secondary{color:var(--green);border:1px solid #cbd4cb;background:white}.full{width:100%}.save-bar .button{margin-bottom:9px}.save-bar .field-help{text-align:center}.compare-panel{margin-top:4px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;min-width:290px}th,td{text-align:right;padding:14px;border-bottom:1px solid #e7ebe4}th{font-size:11px;font-weight:600;color:var(--muted);background:#f6f7f2}th:first-child,td:first-child{text-align:left}tr.selected-row{background:#edf2e8;color:var(--green);font-weight:700}.saved-panel{scroll-margin-top:20px}.saved-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.saved-heading .eyebrow{font-size:10px;margin-bottom:7px}.pill{font-size:11px;background:#edf1e9;border-radius:20px;padding:6px 10px;white-space:nowrap}.storage-notice{font-size:12px;color:var(--muted);line-height:1.9;max-width:850px;margin:20px 0}.file-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.file-label{cursor:pointer;position:relative;overflow:hidden}.file-label:focus-within{outline:3px solid #c59435;outline-offset:4px}.file-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:19px 0}.saved-item h3{margin:0 0 4px;overflow-wrap:anywhere}.saved-item p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.saved-buttons{display:flex;gap:8px;flex-shrink:0}.saved-buttons .button{font-size:12px;padding:9px 14px}.danger-button{color:var(--danger)}.empty-state{text-align:center;font-size:13px;color:var(--muted);padding:28px 5px 16px;border-top:1px solid var(--line)}.ingredient-row,.extra-row{padding:16px;background:#f7f8f3;border:1px solid #e0e5da;border-radius:9px;margin-bottom:14px}.row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.row-header strong{font-size:12px}.remove-row{border:0;background:transparent;color:var(--danger);font-size:12px;padding:10px;min-height:44px}.ingredient-row .field,.extra-row .field{font-size:12px;margin-bottom:12px}.ingredient-row .field-grid,.extra-row .field-grid{gap:10px}.error{color:var(--danger);background:#fff0eb;border:1px solid #e5b7a9;padding:12px;font-size:13px;line-height:1.7;border-radius:8px}.import-preview{background:#f0f4ea;border:1px solid #bccdb4;padding:20px;border-radius:10px;margin:20px 0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.import-preview h3{margin-top:0}.help-section{margin:30px 0 48px}details{border-bottom:1px solid var(--line)}summary{padding:19px 0;cursor:pointer;font-size:14px;font-weight:600;line-height:1.6}.detail-content{font-size:13px;color:var(--muted);line-height:2;padding:0 10px 18px}.detail-content ol{padding-left:20px}footer{max-width:1056px;margin:0 auto;padding:22px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}footer small{font-size:11px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1b302c;color:white;padding:15px 22px;border-radius:10px;z-index:10;max-width:90vw;width:max-content;font-size:13px;box-shadow:0 5px 22px #0003}#storage-status{font-size:13px;line-height:1.8;color:var(--danger)}.skip-link{position:fixed;top:-70px;left:10px;background:#fff;padding:15px;z-index:20}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notice-section{border-top:1px solid var(--line);margin:0 0 36px;padding:22px 0 4px}.notice-section h2{font-size:16px;margin:0 0 12px}.notice-lead{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 8px}.notice-details summary{font-size:13px;color:var(--green);padding:13px 0;min-height:44px}.notice-details .detail-content{padding:2px 8px 15px}.notice-details .detail-content h3{font-size:13px;line-height:1.7;margin:18px 0 4px;color:var(--ink)}.notice-details .detail-content p{margin:0 0 12px;line-height:1.9}
@media(max-width:740px){.site-header{min-height:82px;padding:17px 20px}.brand{font-size:17px;gap:9px}.brand-mark{width:38px;height:38px;font-size:25px}.header-link{font-size:11px}.brand small{font-size:9px}.intro{padding:30px 0 24px}.mobile-break{display:block}.intro>p:not(.eyebrow){font-size:12px}main{padding:0 16px}.kind-picker{gap:7px}.kind-picker button{padding:14px 8px;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:105px;text-align:center}.kind-picker strong{font-size:16px}.kind-picker small{font-size:9px;line-height:1.6}.kind-number{padding:0;font-size:9px}.calculator-grid{grid-template-columns:1fr;gap:0}.panel{padding:21px 18px;margin-bottom:16px}.result-card{padding:25px 22px}.price{font-size:58px}.field-grid{gap:12px}.sample-note{font-size:11px;margin-bottom:18px}.compare-panel{margin-top:18px}.saved-item{align-items:flex-start;flex-direction:column;gap:12px}.saved-buttons{align-self:flex-end}.file-actions .button{flex:1 1 auto}.field-help,.section-note,.storage-notice{font-size:12px}.trust-line{font-size:10px;gap:10px}.section-title{margin-bottom:20px}.help-section{margin-top:24px}footer{margin:0 16px;flex-direction:column;gap:8px}.cost-breakdown>div{font-size:12px}.save-bar{margin-top:4px}th,td{padding:13px 8px}.metrics>div{font-size:13px}.metrics .metric-emphasis{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){box-shadow:0 2px 8px #174c4022}}

/* Sake serving presets and custom entry remain on separate rows. */
.sake-serving{margin-bottom:19px}.serving-label{font-size:13px;font-weight:600}.custom-serving-label{margin:16px 0 0}.serving-input{display:flex;align-items:center;gap:10px;margin-bottom:7px}.serving-input input{flex:1;min-width:0}.serving-input>span{font-size:13px;color:var(--muted)}.formula-list{padding-left:20px}.formula-list li{overflow-wrap:anywhere}.segmented button:focus-visible{outline-offset:-4px}
@media(max-width:360px){.site-header{padding:16px 12px}.brand{font-size:15px;letter-spacing:0;gap:6px}.brand-mark{width:32px;height:36px}.header-link{font-size:10px}.header-link span{min-width:22px;height:22px;margin-left:2px}.kind-picker strong{font-size:14px}.kind-picker button{padding-left:5px;padding-right:5px}.metrics>div{gap:8px}.metrics .metric-emphasis dd{font-size:18px}}