@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--ivory:#f8f1e6;--espresso:#2e1e17;--gold:#c9a96b;--sage:#8e9b85;--taupe:#b79a86;--line:#ddcfbd}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--espresso);font-family:'DM Sans',Arial,sans-serif;font-size:14px}header{max-width:1280px;margin:auto;padding:20px 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{position:relative;display:block;overflow:hidden;width:115px;height:75px;flex-shrink:0}.logo img{position:absolute;width:512px;max-width:none;left:-10px;top:-135px}.header-note,.badge,.eyebrow,.small-index,footer>span{font-size:10px;letter-spacing:2px}.header-note{color:#796555}.badge{display:flex;gap:8px;align-items:center;letter-spacing:1.3px}.badge i{height:6px;width:6px;border-radius:50%;background:var(--sage)}main{max-width:1120px;margin:auto;padding:0 40px}.intro{text-align:center;padding:48px 0 36px}.eyebrow{color:#796348;font-weight:500}.intro h1{font-family:'Playfair Display',Georgia,serif;font-size:60px;line-height:1.08;font-weight:400;letter-spacing:-2px;margin:20px 0}.intro h1 em{color:#9b783e;font-weight:400}.lede{max-width:510px;margin:auto;color:#78695e;line-height:1.8;font-size:14px}.calculator{display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 15px 45px #452b1710;border:1px solid var(--line)}.inputs{background:#fffcf6;padding:32px 38px}.section-top{display:flex;justify-content:space-between;align-items:center}button{font:inherit;cursor:pointer}#reset{border:0;background:none;color:#756556;padding:8px 0 8px 16px;font-size:12px}#reset span{margin-left:6px;font-size:18px}h2{font:400 26px 'Playfair Display',Georgia,serif;margin:20px 0 8px}.muted{color:#807266;font-size:12px;margin:0 0 26px}.field{margin-bottom:16px}label{font-size:12px;display:block;font-weight:500}.field label{display:flex;justify-content:space-between;margin-bottom:9px}.field label>span{color:#8a7b6b;font-weight:400}.input-wrap{position:relative}.input-wrap input{width:100%;background:transparent;border:1px solid #cdbfae;border-radius:0;padding:14px 52px 14px 14px;color:var(--espresso);font:18px 'DM Sans',Arial,sans-serif;min-height:51px}.input-wrap>span{position:absolute;right:16px;top:18px;font-size:12px;color:#8a7966;pointer-events:none}input::placeholder{color:#a09385;font-size:14px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #917039;outline-offset:4px}input[aria-invalid=true]{border-color:#a04436}.error{color:#923d30;font-size:12px;margin:7px 0 0;min-height:0}.error:empty{display:none}.calculate{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:24px;background:var(--espresso);color:var(--ivory);border:1px solid var(--espresso);padding:16px 18px;font-size:12px;letter-spacing:.3px}.calculate:hover{background:#50362a}.calculate span{color:var(--gold);font-size:19px}.privacy{color:#8a7b6b;font-size:10px;margin:16px 0 0;text-align:center}.results{padding:40px 34px 24px;background:radial-gradient(ellipse at 100% 0,#fbf4e6 0,transparent 65%),#eee6d8;display:flex;flex-direction:column;min-width:0}.result-main{text-align:center;padding:23px 0 22px;overflow-wrap:anywhere}.result-label{font:20px 'Playfair Display',Georgia,serif;margin:8px 0 12px}.result-number{font:64px 'Playfair Display',Georgia,serif;line-height:1.2;color:#795b30}.unit{font-size:12px;letter-spacing:2px;color:#78644a;margin:8px 0 20px}.equation{font-size:12px;color:#7c6c59;line-height:1.6;min-height:19px}.conversion{border-top:1px solid #d5c5ae;border-bottom:1px solid #d5c5ae;padding:20px 0}.toggle{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:12px}.toggle input{accent-color:#69533b;width:16px;height:16px;margin:0}.toggle>span:last-child{margin-left:auto;font-size:18px;color:#8b714c}.conversion-help{font-size:11px;color:#796a59;line-height:1.7}.conversion .input-wrap{margin-top:8px}.volume{font:32px 'Playfair Display',Georgia,serif;margin:16px 0 0;overflow-wrap:anywhere}.volume small{font:12px 'DM Sans',Arial,sans-serif}.result-foot{font-size:9px;letter-spacing:1.6px;color:#8a775e;text-align:center;margin:24px 0 0}.notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:28px 0 30px}.small-index{color:#66725d;font-size:9px;letter-spacing:1.5px}.notes p{font-size:11px;line-height:1.8;color:#807265;margin:9px 0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:23px 0 28px;gap:20px}footer>span{font-size:8px;letter-spacing:1.3px}footer p{font:14px 'Playfair Display',Georgia,serif;margin:0}footer em{color:#97743d}button,input,a{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}@media(min-width:1400px){.intro{padding-top:60px}}@media(max-width:700px){header{padding:14px 22px}.header-note{display:none}main{padding:0 20px}.intro{padding:34px 0 28px}.intro h1{font-size:46px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.4px}.lede{font-size:13px}.calculator{grid-template-columns:1fr}.inputs,.results{padding:26px 24px}.notes{grid-template-columns:1fr;gap:15px;padding:25px 4px}.result-main{padding-top:15px}.result-number{font-size:58px}footer{flex-direction:column;gap:13px;text-align:center}.badge{font-size:8px}.logo{width:108px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}


.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);margin:24px 0;background:#f4eee5}.mode-switch button{border:1px solid transparent;background:transparent;text-align:left;padding:10px;color:var(--espresso);font-size:12px}.mode-switch button[aria-pressed=true]{background:#fffaf2;border-color:#d3c0a2;box-shadow:0 2px 6px #44291008}.mode-switch small{display:block;margin-top:5px;font-size:9px;color:#796959}.step-status{font-size:11px;color:#637258;border-bottom:1px solid var(--line);padding-bottom:12px}.field-help{font-size:10px;line-height:1.7;color:#827260;margin:8px 0 0}.input-wrap input[type=text]{font-size:13px;padding-right:14px}.slider-top{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.slider-top label,.slider-top span{font-size:10px;color:#776651}input[type=range]{width:100%;height:22px;accent-color:#8e9b85;cursor:pointer;display:block;margin:0}.slider-labels{display:flex;justify-content:space-between;color:#8a7a67;font-size:9px;margin:4px 0 10px}.guided-navigation{display:flex;align-items:center;gap:14px}.guided-navigation .calculate{margin-top:12px}#back{border:0;background:none;font-size:12px;color:#796348;padding:10px 0;margin-top:10px}.conversion-controls{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:end}.conversion-controls select{margin-top:8px;width:100%;min-height:51px;border:1px solid #cdbfae;background:transparent;color:var(--espresso);padding:10px;font:12px 'DM Sans',Arial,sans-serif}.conversion-controls select:focus-visible{outline:2px solid #917039;outline-offset:4px}.conversion-controls input{padding-right:14px}.export-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.export-actions button{flex:1;border:1px solid #c9b896;background:#f8f1e680;color:#5d482e;padding:12px 10px;font-size:10px;white-space:nowrap}.export-actions button:hover:not(:disabled){background:#fff8ea}.export-actions button:disabled{opacity:.5;cursor:default}.how-it-works{padding:44px 0 22px;border-bottom:1px solid var(--line)}.how-it-works h2{margin:12px 0 24px;font-size:30px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how-grid article>span{font-size:10px;color:#9b7d49;letter-spacing:1.5px}.how-grid h3{font:18px 'Playfair Display',Georgia,serif;font-weight:400}.how-grid p{font-size:12px;line-height:1.8;color:#7d6e5f}#print-record{display:none}.result-main{padding-top:16px}#alternate-concentration{margin-bottom:0}.notes{gap:40px}@media(max-width:700px){.how-grid{grid-template-columns:1fr;gap:15px}.how-grid article{border-top:1px solid var(--line);padding-top:15px}.how-grid h3{margin:8px 0}.how-grid p{margin-bottom:0}.how-it-works{padding-top:30px}.conversion-controls{grid-template-columns:minmax(0,1fr) 100px}}@media(max-width:360px){.inputs,.results{padding:24px 18px}.mode-switch small{font-size:8px}.conversion-controls{grid-template-columns:minmax(0,1fr) 92px}}@media print{body{background:white;color:#2e1e17}body>header,body>main{display:none!important}#print-record{display:block;padding:24px;max-width:680px;margin:auto}#print-record h1{font:32px Georgia,serif;color:#795b30;border-bottom:1px solid #c9a96b;padding-bottom:16px}#print-record pre{font:13px/1.9 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}}
.syringe-scale{margin:24px 0 0;padding:18px 16px 16px;border:1px solid #c6b492;min-width:0}.syringe-scale legend{font:18px 'Playfair Display',Georgia,serif;color:#72552f;padding:0 8px}.syringe-scale>label{margin-top:14px}.syringe-scale select{width:100%;min-height:48px;margin:8px 0 0;padding:10px;border:1px solid #c5b69f;background:#faf5eb;color:var(--espresso);font:12px 'DM Sans',Arial,sans-serif}.syringe-scale select:focus-visible{outline:2px solid #917039;outline-offset:4px}.syringe-result>p:first-child{margin:20px 0 8px;overflow-wrap:anywhere}#syringe-units{font:44px/1.15 'Playfair Display',Georgia,serif;color:#795b30}.syringe-result small{display:block;margin-top:8px;font-size:11px;color:#796348;letter-spacing:.5px}.capacity-status{font-size:11px;line-height:1.7;padding:10px;margin:12px 0}.capacity-status:empty{display:none}.within-capacity{background:#8e9b851a;color:#4d5d43;border-left:2px solid #8e9b85}.over-capacity{background:#a0443610;color:#923d30;border-left:2px solid #a04436}.scale-note{font-size:10px;line-height:1.8;color:#746552;margin:16px 0}.research-notice{font-size:10px;line-height:1.8;border-top:1px solid #d5c5ae;padding-top:12px;color:#615139}.research-notice strong{font-size:9px;letter-spacing:.5px}.scale-source{font-size:9px;color:#6d5634;text-underline-offset:3px}
.fixed-syringe{display:flex;justify-content:space-between;gap:12px;margin:15px 0;background:#faf5eb;border:1px solid #c5b69f;padding:14px;font-size:12px}.fixed-syringe span{color:#796348;font-size:11px}@media print{@page{size:5in 4in;margin:0}html,body{width:5in;height:4in;margin:0!important;padding:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}#print-record{display:block;width:5in;height:4in;max-width:none;margin:0;padding:0}#print-record img{display:block;width:5in;height:4in;break-inside:avoid}}
.intro{padding:34px 0 26px}.intro h1{font-size:52px;margin:14px 0}.name-option{margin:0 0 20px;color:#796348;font-size:11px}.name-option summary,.simple-help summary{cursor:pointer;min-height:36px;padding:10px 0}.name-option .field{margin-top:12px}.result-main{padding:12px 0 16px}.result-number{font-size:48px}.result-label{font-size:19px}.unit{margin-bottom:10px}.equation{margin-bottom:0}.conversion{padding-top:18px}.syringe-scale{margin-top:16px}.syringe-scale .research-notice{margin-bottom:0}.simple-help{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px;padding:5px 0}.simple-help summary{font:18px 'Playfair Display',Georgia,serif;padding:14px 0}.help-content{max-width:650px;padding:0 0 20px}.help-content h3{font-size:13px;margin:18px 0 8px;font-weight:500}.help-content p{font-size:12px;color:#7a6a5a;line-height:1.8}.simple-disclaimer{font-size:10px;line-height:1.8;color:#7a6a5a;margin:20px 0 26px}.simple-disclaimer strong{color:#635139}.toggle{font-size:13px}.scale-note{font-size:11px}.fixed-syringe{margin-top:10px}@media(max-width:700px){.intro h1{font-size:43px}.intro{padding:26px 0 24px}.inputs,.results{padding:24px}.result-number{font-size:48px}.toggle{font-size:12px}}
.usage-planner{margin-top:28px;padding:28px 30px;background:#eff0e8;border:1px solid #cbd0c1}.usage-planner h2{margin:12px 0;font-size:28px}.usage-intro{font-size:12px;color:#6c735f;margin-bottom:24px}.usage-controls{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;max-width:700px}.usage-controls input{display:block;width:100%;min-height:46px;border:1px solid #b8bfac;border-radius:0;background:#fcfaf3;color:#2e1e17;padding:12px;font:14px 'DM Sans',Arial,sans-serif;margin-top:8px}.frequency-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.frequency-presets button{border:1px solid #b6bea9;background:transparent;color:#4f5b43;font-size:11px;padding:10px 12px;min-height:38px}.frequency-presets button[aria-pressed=true]{background:#65745a;color:#fffaf0;border-color:#65745a}.usage-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;border-top:1px solid #cbd0c1;margin-top:26px;padding-top:22px}.usage-stats span{display:block;font-size:11px;color:#69725d}.usage-stats strong{display:block;font:34px 'Playfair Display',Georgia,serif;font-weight:400;margin-top:10px;overflow-wrap:anywhere}.usage-stats>div:last-child strong{font-size:25px}.usage-message{font-size:12px;line-height:1.8;margin:22px 0 10px;color:#4f5b43}.usage-note{font-size:10px;color:#737c68;line-height:1.8;max-width:720px}@media(max-width:700px){.usage-planner{padding:24px}.usage-planner h2{font-size:25px}.usage-controls{grid-template-columns:1fr;gap:20px}.usage-stats{grid-template-columns:1fr 1fr}.usage-stats>div:last-child{grid-column:1/-1}.usage-stats strong{font-size:30px}.frequency-presets button{padding:10px}}
.copyright{text-align:center;font-size:10px;color:#807265;letter-spacing:.3px;margin:0 0 24px;line-height:1.6}