.pcalc,.pcalc-mbar{--cf-head:var(--font-space-grotesk), var(--font-inter), system-ui, sans-serif;--cf-body:var(--font-inter), system-ui, sans-serif}.pcalc{--paper:#fbfcfe;--grid-a:#0030870e;--grid-b:#00308706;--brand-soft:#eef3fb;--num-line:#cdd4e0;--ink:#1b2537;max-width:1280px;margin:0 auto;padding:14px 16px 40px;font-size:14px;line-height:1.45}[data-theme=dark] .pcalc{--paper:#10172a;--grid-a:#78a0e614;--grid-b:#78a0e609;--brand-soft:#1a2747;--num-line:var(--line);--ink:#dbe4f5}.pcalc button,.pcalc input{font:inherit;color:inherit}.pcalc [hidden]{display:none!important}.pcalc .intro h1{font:600 24px/1.15 var(--cf-head);color:var(--title);letter-spacing:-.02em;margin:0}.pcalc .intro p{color:var(--muted);max-width:60ch;margin:2px 0 10px;font-size:13.5px}.pcalc .intro p .more-txt,.pcalc .vf figcaption{display:none}.pcalc .tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(3,1fr);margin-bottom:16px;display:grid;overflow:hidden}.pcalc .tabs button{cursor:pointer;height:42px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex}.pcalc .tabs button+button{border-left:1px solid var(--line)}.pcalc .tabs button[aria-selected=true]{background:var(--navy);color:#fff}.pcalc .tabs button svg{flex:none;display:none}.pcalc .paper{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--paper);background-image:linear-gradient(var(--grid-a) 1px, transparent 1px), linear-gradient(90deg, var(--grid-a) 1px, transparent 1px), linear-gradient(var(--grid-b) 1px, transparent 1px), linear-gradient(90deg, var(--grid-b) 1px, transparent 1px);background-position:-1px -1px;background-size:40px 40px,40px 40px,8px 8px,8px 8px}.pcalc .flow{grid-template-columns:minmax(0,1fr);grid-template-areas:"s1""s2""s3""vials""syr""res";gap:14px;display:grid}.pcalc .flow .art,.pcalc .flow .steps{display:contents}.pcalc .flow .step[data-step="1"]{grid-area:s1}.pcalc .flow .step[data-step="2"]{grid-area:s2}.pcalc .flow .step[data-step="3"]{grid-area:s3}.pcalc .flow .vials-box{grid-area:vials}.pcalc .flow .syr-box{grid-area:syr}.pcalc .flow .res{grid-area:res}.pcalc .step{grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:10px;display:grid;position:relative}.pcalc .step .n{border:1.5px solid var(--brand);width:24px;height:24px;color:var(--brand);background:var(--surface);font:700 13px var(--cf-head);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.pcalc .step.hot .n{background:var(--brand);color:var(--brand-contrast)}.pcalc .step h2{font:600 16px/1.25 var(--cf-head);color:var(--title);letter-spacing:-.01em;margin:0}.pcalc .step .hint{color:var(--muted);grid-column:2;margin-top:1px;font-size:12.5px;display:none}.pcalc .step .body{grid-column:1/-1;gap:8px;min-width:0;margin-top:8px;display:grid}.pcalc .f-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pcalc .chip-btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-variant-numeric:tabular-nums;min-width:44px;height:38px;color:var(--text);white-space:nowrap;padding:0 9px;font-weight:500}.pcalc .chip-btn:hover{border-color:var(--muted)}.pcalc .chip-btn.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:600}.pcalc .num{border:1px solid var(--num-line);border-radius:var(--radius);background:var(--surface);flex:84px;align-items:center;min-width:84px;max-width:150px;height:38px;padding-left:10px;display:inline-flex}.pcalc .num.dose{flex-basis:160px;max-width:200px}.pcalc .num:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0030871f}.pcalc .num input{width:100%;min-width:0;color:var(--title);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;font-size:16px;font-weight:600}.pcalc .num .u{color:var(--muted);flex:none;padding:0 10px 0 4px;font-size:13px}.pcalc .u-sw{border:1px solid var(--line);border-radius:4px;flex:none;margin-right:3px;display:inline-flex;overflow:hidden}.pcalc .u-sw button{background:var(--surface);height:28px;color:var(--muted);cursor:pointer;border:0;padding:0 8px;font-size:12px}.pcalc .u-sw button.on{background:var(--navy);color:#fff;font-weight:600}.pcalc .vials-box{padding:12px 12px 10px}.pcalc .vials{grid-template-columns:1fr 72px 1fr;place-items:end center;display:grid}.pcalc .vf{text-align:center;justify-items:center;gap:6px;margin:0;display:grid;position:relative}.pcalc .vlab{--vh:92px;height:var(--vh);display:block;position:relative}.pcalc .vlab img{height:var(--vh);filter:drop-shadow(0 6px 8px #102b5724);width:auto;display:block}.pcalc .vlab .nm{text-align:center;color:#0a4ea2;width:78%;font:800 calc(var(--vh) * .05) / 1 var(--cf-body);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:61.4%;left:10%;overflow:hidden}.pcalc .vlab .mgb{border:max(1px, calc(var(--vh) * .0045)) solid #0a4ea2;color:#0a4ea2;width:33.4%;height:7.6%;font:800 calc(var(--vh) * .04) / 1 var(--cf-body);white-space:nowrap;place-items:center;display:grid;position:absolute;top:69.4%;left:64.2%}.pcalc .vlab.sm{--vh:100px}.pcalc .vf figcaption{color:var(--muted);max-width:120px;font-size:11.5px;line-height:1.3}.pcalc .vf figcaption b{color:var(--title);font:600 13px var(--cf-head);display:block}.pcalc .pour{color:var(--brand);align-self:center;justify-items:center;gap:2px;display:grid}.pcalc .pour svg{width:64px;height:30px;overflow:visible}.pcalc .pour b{font:700 16px var(--cf-head);color:var(--title);font-variant-numeric:tabular-nums}.pcalc .pour span{color:var(--muted);font-size:11.5px}.pcalc .bdg{background:var(--cta);color:#fff;width:20px;height:20px;font:700 11.5px var(--cf-body);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;left:-12px}.pcalc .mix{border-top:1px solid var(--line);text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0;padding-top:8px;font-size:13px}.pcalc .mix b{color:var(--title);font:700 15px var(--cf-head)}.pcalc .syr-box{padding:10px 10px 8px}.pcalc .syr-cap{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:4px;padding-left:28px;display:flex;position:relative}.pcalc .syr-cap .bdg{top:-1px;left:0}.pcalc .syr-cap b{font:600 13.5px var(--cf-head);color:var(--title)}.pcalc .syr-cap span{color:var(--muted);font-size:12px}.pcalc .syr-wrap svg{width:100%;height:auto;display:block;overflow:visible}.pcalc .syr-ink{stroke:var(--ink)}.pcalc .syr-num{fill:var(--ink)}.pcalc .mk{fill:var(--cta);transition:fill .2s}.pcalc .mk text{fill:#fff}.pcalc .mk.bad{fill:var(--danger)}.pcalc .res{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pcalc .ro-label{color:var(--muted);font-size:13px}.pcalc .ro-big{font:700 36px/1.05 var(--cf-head);color:var(--title);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px}.pcalc .ro-big small{letter-spacing:-.01em;font-size:.5em;font-weight:600}.pcalc .ro-sub{font:500 15px var(--cf-head);color:var(--brand);font-variant-numeric:tabular-nums;min-height:1.2em;margin-top:3px}.pcalc .ro-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:12px 0 0;display:grid}.pcalc .ro-grid div{padding:9px 0 0}.pcalc .ro-grid div:nth-child(2n){border-left:1px solid var(--line);padding-left:12px}.pcalc .ro-grid div:nth-child(n+3){border-top:1px solid var(--line);margin-top:9px}.pcalc .ro-grid dt{color:var(--muted);font-size:11.5px}.pcalc .ro-grid dd{font:600 17px var(--cf-head);color:var(--title);font-variant-numeric:tabular-nums;margin:1px 0 0}.pcalc .alert{border-radius:var(--radius);align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.pcalc .alert .ic{color:#fff;width:18px;height:18px;font:700 12px var(--cf-body);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.pcalc .alert.danger{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--title)}.pcalc .alert.danger .ic{background:var(--danger)}.pcalc .alert.warn{background:color-mix(in srgb, var(--warning) 14%, var(--surface));color:var(--title)}.pcalc .alert.warn .ic{background:var(--warning)}.pcalc .alert.info{background:var(--brand-soft);color:var(--title)}.pcalc .alert.info .ic{background:var(--brand)}.pcalc .alert b{font-weight:600}.pcalc .how{color:var(--muted);margin-top:12px;font-size:12.5px}.pcalc .how summary{cursor:pointer;color:var(--brand);align-items:center;gap:5px;font-weight:600;list-style:none;display:inline-flex}.pcalc .how summary::-webkit-details-marker{display:none}.pcalc .how summary svg{transition:transform .2s}.pcalc .how[open] summary svg{transform:rotate(90deg)}.pcalc .how ol{font-variant-numeric:tabular-nums;gap:3px;margin:8px 0 0;padding-left:18px;list-style:decimal;display:grid}.pcalc .duo{gap:16px;display:grid}.pcalc .duo .stage{padding:14px}.pcalc .duo .steps{order:-1;align-content:start;gap:18px;display:grid}.pcalc .pen-pic{padding:8px 0 44px;position:relative}.pcalc .pen-pic img{filter:drop-shadow(0 8px 10px #102b5729);width:100%;height:auto;display:block}.pcalc .click-flag{border-radius:var(--radius);background:var(--cta);color:#fff;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:13px;display:inline-flex;position:absolute;top:calc(100% - 38px);left:0}.pcalc .click-flag:before{content:"";border:6px solid #0000;border-top:0;border-bottom-color:var(--cta);position:absolute;top:-6px;left:18px}.pcalc .click-flag b{font:700 16px var(--cf-head)}.pcalc .clicks-note{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.pcalc .clicks-note b{color:var(--title)}.pcalc .linkish{color:var(--brand);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.pcalc .stage-in{gap:12px;display:grid}.pcalc .stage .ro{padding-top:4px}.pcalc .seg{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.pcalc .seg button{background:var(--surface);cursor:pointer;color:var(--text);border:0;padding:9px 6px;font-weight:500;line-height:1.2}.pcalc .seg button:nth-child(2n){border-left:1px solid var(--line)}.pcalc .seg button:nth-child(n+3){border-top:1px solid var(--line)}.pcalc .seg button.on{background:var(--navy);color:#fff;font-weight:600}.pcalc .vials-row{flex-wrap:wrap;align-items:flex-end;gap:6px 4px;min-height:110px;display:flex}.pcalc .vials-row .more{font:600 15px var(--cf-head);color:var(--title);padding:0 0 40px 6px}.pcalc .spend{gap:6px;display:grid}.pcalc .spend-bar{gap:3px;height:14px;display:flex}.pcalc .spend-bar i{background:repeating-linear-gradient(135deg, var(--track) 0 4px, var(--surface-2) 4px 8px);border-radius:3px;flex:1;position:relative;overflow:hidden}.pcalc .spend-bar i b{background:var(--brand);border-radius:3px 0 0 3px;position:absolute;inset:0 auto 0 0}.pcalc .spend-leg{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.pcalc .spend-leg span{align-items:center;gap:6px;display:inline-flex}.pcalc .spend-leg i{background:var(--brand);border-radius:2px;width:10px;height:10px}.pcalc .spend-leg i.rest{background:repeating-linear-gradient(135deg, var(--track) 0 3px, var(--surface-2) 3px 6px)}.pcalc .course-total{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.pcalc .course-total .sum-note{color:var(--muted);font-size:12.5px}.pcalc .course-total .sum-note b{font:600 15px var(--cf-head);color:var(--title);display:block}.pcalc .btn{border-radius:var(--radius);height:44px;font:600 14px var(--cf-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.pcalc .btn-cta{background:var(--cta);color:#fff}.pcalc .btn-cta:hover{background:var(--cta-hover)}.pcalc .btn-line{background:var(--surface);color:var(--brand);border-color:var(--brand)}.pcalc .btn-line:hover{background:var(--brand-soft)}.pcalc .foot{gap:12px;margin-top:20px;display:grid}.pcalc .store{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 14px;display:flex}.pcalc .store .th{border-radius:var(--radius);background:var(--brand-soft);width:36px;height:36px;color:var(--brand);flex:none;place-items:center;display:grid}.pcalc .store b{font:600 14px var(--cf-head);color:var(--title);display:block}.pcalc .store span{color:var(--muted);font-size:12.5px}.pcalc .foot-actions{gap:8px;display:grid}.pcalc .disc{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pcalc .disc b{color:var(--title);letter-spacing:.02em}.pcalc-mbar{z-index:calc(var(--z-header) + 1);padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--head);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:10px;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.pcalc-mbar.show{transform:none}.pcalc-mbar .t{color:var(--muted);font-size:12px}.pcalc-mbar .v{font:700 18px var(--cf-head);color:var(--title);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pcalc-mbar button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);height:36px;color:var(--brand);cursor:pointer;padding:0 12px;font-weight:600}.pcalc .tg{border-top:1px solid var(--line);padding-top:16px}.pcalc .tg-head{margin-bottom:14px}.pcalc .tg-head h2{font:600 18px var(--cf-head);color:var(--title);margin:0}.pcalc .tg-body{align-items:start;gap:16px;display:grid}.pcalc .tg-side{align-content:start;gap:12px;display:grid}.pcalc .tg-side ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px}.pcalc .connect{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.pcalc .connect h3{font:600 16px var(--cf-head);color:var(--title);margin:0}.pcalc .connect ol{gap:6px;margin:0;padding-left:20px;font-size:13.5px;display:grid}.pcalc .connect .note{color:var(--muted);margin:0;font-size:12px}.pcalc .connect .btn{justify-self:start}.pcalc .sent{color:var(--title);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.pcalc .sent .ok{background:var(--success);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.pcalc .chat{--chat-bg:#dfe7ef;--bub:#fff;--bub-ink:#1b2537;--kb:#ffffffb8;border:1px solid var(--line);background:var(--chat-bg);border-radius:8px;width:100%;max-width:400px;overflow:hidden}[data-theme=dark] .pcalc .chat{--chat-bg:#0e1527;--bub:#1a2440;--bub-ink:#dbe4f5;--kb:#1a2440d9}.pcalc .chat-top{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.pcalc .chat-top .av{background:var(--brand);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.pcalc .chat-top b{color:var(--title);font-size:14px;display:block}.pcalc .chat-top span{color:var(--muted);font-size:12px}.pcalc .chat-feed{background-image:radial-gradient(var(--grid-a) 1px, transparent 1.2px);background-size:14px 14px;gap:6px;padding:12px 10px;display:grid}.pcalc .bub{background:var(--bub);max-width:94%;color:var(--bub-ink);border-radius:8px;justify-self:start;padding:9px 11px 7px;font-size:13.5px;line-height:1.45;box-shadow:0 1px 1px #102b5714}.pcalc .bub .t{font-weight:700;display:block}.pcalc .bub .r{min-height:.6em;display:block}.pcalc .bub .big{font-weight:700}.pcalc .bub .fine{color:var(--muted);margin-top:6px;font-size:11.5px;display:block}.pcalc .kb{grid-template-columns:1fr 1fr;gap:4px;max-width:94%;display:grid}.pcalc .kb span{background:var(--kb);text-align:center;color:var(--brand);border-radius:6px;padding:7px 6px;font-size:13px;font-weight:600}[data-theme=dark] .pcalc .kb span{color:var(--bub-ink)}@media (min-width:900px){.pcalc{padding:28px 24px 64px}.pcalc .intro h1{font-size:32px}.pcalc .intro p{margin-bottom:18px;font-size:14px}.pcalc .intro p .more-txt{display:inline}.pcalc .vf figcaption{display:block}.pcalc .tabs{max-width:560px;margin-bottom:20px}.pcalc .tabs button svg{display:block}.pcalc .flow{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);grid-template-areas:none;align-items:start;gap:28px}.pcalc .flow .art{grid-area:1/1;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"vials res""syr syr";align-items:center;gap:14px 30px;padding:22px 24px 18px;display:grid;position:sticky;top:84px}.pcalc .flow .art .vials-box{grid-area:vials}.pcalc .flow .art .res{grid-area:res}.pcalc .flow .art .syr-box{grid-area:syr}.pcalc .flow .art .paper,.pcalc .flow .res{background:0 0;border:0;padding:0}.pcalc .flow .steps{grid-area:1/2;align-content:start;display:grid}.pcalc .flow .step,.pcalc .flow .step[data-step]{grid-area:auto;padding-bottom:26px}.pcalc .flow .step:not(:last-child):before,.pcalc .duo .step:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:34px;bottom:6px;left:13.5px}.pcalc .vials{grid-template-columns:auto 84px auto}.pcalc .vlab{--vh:200px}.pcalc .vlab.sm{--vh:140px}.pcalc .pour svg{width:76px}.pcalc .pour{margin-bottom:30px}.pcalc .ro-big{font-size:46px}.pcalc .ro-sub{font-size:17px}.pcalc .flow .part{cursor:pointer;transition:opacity .2s}.pcalc .flow[data-hl] .part{opacity:.28}.pcalc .flow[data-hl="1"] .part[data-part~="1"],.pcalc .flow[data-hl="2"] .part[data-part~="2"],.pcalc .flow[data-hl="3"] .part[data-part~="3"]{opacity:1}.pcalc .duo{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:start;gap:28px}.pcalc .duo .stage{grid-area:1/1;padding:22px 24px;position:sticky;top:84px}.pcalc .duo .steps{order:0;grid-area:1/2;gap:4px}.pcalc .duo .step,.pcalc .flow .step,.pcalc .flow .step[data-step]{grid-template-columns:28px minmax(0,1fr);column-gap:12px}.pcalc .step .n{width:28px;height:28px;font-size:14px}.pcalc .step .hint{display:block}.pcalc .step .body{grid-column:2;margin-top:10px}.pcalc .duo .step{padding-bottom:22px}.pcalc .chip-btn{min-width:50px;padding:0 11px}.pcalc .foot{grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:center;gap:16px 28px}.pcalc .foot .disc,.pcalc .foot .tg{grid-column:1/-1}.pcalc .foot-actions{grid-template-columns:1fr 1fr}.pcalc .tg-body{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:28px}.pcalc-mbar{display:none}}@media (prefers-reduced-motion:reduce){.pcalc *,.pcalc-mbar{transition:none!important}}
