:root{--bg:#f7faf9;--card:#fff;--ink:#14231f;--muted:#5b6b67;--brand:#0f5c55;--brand2:#5fd0bd;--line:#dfe8e5;--warn:#8a5a00;--warnbg:#fff6e0;--stop:#9b1c1c;--stopbg:#fdecec;--ok:#0f6b3f;--radius:14px}*{box-sizing:border-box}body,html{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--brand)}main{max-width:760px;margin:0 auto;padding:16px 16px 140px}header.site{background:#fff;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}header.site .in{max-width:760px;margin:0 auto;padding:10px 16px;gap:12px;flex-wrap:wrap}.logo,header.site .in{display:flex;align-items:center}.logo{gap:8px;font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none}.logo img{width:28px;height:28px}nav.top{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}nav.top a{padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:.95rem}nav.top a:hover{background:#eef5f3}h1{font-size:1.7rem;line-height:1.2;margin:18px 0 8px}h2{font-size:1.2rem;margin:24px 0 8px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.03)}.lede{color:var(--muted);font-size:1.05rem}label{display:block;font-weight:600;font-size:.92rem;margin:10px 0 4px}.hint{font-weight:400;color:var(--muted);font-size:.85rem}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1 1 88px;min-width:0}input,select,textarea{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #c9d6d2;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid #9fe3d6;border-color:var(--brand)}.err{color:var(--stop);font-size:.85rem;margin-top:3px}.seg{display:flex;background:#eef5f3;border-radius:10px;padding:3px;gap:3px;margin:6px 0 4px}.seg button{flex:1 1;border:0;background:transparent;padding:9px;border-radius:8px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:#fff;color:var(--brand);box-shadow:0 1px 3px rgba(0,0,0,.08)}.btn{display:inline-block;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:700;padding:12px 16px;border-radius:10px;cursor:pointer;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:#eef5f3;color:var(--brand)}.btn.danger{background:var(--stopbg);color:var(--stop)}.result{border:2px solid var(--brand2);background:#f2fbf9}.big{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;color:var(--brand);line-height:1.1}.sub{color:var(--muted)}.issue{border-radius:10px;padding:10px 12px;margin:8px 0;font-size:.95rem}.issue.stop{background:var(--stopbg);color:var(--stop);border:1px solid #f3c4c4;font-weight:600}.issue.warn{background:var(--warnbg);color:var(--warn);border:1px solid #f1dca6}.working{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.88rem;background:#f4f7f6;border-radius:10px;padding:10px 12px}.working div{padding:2px 0}.disclaimer{position:fixed;bottom:0;left:0;right:0;background:#14231f;color:#e9f3f0;font-size:.82rem;padding:9px 14px;z-index:20;text-align:center}.disclaimer strong{color:#9fe3d6}footer.site{max-width:760px;margin:0 auto;padding:16px;color:var(--muted);font-size:.85rem}footer.site a{margin-right:12px}.modal{position:fixed;inset:0;background:rgba(10,20,18,.55);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal .card{max-width:440px}.grid2{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}.tile{display:block;text-decoration:none;color:inherit}.tile h3{margin:0 0 4px;color:var(--brand)}table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:100%;border-collapse:collapse;font-size:.92rem}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}.pill{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:99px;background:#eef5f3;color:var(--brand);font-weight:700}.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.check input{width:22px;height:22px;flex:none;margin-top:2px}.syringe{margin:12px 0 4px}@media screen{.print-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.print-sheet{min-width:0}.print-scroll table{min-width:720px}.print-sheet>.sub{overflow-wrap:anywhere}.print-sheet td:nth-child(2),.print-sheet td:nth-child(6),.print-sheet th:nth-child(2),.print-sheet th:nth-child(6){min-width:10rem;overflow-wrap:break-word}.print-sheet td:first-child,.print-sheet td:nth-child(3),.print-sheet td:nth-child(4){white-space:nowrap}}.print-sheet table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:100%;border-collapse:collapse;font-size:.9rem}.print-sheet td,.print-sheet th{border:1px solid #9aa8a4;padding:6px;text-align:left;vertical-align:top}.print-sheet.blank td{height:2.1em}.print-only{display:none}@media print{@page{margin:12mm}body{background:#fff!important;color:#000}.disclaimer,.install,.modal,.no-print,footer.site,header.site,nav{display:none!important}main{max-width:none;padding:0;margin:0}.card{box-shadow:none;border:none;padding:0}.print-only{display:block}.print-sheet tr{page-break-inside:avoid;break-inside:avoid}a{color:#000;text-decoration:none}}footer.site,header.site .in,main{max-width:1080px}.prose,article{max-width:760px}h1{letter-spacing:-.01em}h3{margin:0 0 4px}.card{transition:box-shadow .2s}.tile:hover{box-shadow:0 6px 20px rgba(15,92,85,.1);border-color:#bfe3da}.stack{display:flex;flex-direction:column;gap:12px}.stack .card{margin:0}.hero{display:grid;grid-gap:8px;gap:8px;align-items:center;padding:8px 0 4px}.hero-art{background:linear-gradient(160deg,#e9f7f3,#fff);border:1px solid var(--line);border-radius:20px;padding:6px 10px}.hero-art .anim{margin:0;border:0;background:none;padding:0}@media(min-width:900px){.hero{grid-template-columns:1.05fr 1fr;gap:36px;padding:28px 0 12px}.hero h1{font-size:2.5rem}}.features .card{margin:0}.feature .ficon{font-size:1.5rem;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef5f3;margin-bottom:8px}.reveal{transition:opacity .55s ease var(--d,0s),transform .55s ease var(--d,0s)}.rv .reveal:not(.in){opacity:0;transform:translateY(16px)}.syr{width:100%;height:auto;display:block}.syr-outline{stroke:rgba(20,45,40,.32);stroke-width:1.1}.syr-hub{filter:none}.syr-flange{stroke:#b9c6c3;stroke-width:.8}.syr-fill{transition:width .45s cubic-bezier(.2,.7,.2,1)}.syr-meniscus{fill:#e9fffb;opacity:.9}.syr-tick{stroke:#22332f;stroke-width:.9;opacity:.85}.syr-tick.hl{stroke:var(--brand);stroke-width:2.6;opacity:1}.syr-lab{font-size:15px;font-weight:600;fill:#34463f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em}.syr-brand{font-size:8.5px;font-weight:700;letter-spacing:.14em;fill:#0f5c55;opacity:.55;font-family:ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.syr-hl{stroke:var(--brand);stroke-width:1.4;stroke-dasharray:2 2}.syr-pill{fill:var(--brand)}.syr-hltext{font-size:11.5px;font-weight:700;fill:#fff;font-family:ui-sans-serif,system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syr-plunger{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.syr-stoptext{font-size:14px;font-weight:800;letter-spacing:.02em;fill:var(--stop);font-family:ui-sans-serif,system-ui,sans-serif}.syr-stop .syr-barrel{fill:var(--stopbg)}.syr-stop .syr-outline{stroke:var(--stop);stroke-width:2}.stage{background:linear-gradient(180deg,#fbfefd,#f1f8f6);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 6px;margin:14px 0 0}.stage-stop{border-color:#f3c4c4}.stage-hint{margin:2px 0 6px;font-size:.9rem}.stage+.result{margin-top:8px}.calc{display:grid;grid-gap:0 24px;gap:0 24px;grid-template-areas:"tabs" "out" "in"}.calc-tabs{grid-area:tabs}.calc-out{grid-area:out}.calc .inputs{grid-area:in}@media(min-width:960px){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"tabs tabs" "in out";align-items:start}.calc .inputs{position:-webkit-sticky;position:sticky;top:72px}}details.more{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}details.more summary{cursor:pointer;font-weight:700;color:var(--brand);padding:6px 0}.anim{margin:16px 0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px}.anim svg{width:100%;height:auto;display:block}.anim figcaption{font-size:.92rem;color:var(--muted);margin-top:4px}.anim-pause{font:inherit;font-size:.8rem;border:1px solid var(--line);background:#eef5f3;color:var(--brand);border-radius:8px;padding:3px 8px;cursor:pointer;margin-left:4px}.anim-math{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px;fill:var(--ink)}.vial-cap{fill:#5b6b67}.vial-neck{fill:#e6eeec;stroke:#9aa8a4}.vial-glass{fill:#f7fbfa;stroke:#14231f;stroke-width:1.5}.vial-liq{fill:var(--brand2);opacity:.85}.vial-powder{fill:#e8e1cf}.vc{font-size:15px;font-weight:700;fill:var(--brand);font-family:system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:0}.vc4{opacity:1}@keyframes a-fill{0%,10%{width:0}45%,80%{width:136px}95%,to{width:0}}@keyframes a-plunger{0%,10%{transform:translateX(0)}45%,80%{transform:translateX(136px)}95%,to{transform:translateX(0)}}@keyframes a-hl{0%,44%{opacity:0}50%,80%{opacity:1}88%,to{opacity:0}}.a-fill{animation:a-fill 8s ease-in-out infinite}.a-plunger{animation:a-plunger 8s ease-in-out infinite}.a-hl{animation:a-hl 8s ease infinite}@keyframes a-level{0%,12%{transform:scaleY(1)}20%,32%{transform:scaleY(.75)}40%,52%{transform:scaleY(.5)}60%,72%{transform:scaleY(.25)}80%,95%{transform:scaleY(.02)}to{transform:scaleY(1)}}.a-level{transform-box:fill-box;transform-origin:bottom;transform:scaleY(.02);animation:a-level 8s ease-in-out infinite}@keyframes vc0{0%,14%{opacity:1}16%,to{opacity:0}}@keyframes vc1{0%,16%{opacity:0}20%,34%{opacity:1}36%,to{opacity:0}}@keyframes vc2{0%,36%{opacity:0}40%,54%{opacity:1}56%,to{opacity:0}}@keyframes vc3{0%,56%{opacity:0}60%,74%{opacity:1}76%,to{opacity:0}}@keyframes vc4{0%,76%{opacity:0}80%,95%{opacity:1}to{opacity:0}}.vc0{animation:vc0 8s infinite}.vc1{animation:vc1 8s infinite}.vc2{animation:vc2 8s infinite}.vc3{animation:vc3 8s infinite}.vc4{animation:vc4 8s infinite}@keyframes a-water{0%,8%{transform:scaleY(0)}30%,to{transform:scaleY(1)}}@keyframes a-powder{0%,15%{opacity:1}30%,to{opacity:0}}@keyframes a-drop{0%,4%{opacity:0}28%,8%{opacity:1}34%,to{opacity:0}}.a-water{transform-box:fill-box;transform-origin:bottom;animation:a-water 10s ease-in-out infinite}.a-powder{opacity:0;animation:a-powder 10s infinite}.a-drop{opacity:0;animation:a-drop 10s infinite}@keyframes a-line0{0%,32%{opacity:0}38%,94%{opacity:1}to{opacity:0}}@keyframes a-line1{0%,48%{opacity:0}54%,94%{opacity:1}to{opacity:0}}@keyframes a-line2{0%,64%{opacity:0}70%,94%{opacity:1}to{opacity:0}}.a-line0{animation:a-line0 10s infinite}.a-line1{animation:a-line1 10s infinite}.a-line2{animation:a-line2 10s infinite}.anim.paused *{animation-play-state:paused!important}.err,.issue,.result .big{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv .reveal:not(.in){opacity:1;transform:none}.anim-pause{display:none}}@media print{.anim,.hero-art,.stage{display:none!important}}.anim-example{font-size:12px;font-weight:700;fill:var(--muted);font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.syr-empty .syr-fill,.syr-empty .syr-plunger,.syr-stop .syr-fill,.syr-stop .syr-plunger{transition:none}@media(max-width:640px){.stage{padding:8px 2px 4px;overflow:hidden}.stage .syr{width:calc(100% + 4px);max-width:none;margin:0 -2px}}