/* Scoped calculator presentation; existing MilliMark appearance tokens own both themes. */
.ic-view{width:100%;max-width:1080px;margin:0 auto;color:var(--ink);font-family:var(--sans);font-size:var(--type-16);line-height:1.5}
.ic-view *{box-sizing:border-box}.ic-view [hidden]{display:none!important}
.ic-view h1,.ic-view h2,.ic-view p{margin:0}.ic-view h1{font-size:var(--type-28);font-weight:600;line-height:1.15;letter-spacing:-.6px}.ic-view h2{font-size:var(--type-20);font-weight:600;line-height:1.3;letter-spacing:-.3px}
.ic-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ic-navigation>div{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.ic-view .ic-text-button{min-width:44px;min-height:44px;padding:6px 0;background:transparent;border:0;color:var(--ink-soft);font:inherit;font-size:var(--type-14);font-weight:400;cursor:pointer;text-underline-offset:4px}.ic-view .ic-text-button:hover{text-decoration:underline}.ic-text-button>span{font-size:var(--type-20);margin-right:5px}
.ic-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ic-heading p{margin-top:8px;font-size:var(--type-16);color:var(--ink-soft)}
.ic-header-art{width:96px;height:74px;flex:none;overflow:visible;color:var(--ink-soft)}.ic-art-cap{fill:var(--amber-soft);stroke:var(--amber);stroke-width:2}.ic-art-vial{fill:var(--card);stroke:var(--ink-soft);stroke-width:2}.ic-art-liquid{fill:var(--amber-soft)}.ic-art-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ic-art-shadow{stroke:var(--rule);stroke-width:2;stroke-linecap:round}
.ic-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:var(--card-2);border:1px solid var(--rule);border-radius:14px;max-width:620px}
.ic-view .ic-mode button{min-width:0;min-height:48px;padding:10px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink-soft);font:inherit;font-size:var(--type-14);font-weight:600;line-height:1.4;cursor:pointer}
.ic-view .ic-mode button[aria-pressed=true]{background:var(--card);border-color:var(--rule);color:var(--ink);box-shadow:0 2px 5px color-mix(in srgb,var(--ink) 5%,transparent)}
.ic-view .ic-intro{max-width:720px;margin:18px 0 26px;font-size:var(--type-14);line-height:1.65;color:var(--ink-soft)}
.ic-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:start}.ic-inputs,.ic-result-column{display:grid;gap:20px;min-width:0}
.ic-card{padding:24px;border:1px solid var(--rule);border-radius:20px;background:var(--card);min-width:0}.ic-card>h2{margin-bottom:20px}.ic-fields{display:grid;gap:18px}.ic-dose{margin-top:22px;padding-top:22px;border-top:1px solid var(--rule)}
.ic-field{min-width:0;display:grid;gap:8px;align-content:start}.ic-field>label{font-size:var(--type-14);font-weight:600;color:var(--ink)}
.ic-input-line{display:flex;align-items:stretch;min-width:0;border:1px solid var(--rule);border-radius:10px;background:var(--paper)}
.ic-view .ic-field input,.ic-view .ic-field select{font:inherit;font-size:var(--type-16);font-weight:400;min-width:0;min-height:48px;width:100%;margin:0;padding:12px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:none;line-height:1.4}
html.vr-app .ic-view .ic-input-line input{flex:1;width:0;border:0;background:transparent}html.vr-app .ic-view .ic-input-line select{width:86px;flex:none;border:0;border-left:1px solid var(--rule);border-radius:0 9px 9px 0;background:var(--card-2);padding-right:8px}
.ic-view .ic-field input::placeholder{color:var(--ink-faint);opacity:1}.ic-fixed-unit{display:flex;align-items:center;justify-content:center;padding:0 14px;min-width:62px;border-left:1px solid var(--rule);font-size:var(--type-14);color:var(--ink-soft);white-space:nowrap}
.ic-fixed-scale{display:flex;align-items:center;min-height:48px;padding:12px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);color:var(--ink-soft)}
.ic-view .ic-field-error{font-size:var(--type-12);line-height:1.5;color:var(--alert);margin:0}.ic-view [aria-invalid=true]{border-color:var(--alert)}.ic-input-line:has([aria-invalid=true]){border-color:var(--alert)}
.ic-view .ic-helper{margin:-9px 0 20px;font-size:var(--type-14);color:var(--ink-soft);line-height:1.6}.ic-syringe-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px}.ic-syringe-fields>.ic-field:last-child{grid-column:1/-1}.ic-view .ic-scale-note{font-size:var(--type-12);line-height:1.65;margin-top:16px;color:var(--ink-soft)}
.ic-result{overflow:hidden}.ic-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:26px}.ic-result-state{font-size:var(--type-12);font-weight:400;color:var(--ink-soft)}.ic-result-state.is-valid{color:var(--amber)}
.ic-volume{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.1;min-width:0}.ic-volume>span{font-size:var(--type-44);font-weight:600;min-width:0;letter-spacing:-1.3px}.ic-volume>small{font-size:var(--type-20);font-weight:400;color:var(--ink-soft);flex:none}.ic-volume-empty>span{color:var(--ink-faint)}.ic-view .ic-volume-caption{margin-top:8px;color:var(--ink-soft);font-size:var(--type-14)}
.ic-syringe{width:100%;height:auto;display:block;margin:22px 0 10px;overflow:visible}.ic-syringe-outline{fill:none;stroke:var(--ink-soft);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ic-syringe-barrel{fill:var(--paper);stroke:var(--ink-soft);stroke-width:1.5}.ic-syringe-fill{fill:var(--amber-soft)}.ic-syringe-tick{fill:none;stroke:var(--ink-soft);stroke-width:1}.ic-syringe-label,.ic-view .ic-syringe-label text{font-family:var(--sans);font-size:var(--type-20);fill:var(--ink-soft)}.ic-syringe-pointer{fill:none;stroke:var(--amber);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.ic-syringe-reading{font-family:var(--sans);font-size:var(--type-20);font-weight:600;fill:var(--amber)}.ic-syringe-empty{stroke:var(--rule);stroke-width:7;stroke-linecap:round}
.ic-result-details{margin:0;padding:0;border-top:1px solid var(--rule)}.ic-result-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--rule)}.ic-result-details dt{font-size:var(--type-14);color:var(--ink-soft)}.ic-result-details dd{margin:0;font-size:var(--type-16);font-weight:600;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.ic-result-details dd span{font-size:var(--type-12);font-weight:400;color:var(--ink-soft);white-space:nowrap}
.ic-view .ic-result-note,.ic-view .ic-notice{margin:18px 0 20px;font-size:var(--type-14);line-height:1.65;color:var(--ink-soft)}.ic-view .ic-notice{padding:12px 14px;border-left:3px solid var(--amber);background:var(--amber-soft);border-radius:0 9px 9px 0;color:var(--ink)}
.ic-view .ic-button{min-height:48px;min-width:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:10px;padding:12px 18px;font:inherit;font-size:var(--type-16);font-weight:600;cursor:pointer}.ic-view .ic-primary{background:var(--btn);border:1px solid var(--btn);color:var(--btn-ink)}.ic-view .ic-primary:disabled{background:var(--card-2);border-color:var(--rule);color:var(--ink-faint);cursor:default}.ic-view .ic-action-status{font-size:var(--type-14);line-height:1.6;margin-top:12px;color:var(--alert)}.ic-view .ic-action-status:empty{display:none}
.ic-explanation{border-top:1px solid var(--rule);font-size:var(--type-14);line-height:1.65;color:var(--ink-soft)}.ic-explanation>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;cursor:pointer;padding:13px 2px;color:var(--ink);font-weight:600;list-style:none}.ic-explanation>summary::-webkit-details-marker{display:none}.ic-explanation>summary::after{content:"+";font-size:var(--type-20);font-weight:400}.ic-explanation[open]>summary::after{content:"−"}.ic-explanation>div{padding:4px 0 18px}.ic-explanation dl{margin:0 0 18px}.ic-explanation dl>div+div{margin-top:12px}.ic-explanation dt{font-weight:600;color:var(--ink)}.ic-explanation dd{margin:2px 0 0}.ic-explanation p+p{margin-top:12px}.ic-explanation a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.ic-view :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--amber);outline-offset:3px}.ic-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.ic-grid{grid-template-columns:minmax(0,1fr);gap:20px}.ic-navigation{margin-bottom:12px}.ic-navigation>div{gap:12px}.ic-heading{margin-bottom:20px}.ic-header-art{width:80px;height:64px}.ic-card{padding:20px}.ic-result-head{margin-bottom:22px}.ic-mode{max-width:none}.ic-view .ic-intro{margin:16px 0 22px}.ic-syringe{max-width:420px;margin-inline:auto}.ic-explanation{margin-top:0}}
@media(max-width:380px){.ic-card{padding:18px}.ic-mode{gap:3px;padding:4px}.ic-view .ic-mode button{padding:10px 8px}.ic-heading{gap:12px}.ic-header-art{width:70px;height:58px}.ic-navigation>div{gap:10px}.ic-result-details>div{gap:12px}.ic-result-details dt{max-width:52%}.ic-volume>span{font-size:var(--type-44)}}