:root{--color-bg:#faf6f0;--color-surface:#fff;--color-subtle:#f4eee4;--color-text:#211d18;--color-muted:#5d5546;--color-faint:#736a5a;--color-placeholder:#c9bfaf;--color-accent:#a6552f;--color-accent-hover:#8f4826;--color-error:#9c3f23;--color-success:#3e5a34;--border-card:#e4dacb;--border-control:#d9cfc0;--border-hairline:#efe7da;--border-hairline-strong:#ede5d8;--border-footer:#e8e0d4;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:16px;--fs-lg:19px;--lh-base:1.55;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--space-7:36px;--space-8:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:20px;--shadow-card:0 1px 2px #3c2d190d;--shadow-pop:0 4px 16px #3c2d191f;--focus-ring:2px solid var(--color-text);--focus-offset:2px;--content-max:1080px;--ad-leaderboard-max-w:728px;--ad-height:min(250px, 25vh);--ad-min-height:90px;--bp-sm:390px;--bp-md:768px;--bp-lg:1080px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{text-size-adjust:100%}html,body{background:var(--color-bg);margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);font-size:var(--fs-base);line-height:var(--lh-base);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}h1,h2,h3{letter-spacing:-.01em;text-wrap:pretty}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px}.tnum{font-variant-numeric:tabular-nums}.skip-link{left:var(--space-2);z-index:100;background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);padding:10px 16px;text-decoration:none;transition:top .15s;position:absolute;top:-60px}.skip-link:focus{top:var(--space-2);color:var(--color-bg)}.container{width:100%;max-width:var(--content-max);padding-left:var(--space-5);padding-right:var(--space-5);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@keyframes cc-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:14px;padding-bottom:14px;display:flex}.wordmark{align-items:center;gap:8px;text-decoration:none;display:flex}.wordmark__cup{background:var(--color-accent);border-radius:2px 2px 8px 8px;width:15px;height:13px;margin-top:2px}.wordmark__name{letter-spacing:-.01em;color:var(--color-text);font-size:16px;font-weight:700}.wordmark:hover .wordmark__name{color:var(--color-accent)}.lang{position:relative}.lang__button{border:1px solid var(--border-control);border-radius:var(--radius-sm);min-height:44px;font:500 14px var(--font-sans);color:var(--color-text);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:0 14px;display:flex}.lang__button:hover{background:var(--color-subtle)}.lang__caret{color:#8a7e6e;font-size:10px}.lang__menu{z-index:30;background:var(--color-surface);border:1px solid var(--border-control);border-radius:var(--radius-md);width:230px;max-height:60vh;box-shadow:var(--shadow-pop);margin:0;padding:6px;list-style:none;animation:.15s cc-fade;position:absolute;top:50px;right:0;overflow-y:auto}.lang__item a{min-height:44px;color:var(--color-text);border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.lang__item a:hover{background:var(--color-subtle)}.lang__item[aria-current=true] a{background:var(--color-subtle);font-weight:600}.lang__check{color:var(--color-accent)}.lang-suggest{margin-top:var(--space-3);background:var(--color-subtle);border:1px solid var(--border-hairline);border-radius:var(--radius-md);gap:var(--space-3);flex-wrap:wrap;align-items:center;padding:10px 14px;font-size:13.5px;display:flex}.lang-suggest__actions{gap:var(--space-2);margin-left:auto;display:flex}.lang-suggest a,.lang-suggest button{border-radius:var(--radius-sm);min-height:36px;font:600 13px var(--font-sans);cursor:pointer;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.lang-suggest .btn-primary{background:var(--color-accent);color:#fff;border:0}.lang-suggest .btn-quiet{color:var(--color-muted);border:1px solid var(--border-control);background:0 0}.notice{font-size:var(--fs-sm);border-radius:var(--radius-md);margin-top:var(--space-3);padding:10px 14px}.notice--translation{background:var(--color-subtle);color:var(--color-muted);border:1px solid var(--border-hairline)}.notice--offline{background:var(--color-text);color:var(--color-bg);text-align:center}.notice--info{background:var(--color-subtle);color:var(--color-muted);border:1px solid var(--border-hairline)}.answer-box{background:var(--color-subtle);border-radius:var(--radius-md);margin:0 0 var(--space-4);padding:14px 16px}.answer-box p{color:var(--color-text);margin:0}.hero{flex-direction:column;align-items:center;gap:26px;display:flex}.hero__intro{text-align:center;width:100%;max-width:560px;padding-top:26px}.hero__intro h1{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(26px,5vw,42px);font-weight:700;line-height:1.1}.hero__intro p{color:var(--color-muted);margin:0 auto;font-size:15.5px}.hero__divider{background:var(--color-accent);border-radius:2px;width:56px;height:3px;margin:20px auto 0}@media (width>=1180px){.hero:has(.ad-slot--side){grid-template-columns:minmax(0,720px) 300px;justify-content:center;align-items:start;gap:26px 24px;display:grid}.hero:has(.ad-slot--side) .hero__intro{grid-column:1/-1;justify-self:center}}.stack{flex-direction:column;align-items:center;gap:40px;margin-top:48px;display:flex}.stack>.section{width:100%;margin-top:0}.section-title{font-size:var(--fs-lg);letter-spacing:-.01em;margin:0 0 10px;font-weight:700}.quick-answers .qa{border-top:1px solid var(--border-hairline);padding:12px 0}.quick-answers .qa:first-of-type{border-top:0;padding-top:4px}.qa__q{font-size:var(--fs-base);letter-spacing:-.01em;margin:0 0 6px;font-weight:600}.qa__a{color:var(--color-muted);max-width:72ch;margin:0;font-size:14px;line-height:1.55}.why-differ p{color:var(--color-muted);margin:0 0 14px;font-size:14px;line-height:1.55}.why-differ .answer-box{margin:0}.why-differ .answer-box p{margin:0;font-size:12.5px;line-height:1.5}.why-differ .answer-box strong{color:var(--color-text)}.converter{background:var(--color-surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-card);padding:18px}@media (width>=900px){.hero__intro,.converter{max-width:720px}.converter{padding:28px 32px}}.field{margin-top:var(--space-3)}.field:first-child{margin-top:0}.field__label{color:var(--color-muted);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.amount-input{width:100%;height:52px;font:600 22px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-bg);border:1px solid var(--border-control);border-radius:var(--radius-md);padding:0 14px}.amount-input:focus{border:2px solid var(--color-text);background:#fff;outline:none}.amount-input[aria-invalid=true]{border:2px solid var(--color-error)}.error-msg{color:var(--color-error);margin:6px 0 0;font-size:12.5px;font-weight:600}.tablist{background:var(--color-subtle);border:1px solid var(--border-card);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:3px;display:flex;position:relative}.tablist__thumb{background:var(--color-surface);border:1px solid var(--border-control);border-radius:var(--radius-sm);width:calc(50% - 3px);transition:transform .25s cubic-bezier(.2,0,.2,1);position:absolute;top:3px;bottom:3px;left:3px;transform:translate(0);box-shadow:0 1px 2px #3c2d191a}.tab{text-align:center;border-radius:var(--radius-sm);min-height:40px;color:var(--color-muted);font:500 14px var(--font-sans);cursor:pointer;background:0 0;border:0;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-text);font-weight:600}.frac-chips{gap:var(--space-2);flex-wrap:wrap;margin-top:10px;display:flex}.frac-chips button{border-radius:var(--radius-sm);cursor:pointer;min-width:46px;min-height:38px;font:500 14px var(--font-sans);font-variant-numeric:tabular-nums;border:1px solid var(--border-control);background:var(--color-surface);color:var(--color-text);padding:0 10px}.frac-chips button:hover{border-color:var(--color-accent)}.frac-chips button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);font-weight:600}@media (width<=479px){.frac-chips [data-tier="1"]{display:none}}@media (width<=419px){.frac-chips [data-tier="2"]{display:none}}@media (width<=339px){.frac-chips [data-tier="3"]{display:none}}[data-panel=recipe]{flex-direction:column;min-height:440px;display:flex}[data-recipe-edit],[data-recipe-edit]>.field:first-child,[data-recipe-done]{flex-direction:column;flex:1;display:flex}[data-recipe-done]>.actions{padding-top:var(--space-3);margin-top:auto}.recipe-input{width:100%;min-height:160px;font:400 15px/1.6 var(--font-sans);color:var(--color-text);background:var(--color-bg);border:1px solid var(--border-control);border-radius:var(--radius-md);resize:vertical;flex:1;padding:12px 14px}.recipe-input:focus{border:2px solid var(--color-text);background:#fff;outline:none}.hint{font-size:var(--fs-xs);color:var(--color-faint);margin:6px 0 0}.recipe-result-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.recipe-result-title{font-size:var(--fs-md);margin:0;font-weight:700}.recipe-lines{font-size:var(--fs-base);margin:0;padding:0;list-style:none}.recipe-line{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--border-hairline);padding:9px 2px;display:flex}.recipe-line__orig{color:var(--color-muted)}.recipe-line__out{white-space:nowrap;color:var(--color-text);align-self:center;font-weight:700}.recipe-line--asis .recipe-line__orig{color:var(--color-text)}.recipe-line--asis .recipe-line__out{font-weight:400;font-size:var(--fs-xs);color:var(--color-faint)}.segmented{border:1px solid var(--border-control);border-radius:var(--radius-md);display:flex;overflow:hidden}.segmented button{border:0;border-left:1px solid var(--border-control);min-height:44px;color:var(--color-text);font:500 14px var(--font-sans);cursor:pointer;background:#fff;flex:1}.segmented button:first-child{border-left:0}.segmented button[aria-checked=true]{background:var(--color-text);color:var(--color-bg);font-weight:600}.segmented__more{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:var(--color-subtle)!important;color:var(--color-muted)!important;flex:.8!important;font-size:13px!important}.segmented__more--active{font-weight:600;background:var(--color-text)!important;color:var(--color-bg)!important}.extra-chips{gap:var(--space-2);background:var(--color-bg);border:1px solid var(--border-hairline);border-radius:var(--radius-md);flex-wrap:wrap;margin-top:10px;padding:12px;animation:.15s cc-fade;display:flex}.extra-chips button{border-radius:var(--radius-pill);cursor:pointer;min-height:40px;font:500 13.5px var(--font-sans);border:1px solid var(--border-control);background:var(--color-surface);color:var(--color-text);padding:0 14px}.extra-chips button:hover{border-color:var(--color-accent)}.extra-chips button[aria-checked=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);font-weight:600}.selects{gap:var(--space-3);flex-wrap:wrap;display:flex}.select-wrap{flex:140px;position:relative}.select-wrap select{appearance:none;width:100%;height:46px;font:500 14px var(--font-sans);color:var(--color-text);border:1px solid var(--border-control);border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:0 30px 0 12px}.select-wrap__caret{color:#8a7e6e;pointer-events:none;font-size:10px;position:absolute;top:16px;right:12px}.result{margin-top:var(--space-4);border-top:1px solid var(--border-hairline);padding:14px 4px 12px}.result__value{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.result__number{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text);font-size:clamp(40px,6vw,50px);font-weight:700}.result--empty .result__number{color:var(--color-placeholder)}.result__unit{color:var(--color-accent);font-size:22px;font-weight:600}.result--empty .result__unit{color:var(--color-placeholder)}.assumption{color:var(--color-muted);margin:6px 0 0;font-size:12.5px}.disclosure-toggle{font:500 12.5px var(--font-sans);color:var(--color-accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;margin-top:2px;padding:4px 0;text-decoration:underline}.disclosure{background:var(--color-bg);border:1px solid var(--border-hairline);border-radius:var(--radius-md);grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;padding:12px 14px;font-size:12.5px;line-height:1.5;animation:.15s cc-fade;display:grid}.disclosure dt{color:var(--color-muted);font-weight:600}.disclosure dd{margin:0}.disclosure a{color:var(--color-accent)}.actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-md);min-height:48px;font:600 15px var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}.btn--primary{background:var(--color-accent);color:#fff;border:0;flex:130px}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary[disabled]{background:var(--border-hairline-strong);color:var(--color-faint);cursor:not-allowed}.btn--copied{background:var(--color-success);color:#fff}.btn--secondary{color:var(--color-text);border:1px solid var(--border-control);background:#fff;flex:130px}.btn--secondary:hover{background:var(--color-subtle)}.section{margin-top:var(--space-7)}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.data-table caption{text-align:left;font-size:var(--fs-lg);margin-bottom:var(--space-3);color:var(--color-text);font-weight:700}.data-table--wide{min-width:640px}.data-table thead th{border-bottom:1.5px solid var(--color-text);color:var(--color-muted);text-align:right;text-transform:uppercase;white-space:nowrap;padding:8px 0 8px 14px;font-size:12px;font-weight:600}.data-table thead th:first-child{text-align:left}.data-table tbody th{text-align:left;white-space:nowrap;font-weight:500}.data-table tbody td{text-align:right;white-space:nowrap}.data-table th,.data-table td{border-bottom:1px solid var(--border-hairline-strong);padding:9px 0 9px 14px}.data-table thead th:first-child,.data-table tbody th[scope=row]{background:var(--color-bg);padding-left:0;padding-right:12px;position:sticky;left:0}.table-note{color:var(--color-faint);margin:8px 0 0;font-size:11.5px}.table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.ad-slot__label{font:500 10.5px var(--font-mono);letter-spacing:.08em;color:var(--color-faint);text-transform:uppercase;margin:0 0 4px}.ad-slot__frame{border:1px dashed var(--border-control);border-radius:var(--radius-md);background:var(--color-subtle);box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;display:flex}.ad-slot__frame span{font:12px var(--font-mono);color:var(--color-faint);text-align:center;padding:0 10px}.ad-slot--leaderboard{max-width:560px;padding:0 var(--space-5);text-align:center;margin:32px auto 0}.ad-slot--leaderboard .ad-slot__frame{width:300px;height:250px;margin:0 auto}@media (width>=900px){.ad-slot--leaderboard{text-align:left;max-width:720px;padding:0}.ad-slot--leaderboard .ad-slot__frame{width:100%;height:90px}}.ad-slot--side{display:none}@media (width>=1180px){.ad-slot--side{width:300px;display:block;position:sticky;top:20px}.ad-slot--side .ad-slot__frame{height:600px}}.site-footer{margin-top:var(--space-7);border-top:1px solid var(--border-footer);background:var(--color-subtle)}.site-footer__inner{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 18px;padding-top:18px;padding-bottom:24px;display:flex}.site-footer__copy{color:var(--color-faint);margin:0;font-size:11px}.lang--footer .lang__button-footer{font:500 12.5px var(--font-sans);color:var(--color-muted);text-underline-offset:2px;cursor:pointer;align-items:center;gap:4px;text-decoration:underline;list-style:none;display:inline-flex}.lang--footer .lang__menu{inset:auto auto 34px 0}main{flex:1}.consent{z-index:50;background:var(--color-surface);border-top:1px solid var(--border-card);padding:var(--space-4) var(--space-5);position:fixed;inset:auto 0 0;box-shadow:0 -2px 12px #3c2d191f}.consent__inner{max-width:var(--content-max);align-items:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.consent__text{color:var(--color-muted);flex:320px;margin:0;font-size:14px;line-height:1.5}.consent__text a{color:var(--color-text);white-space:nowrap}.consent__actions{gap:var(--space-3);flex:none;display:flex}.site-footer__links{gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;font-size:14px;display:flex}.site-footer__links a,.linklike{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.site-footer__links a:hover,.linklike:hover{color:var(--color-text);text-decoration:underline}.prose{max-width:42rem;padding-top:var(--space-7);padding-bottom:var(--space-8)}.prose h1{margin-bottom:var(--space-2)}.prose h2{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:1.15rem}.prose p{color:var(--color-text);line-height:1.65}.prose__meta{color:var(--color-faint);margin-bottom:var(--space-4);font-size:14px}.prose__notice{background:var(--color-subtle);border:1px solid var(--border-card);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--color-muted);font-size:14px}