:root{--whw-bg:#080909;--whw-panel:#151515;--whw-panel-2:#211c18;--whw-input:#0d0d0d;--whw-text:#f4efe5;--whw-muted:#aaa19a;--whw-gold:#b47b2b;--whw-gold-hi:#f1c45d;--whw-gold-soft:#d7a747;--whw-steel:#8e969e;--whw-danger:#da8585;--whw-success:#93c29d;--whw-line:#353b42;--whw-focus:#f4d98c;--tg-viewport-stable-height:100dvh;--tg-safe-area-inset-top:0px;--tg-safe-area-inset-right:0px;--tg-safe-area-inset-bottom:0px;--tg-safe-area-inset-left:0px;--tg-content-safe-area-inset-top:0px;--tg-content-safe-area-inset-right:0px;--tg-content-safe-area-inset-bottom:0px;--tg-content-safe-area-inset-left:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--whw-bg);color:var(--whw-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}:root[data-text-size=large]{font-size:18px}:root[data-text-size=x-large]{font-size:20px}:root[data-high-contrast=true]{--whw-muted:#d4d4d1;--whw-line:#77808a;--whw-gold:#d7b96f;--whw-danger:#ffadad;--whw-success:#b8edc1}*{box-sizing:border-box}html{background:var(--whw-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:max(100dvh, var(--tg-viewport-stable-height));background:radial-gradient(circle at 12% -5%, #b47b2b38, transparent 32rem), radial-gradient(circle at 90% 16%, #6f411829, transparent 28rem), repeating-linear-gradient(115deg, #ffffff03 0 1px, transparent 1px 8px), linear-gradient(160deg, #171311, var(--whw-bg) 44rem);color:var(--whw-text);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--whw-focus);outline-offset:2px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.02em;margin:0}p{line-height:1.55}hr{border:0;border-top:1px solid var(--whw-line);margin:1.25rem 0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell{width:min(1500px,100%);min-height:var(--tg-viewport-stable-height);padding:max(1.1rem, var(--tg-content-safe-area-inset-top)) max(1rem, var(--tg-content-safe-area-inset-right)) max(1.5rem, var(--tg-content-safe-area-inset-bottom)) max(1rem, var(--tg-content-safe-area-inset-left));margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0 1.15rem;display:flex}.brand-block{align-items:center;gap:.85rem;min-width:0;display:flex}.brand-lockup{background:radial-gradient(circle,#f1c45d26,#0000 70%),#0b0b0b;border:1px solid #f1c45d8f;border-radius:18px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 1px #ffffff14,0 16px 30px #00000057}.brand-symbol{object-fit:contain;width:90%;height:90%}.app-header h1{font-size:clamp(1.45rem,4vw,2.25rem)}.app-header p{color:var(--whw-muted);margin:.15rem 0 0;font-size:.87rem}.app-header .brand-block>div:last-child{min-width:0}.eyebrow{color:var(--whw-gold-hi);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.22rem;font-size:.69rem;font-weight:820;display:block}.header-actions,.result-actions,.wizard-actions,.form-actions,.component-actions,.profile-tools{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.quiet-button,.primary-button,.secondary-button,.danger-button,.small-button,.close-button,.component-actions button,.persistent-boundary button{border:1px solid var(--whw-line);min-height:44px;color:var(--whw-text);background:#101318;border-radius:11px;padding:.65rem .9rem;font-weight:720}.secondary-button:hover,.quiet-button:hover,.small-button:hover,.component-actions button:hover{border-color:var(--whw-gold-soft);color:var(--whw-gold-hi)}.quiet-button{background:0 0}.danger-button{color:#ffd0d0;border-color:#da8585a6}.small-button{font-size:.8rem}.persistent-boundary{color:#e0d9c8;background:#b8924e12;border:1px solid #e7cc8645;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin:.2rem 0 .85rem;padding:.72rem .85rem;font-size:.82rem;display:grid}.persistent-boundary button{background:0 0;min-height:36px;padding:.4rem .7rem;font-size:.75rem}.surface-switch{border:1px solid var(--whw-line);background:#080a0ce0;border-radius:15px;grid-template-columns:1fr 1fr;gap:.4rem;padding:.4rem;display:grid}.surface-switch button,.mode-tabs button,.segmented-control button,.chips button{min-height:44px;color:var(--whw-muted);background:0 0;border:1px solid #0000;border-radius:10px;font-weight:780}.surface-switch button{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.55rem;padding:.62rem .8rem;display:grid}.surface-switch button img{object-fit:contain;grid-row:1/-1;width:28px;height:28px}.surface-switch button small{color:var(--whw-muted);font-size:.68rem;font-weight:600}.surface-switch button.active,.mode-tabs button.active,.segmented-control button.active{color:var(--whw-gold-hi);background:linear-gradient(#342c1e,#1c1912);border-color:#e7cc8699;box-shadow:inset 0 1px #ffffff0f}.mode-tabs{overscroll-behavior-inline:contain;scrollbar-width:thin;border:1px solid var(--whw-line);background:#0b0e11;border-radius:14px;gap:.3rem;margin:.6rem 0;padding:.35rem;display:flex;overflow-x:auto}.mode-tabs button{flex:1 0 max-content;justify-content:center;align-items:center;gap:.42rem;padding:.55rem .85rem;display:inline-flex}.mode-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 20px;width:20px;height:20px}.calculator-layout,.setup-layout{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);align-items:start;gap:.8rem;margin-top:.65rem;display:grid}.result-stack{align-content:start;gap:.8rem;min-width:0;display:grid}.reference-panel{border:1px solid var(--whw-line);background:var(--whw-panel);border-radius:12px;min-width:0;padding:1rem}.reference-table-wrap{max-width:100%;overflow-x:auto}.reference-table-wrap table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.reference-table-wrap th,.reference-table-wrap td{border-bottom:1px solid var(--whw-line);text-align:left;white-space:nowrap;padding:.65rem}.input-panel,.result-panel{background:linear-gradient(145deg,#ffffff06,#0000 45%),linear-gradient(#1b1f24fa,#121519fa);border:1px solid #8e969e59;border-radius:18px;min-width:0;padding:clamp(.9rem,2vw,1.35rem);box-shadow:inset 0 1px #ffffff0a,0 18px 50px #00000038}.result-panel{top:max(.6rem, var(--tg-content-safe-area-inset-top));scroll-margin-top:max(.6rem, var(--tg-content-safe-area-inset-top));isolation:isolate;position:sticky;overflow:hidden}.result-panel:before{z-index:0;content:"";opacity:.08;pointer-events:none;background:url(/whw-assets/04-result-cards/whw_asset_16_syringe_result_shell.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.result-panel>*{z-index:1;position:relative}.panel-heading{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.85rem;display:flex}.panel-heading h2{font-size:clamp(1.15rem,3vw,1.55rem)}.mode-badge{color:var(--whw-gold-hi);border:1px solid #e7cc864d;border-radius:999px;flex:none;padding:.38rem .62rem;font-size:.7rem;font-weight:800}.panel-intro{color:var(--whw-muted);margin:0 0 1rem;font-size:.88rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:.7rem 0;display:grid}.top-vial-fields{margin-top:0}.field-with-presets{align-content:start;gap:.2rem;min-width:0;display:grid}.field-with-presets .chips{margin:.15rem 0 0}.desired-dose-section{border:1px solid var(--whw-line);background:#ffffff05;border-radius:12px;grid-column:1/-1;margin-top:.15rem;padding:.9rem}.desired-dose-section .form-grid{margin-bottom:.4rem}.desired-dose-heading h3{margin:0;font-size:1rem}.desired-dose-heading p{color:var(--whw-muted);margin:.25rem 0 0;font-size:.8rem}.dose-preset-block{gap:.15rem;margin-top:.4rem;display:grid}.dose-preset-block>span{color:var(--whw-muted);font-size:.74rem;font-weight:700}.field{border:0;min-width:0;margin:0;padding:0}.field>label,.field>legend,.amount-field>legend{color:#ece6d9;margin:0 0 .4rem;padding:0;font-size:.82rem;font-weight:750;display:block}.optional{color:var(--whw-muted);margin-left:.25rem;font-size:.7rem;font-weight:500}.field input,.field select,.amount-field input,.amount-field select{border:1px solid var(--whw-line);background:var(--whw-input);width:100%;min-width:0;min-height:48px;color:var(--whw-text);border-radius:11px;padding:.65rem .75rem}.field input::placeholder,.amount-field input::placeholder{color:#71767b}.input-pair{grid-template-columns:minmax(0,1fr) minmax(5.2rem,.42fr);gap:.45rem;display:grid}.field-description{color:var(--whw-muted);margin-top:.34rem;font-size:.7rem;line-height:1.4;display:block}.chips{flex-wrap:wrap;gap:.35rem;margin:.6rem 0;display:flex}.chips button{border-color:var(--whw-line);background:#111419;min-height:40px;padding:.4rem .7rem;font-size:.76rem}.form-actions,.wizard-actions{margin-top:1rem}.segmented-control{grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:1rem;display:grid}.step-track{grid-template-columns:repeat(4,1fr);gap:.35rem;margin:.6rem 0 1rem;display:grid}.step-track span{background:#343a41;border-radius:999px;height:4px}.step-track span.active{background:var(--whw-gold-hi)}.wizard-step{background:#080a0c52;border:1px solid #e7cc8629;border-radius:14px;min-height:11rem;padding:.9rem}.wizard-step h3{color:var(--whw-gold-hi);margin-bottom:.85rem;font-size:1rem}.status-rail{border:1px solid var(--whw-line);color:var(--whw-muted);letter-spacing:.08em;text-transform:uppercase;background:#0b0e11;border-radius:10px;align-items:center;gap:.5rem;margin:-.3rem -.3rem .8rem;padding:.48rem .6rem;font-size:.71rem;font-weight:850;display:flex}.status-rail span{background:var(--whw-steel);border-radius:50%;width:8px;height:8px}.status-rail.exact span{background:var(--whw-success);box-shadow:0 0 12px #93c29d80}.status-rail.warning span{background:var(--whw-gold-hi)}.status-rail.danger span{background:var(--whw-danger)}.issue-stack{gap:.45rem;margin-bottom:.8rem;display:grid}.issue{border:1px solid var(--whw-line);background:#111418;border-left-width:4px;border-radius:10px;gap:.18rem;padding:.7rem;font-size:.78rem;line-height:1.4;display:grid}.issue.warning{border-left-color:var(--whw-gold-hi)}.issue.error{border-left-color:var(--whw-danger)}.issue.info{border-left-color:var(--whw-steel)}.hero-result{background:radial-gradient(circle at 85% 20%,#b8924e26,#0000 45%),#0a0d10;border:1px solid #e7cc8661;border-radius:16px;padding:1rem;box-shadow:inset 0 0 30px #00000073}.hero-result small,.hero-result span{color:var(--whw-muted);font-size:.72rem;display:block}.hero-result strong{overflow-wrap:anywhere;max-width:100%;color:var(--whw-gold-hi);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #e7cc8626;margin:.32rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.45rem,5vw,2.55rem);line-height:1.12;display:block}.hero-result b{color:#d8d3c7;margin-bottom:.55rem;display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.7rem 0;display:grid}.metric{border:1px solid var(--whw-line);background:#080a0c61;border-radius:11px;min-width:0;padding:.7rem}.metric span,.metric small{color:var(--whw-muted);font-size:.68rem;display:block}.metric strong{overflow-wrap:anywhere;color:#f2ead9;font-variant-numeric:tabular-nums;margin:.18rem 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;display:block}.device-visual{border:1px solid var(--whw-line);background:#0a0d10;border-radius:12px;margin:.7rem 0;padding:.65rem}.device-visual figcaption,.device-visual small{color:var(--whw-muted);font-size:.68rem;display:block}.device-visual.is-over{border-color:var(--whw-danger)}.device-visual svg{width:100%;height:auto;display:block;overflow:visible}.device-visual svg text{fill:var(--whw-gold-hi);font-family:ui-monospace,monospace;font-size:12px;font-weight:800}.plunger{fill:#6b737a}.steel-line,.needle{fill:none;stroke:#929aa2;stroke-width:3px}.major-tick{stroke:#24292e;stroke-width:2px}.minor-tick{stroke:#555d64;stroke-width:1px}.hub,.end-cap{fill:#656d75;stroke:#24292e;stroke-width:2px}.gold-line{stroke:var(--whw-gold-hi);stroke-width:2px;stroke-dasharray:3 3}.marker{fill:var(--whw-gold-hi);stroke:#4d3917}.brand-text{letter-spacing:4px;fill:var(--whw-gold-hi)!important;font-size:18px!important}.setting-window{fill:#040607;stroke:#555d64;stroke-width:2px}.setting-text{font-size:14px!important}.dial-base{fill:#11151a;stroke:#343a41;stroke-width:3px}.dial-progress{fill:none;stroke:var(--whw-gold);stroke-width:7px;stroke-linecap:round;transform-origin:610px 95px;transform:rotate(-90deg)}.math-check{border:1px solid var(--whw-line);background:#0d1013;border-radius:11px;margin:.8rem 0}.math-check summary{min-height:44px;color:var(--whw-gold-hi);cursor:pointer;padding:.75rem;font-weight:760}.math-check h3,.math-check code,.math-check pre{margin:.65rem}.math-check code,.math-check pre,.profile-library pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#c9c9c3;max-width:100%;font-family:ui-monospace,monospace;font-size:.68rem;line-height:1.45;display:block;overflow:auto}.empty-result,.invalid-result{color:var(--whw-muted)}.empty-result h2,.invalid-result h2{color:var(--whw-text)}.action-message{color:var(--whw-success);font-size:.78rem}.component-stack{gap:.7rem;display:grid}.component-card{border:1px solid var(--whw-line);background:#080a0c47;border-radius:13px;min-width:0;padding:.75rem}.component-card legend{color:var(--whw-gold-hi);padding:0 .35rem;font-weight:800}.component-actions button{min-height:38px;padding:.4rem .65rem;font-size:.7rem}.profile-save-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;display:grid}.verification-check{border:1px solid var(--whw-line);color:#e8e2d7;border-radius:11px;align-items:flex-start;gap:.6rem;min-height:44px;padding:.6rem;font-size:.8rem;line-height:1.4;display:flex}.verification-check input{flex:0 0 22px;width:22px;height:22px;margin:0}.review-list{gap:.45rem;display:grid}.review-list div{border-bottom:1px solid var(--whw-line);grid-template-columns:1fr 1fr;gap:.5rem;padding:.5rem;display:grid}.review-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.reference-table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.75rem}th,td{border-bottom:1px solid var(--whw-line);text-align:left;padding:.55rem}th{color:var(--whw-gold-hi)}.app-footer{border-top:1px solid var(--whw-line);color:var(--whw-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;padding:.8rem;font-size:.72rem;display:flex}.app-footer strong,.app-footer span{display:block}.profile-tools span{max-width:22rem}.modal-backdrop{z-index:100;padding:max(1rem, var(--tg-content-safe-area-inset-top)) max(1rem, var(--tg-content-safe-area-inset-right)) max(1rem, var(--tg-content-safe-area-inset-bottom)) max(1rem, var(--tg-content-safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.modal-panel{width:min(720px,100%);max-height:calc(var(--tg-viewport-stable-height) - 2rem);background:var(--whw-panel);border:1px solid #e7cc8673;border-radius:18px;padding:clamp(1rem,3vw,1.5rem);overflow:auto;box-shadow:0 24px 80px #000000b3}.close-button{width:44px;padding:0;font-size:1.5rem}.full-disclaimer{border:1px solid var(--whw-gold);background:#b8924e14;border-radius:12px;padding:.8rem}.modal-panel li,.modal-panel p{color:#d6d1c7;line-height:1.55}.research-label-preview{white-space:pre-wrap;color:#161616;background:#f4f0e7;border:2px solid #191919;min-height:12rem;padding:1.2rem;font:700 .95rem/1.6 ui-monospace,monospace}@media (max-width:960px){.calculator-layout,.setup-layout{grid-template-columns:1fr}.result-panel{position:static}}.quiet-button:hover,.secondary-button:hover,.small-button:hover,.close-button:hover,.chips button:hover,.component-actions button:hover{border-color:var(--whw-gold-soft);color:var(--whw-gold-hi);background:#211c18}.surface-switch,.mode-tabs{border-color:var(--whw-line);background:#111214;box-shadow:0 4px 16px #00000038}.hero-result small,.hero-result span,.metric span,.metric small,.device-visual figcaption,.device-visual small,.review-list dt,.app-footer{color:#aaa19a}.app-header{background:#0a0a0aeb;border-bottom-color:#f1c45d2e;box-shadow:0 8px 28px #00000047}.brand-lockup{background:radial-gradient(circle,#f1c45d24,#0000 72%),#080808;border-color:#f1c45d9e;box-shadow:0 4px 14px #00000073}.app-header h1{color:#f4efe5}.app-header p,.panel-intro,.field-description,.desired-dose-heading p{color:#aaa19a}.eyebrow{color:var(--whw-gold-hi)}.quiet-button,.secondary-button,.small-button,.close-button{border-color:var(--whw-line);color:#ded6c9;box-shadow:none;background:#101112}.primary-button{border-color:var(--whw-gold-hi);background:linear-gradient(135deg, var(--whw-gold-hi), var(--whw-gold));color:#17110a;box-shadow:0 5px 14px #b47b2b3d}.surface-switch{border-color:var(--whw-line);background:#111214}.surface-switch button span{color:#ded6c9}.surface-switch button small{color:#8d8881}.mode-tabs{border-color:var(--whw-line);background:#111214;box-shadow:0 4px 16px #00000038}.mode-tabs button{color:#aaa19a}.mode-tabs button.active{color:var(--whw-gold-hi);background:#211c18;border-color:#f1c45d6b}.input-panel,.result-panel,.reference-panel{background:#151515;border-color:#8e969e52;box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff09}.field>label,.field>legend,.amount-field>legend{color:#ece6d9}.field input,.field select,.amount-field input,.amount-field select{border-color:var(--whw-line);color:#f4efe5;background:#0d0d0d;box-shadow:inset 0 1px 2px #00000047}.desired-dose-section,.component-card,.wizard-step{border-color:var(--whw-line);background:#080a0c70}.chips button,.component-actions button{border-color:var(--whw-line);color:#ded6c9;box-shadow:none;background:#101112}.status-rail,.hero-result small,.hero-result span,.metric span,.metric small,.device-visual figcaption,.device-visual small,.review-list dt{color:#aaa19a}.issue,.verification-check{color:#ded6c9}.verification-check{border-color:var(--whw-line);background:#101112}@media (max-width:960px){.result-panel{position:static}}.app-header h1{color:#f4efe5;font-size:clamp(1.1rem,3vw,1.55rem)}.quiet-button,.secondary-button,.small-button,.close-button{border-color:var(--whw-line);color:#ded6c9;min-height:40px;box-shadow:none;background:#101112;border-radius:9px;font-size:.78rem}.quiet-button:hover,.secondary-button:hover,.small-button:hover,.component-actions button:hover{border-color:var(--whw-gold-soft);color:var(--whw-gold-hi);background:#211c18}.primary-button{border:1px solid var(--whw-gold-hi);background:linear-gradient(135deg, var(--whw-gold-hi), var(--whw-gold));color:#17110a;border-radius:9px;min-height:44px;box-shadow:0 5px 14px #b47b2b3d}.surface-switch{border:1px solid var(--whw-line);width:min(300px,100%);box-shadow:none;background:#111214;border-radius:999px;margin:.75rem auto .4rem;padding:.25rem}.surface-switch button{border-radius:999px;min-height:40px;padding:.45rem .75rem}.surface-switch button.active{background:linear-gradient(135deg, var(--whw-gold-hi), var(--whw-gold));color:#17110a;border-color:#0000;box-shadow:0 2px 8px #b47b2b47}.mode-tabs{border-color:var(--whw-line);background:#111214;border-radius:12px;gap:.25rem;margin:.4rem 0 .65rem;padding:.3rem;box-shadow:0 4px 16px #00000038}.field input,.field select,.amount-field input,.amount-field select{border-color:var(--whw-line);color:#f4efe5;background:#0d0d0d;border-radius:9px;min-height:46px;box-shadow:inset 0 1px 2px #00000047}.desired-dose-section,.component-card,.wizard-step{border-color:var(--whw-line);background:#080a0c70;border-radius:11px}.chips button,.component-actions button{border-color:var(--whw-line);color:#ded6c9;min-height:38px;box-shadow:none;background:#101112;border-radius:8px;font-size:.74rem}.chips button:hover{border-color:var(--whw-gold-soft);color:var(--whw-gold-hi);background:#211c18}.status-rail,.issue,.metric,.math-check,.device-visual{border-color:var(--whw-line);background:#0d1013}.status-rail{color:#aaa19a}.verification-check{border-color:var(--whw-line);color:#ded6c9;background:#101112}.review-list div,.reference-table-wrap th,.reference-table-wrap td,th,td{border-bottom-color:var(--whw-line)}.app-footer{border-top-color:var(--whw-line);color:#aaa19a}.full-disclaimer{border-color:var(--whw-gold);color:#f0dfbb;background:#b47b2b1a}.asset-device-visual{background:radial-gradient(circle at 50% 35%,#f1c45d14,#0000 58%),#090909;border-color:#f1c45d47;overflow:hidden}.asset-device-canvas{aspect-ratio:3;width:100%;margin:.55rem 0 .25rem;position:relative;overflow:hidden}.asset-device-layer{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.asset-liquid-layer{transition:clip-path .18s ease-out}.asset-device-marker{background:var(--whw-gold-hi);border-radius:99px;width:2px;position:absolute;top:21%;bottom:28%;box-shadow:0 0 14px #f1c45dcc}.asset-device-label{color:var(--whw-gold-hi);background:#080808d6;border:1px solid #f1c45d66;border-radius:999px;padding:.26rem .5rem;font-family:ui-monospace,monospace;font-size:.7rem;position:absolute;bottom:5%;right:2.5%}.pen-asset-canvas{aspect-ratio:3}.pen-reading{min-width:9%;color:var(--whw-gold-hi);text-align:center;background:#090909;border:1px solid #f1c45d80;border-radius:5px;padding:.18rem .28rem;font-family:ui-monospace,monospace;font-size:clamp(.65rem,2vw,.95rem);font-weight:800;position:absolute;top:33%;left:59.5%}.pen-limit{color:var(--whw-muted);font-size:.65rem;position:absolute;bottom:5%;right:3%}.asset-vial-canvas{background:radial-gradient(circle,#f1c45d1f,#0000 65%);place-items:center;min-height:15rem;display:grid;position:relative;overflow:hidden}.asset-vial-canvas img{object-fit:contain;width:min(58%,220px);height:auto;display:block}.vial-reading{text-align:right;background:#080808d9;border:1px solid #f1c45d61;border-radius:10px;gap:.12rem;padding:.45rem .6rem;display:grid;position:absolute;bottom:.75rem;right:1rem}.vial-reading span{color:var(--whw-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.vial-reading strong{color:var(--whw-gold-hi);font-family:ui-monospace,monospace;font-size:.82rem}@media (max-width:720px){.app-header,.app-footer{flex-direction:column;align-items:flex-start}.header-actions,.profile-tools{width:100%}.header-actions button,.profile-tools button{flex:auto}.persistent-boundary{grid-template-columns:1fr auto}.persistent-boundary strong{grid-column:1/-1}}@media (max-width:560px){.app-shell{padding-inline:max(.6rem, var(--tg-content-safe-area-inset-left))}.brand-lockup{border-radius:13px;flex-basis:48px;width:48px;height:48px}.form-grid,.metric-grid,.segmented-control,.profile-save-row{grid-template-columns:1fr}.segmented-control button{min-height:42px}.input-panel,.result-panel{border-radius:14px;padding:.8rem}.persistent-boundary{grid-template-columns:1fr}.wizard-actions>*,.form-actions>*{flex:100%}.device-visual{padding:.3rem}.hero-result strong{font-size:clamp(1.25rem,8vw,2rem)}}@media (max-width:390px){.app-shell{padding-inline:max(.45rem, var(--tg-content-safe-area-inset-left))}.header-actions button{flex-basis:100%}.panel-heading{align-items:flex-start}.mode-badge{white-space:nowrap}.input-pair{grid-template-columns:minmax(0,1fr) 5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#000;background:#fff}:is(.app-header,.persistent-boundary,.surface-switch,.mode-tabs,.input-panel,.app-footer,.result-actions,.modal-backdrop:not(:has(.label-panel))){display:none!important}.calculator-layout,.setup-layout{display:block}.result-panel,.modal-panel{max-height:none;box-shadow:none;color:#000;background:#fff;border:0;position:static}.hero-result,.metric,.math-check,.device-visual{color:#000;background:#fff;border-color:#777}}html{background:var(--whw-bg)}body{background:radial-gradient(circle at 12% -12%, #0ea5e91a, transparent 28rem), radial-gradient(circle at 100% 0%, #2563eb12, transparent 30rem), var(--whw-bg);color:var(--whw-text)}.app-shell{width:min(1180px,100%);padding-top:0}.app-header{z-index:30;margin:0 calc(-1 * max(1rem, var(--tg-content-safe-area-inset-right))) 0 calc(-1 * max(1rem, var(--tg-content-safe-area-inset-left)));padding:.7rem max(1rem, var(--tg-content-safe-area-inset-right)) .7rem max(1rem, var(--tg-content-safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dbe3eeeb;position:sticky;top:0;box-shadow:0 1px 3px #0f172a0a}.brand-block{gap:.7rem}.brand-lockup{background:linear-gradient(145deg,#eff6ff,#fff);border-color:#bfdbfe;border-radius:12px;flex-basis:42px;width:42px;height:42px;box-shadow:0 2px 8px #2563eb1f}.app-header h1{color:#0f172a;letter-spacing:-.025em;font-size:clamp(1.1rem,3vw,1.55rem)}.app-header p{color:#64748b;font-size:.76rem}.eyebrow{color:#0284c7;letter-spacing:.11em;margin-bottom:.08rem;font-size:.62rem}.header-actions{gap:.35rem}.quiet-button,.secondary-button,.small-button,.close-button{color:#475569;background:#fff;border-color:#dbe3ee;border-radius:9px;min-height:40px;font-size:.78rem;box-shadow:0 1px 2px #0f172a0a}.quiet-button:hover,.secondary-button:hover,.small-button:hover,.component-actions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.persistent-boundary{color:#334155;background:#eff6ff;border-color:#bfdbfe}.persistent-boundary strong{color:#1d4ed8}.danger-button{color:#b91c1c;background:snow;border-color:#fecaca}.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:1px solid #2563eb;border-radius:9px;min-height:44px;box-shadow:0 4px 10px #2563eb38}.surface-switch{width:min(360px,100%);box-shadow:none;background:#e9eef5;border:1px solid #e2e8f0;border-radius:999px;margin:.75rem auto .4rem;padding:.25rem}.surface-switch button{border-radius:999px;grid-template-columns:auto 1fr;min-height:40px;padding:.45rem .75rem}.surface-switch button img{width:22px;height:22px}.surface-switch button span{color:#475569;font-size:.82rem}.surface-switch button small{color:#94a3b8;font-size:.62rem}.surface-switch button.active{color:#1d4ed8;background:#fff;border-color:#0000;box-shadow:0 1px 4px #0f172a1a}.surface-switch button.active span{color:#1d4ed8}.mode-tabs{background:#fff;border-color:#e2e8f0;border-radius:12px;gap:.25rem;margin:.4rem 0 .65rem;padding:.3rem;box-shadow:0 2px 6px #0f172a0a}.mode-tabs button{color:#64748b;border-radius:8px;min-height:42px;font-size:.76rem}.mode-tabs button.active{color:#1d4ed8;box-shadow:none;background:#eff6ff;border-color:#bfdbfe}.mode-icon{width:18px;height:18px}.calculator-layout,.setup-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:1rem;margin-top:.75rem}.input-panel,.result-panel,.reference-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 14px #0f172a0e}.input-panel,.result-panel{padding:clamp(.95rem,2vw,1.25rem)}.result-panel{top:4.8rem}.result-panel:before{opacity:.035}.panel-heading{margin-bottom:.65rem}.panel-heading h2,.empty-result h2,.invalid-result h2{color:#0f172a}.panel-intro,.field-description,.desired-dose-heading p{color:#64748b}.field>label,.field>legend,.amount-field>legend{color:#334155;font-size:.78rem}.field input,.field select,.amount-field input,.amount-field select{color:#0f172a;background:#fff;border-color:#dbe3ee;border-radius:9px;min-height:46px;box-shadow:inset 0 1px 2px #0f172a06}.field input:focus,.field select:focus,.amount-field input:focus,.amount-field select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #0ea5e924}.desired-dose-section,.component-card,.wizard-step{background:#f8fafc;border-color:#e2e8f0;border-radius:11px}.desired-dose-heading h3,.wizard-step h3,.component-card legend{color:#1e3a8a}.chips button,.component-actions button{color:#475569;background:#fff;border-color:#dbe3ee;border-radius:8px;min-height:38px;font-size:.74rem;box-shadow:0 1px 2px #0f172a09}.chips button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.status-rail{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.issue,.metric,.math-check,.device-visual{background:#f8fafc;border-color:#e2e8f0}.issue{color:#334155}.verification-check{color:#334155;background:#f8fafc;border-color:#dbe3ee}.review-list div{border-bottom-color:#e2e8f0}.review-list dt{color:#64748b}.review-list dd{color:#0f172a}.reference-table-wrap th,.reference-table-wrap td,th,td{color:#334155;border-bottom-color:#e2e8f0}.hero-result{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#bfdbfe;box-shadow:inset 0 0 24px #2563eb0a}.hero-result small,.hero-result span,.metric span,.metric small,.device-visual figcaption,.device-visual small{color:#64748b}.hero-result strong{color:#1d4ed8;text-shadow:none}.hero-result b,.metric strong{color:#0f172a}.math-check summary,th{color:#1d4ed8}.app-footer{color:#64748b;border-top-color:#e2e8f0}.modal-panel{background:#fff;border-color:#bfdbfe;box-shadow:0 24px 80px #0f172a3d}.modal-panel li,.modal-panel p{color:#475569}.full-disclaimer{color:#78350f;background:#fffbeb;border-color:#fbbf24}@media (max-width:960px){.calculator-layout,.setup-layout{grid-template-columns:1fr}.result-panel{position:static}}html,body{background:var(--whw-bg);color:var(--whw-text)}body{background:radial-gradient(circle at 12% -8%, #b47b2b33, transparent 28rem), radial-gradient(circle at 92% 4%, #6f411829, transparent 30rem), linear-gradient(160deg, #171311, var(--whw-bg) 42rem)}.app-header{background:#0a0a0aeb;border-bottom-color:#f1c45d2e}.brand-lockup{background:radial-gradient(circle,#f1c45d24,#0000 72%),#080808;border-color:#f1c45d9e}.app-header h1,.panel-heading h2,.empty-result h2,.invalid-result h2{color:#f4efe5}.app-header p,.panel-intro,.field-description,.desired-dose-heading p,.hero-result small,.hero-result span,.metric span,.metric small,.device-visual figcaption,.device-visual small,.review-list dt,.app-footer{color:#aaa19a}.quiet-button,.secondary-button,.small-button,.close-button,.chips button,.component-actions button{border-color:var(--whw-line);color:#ded6c9;box-shadow:none;background:#101112}.primary-button{border-color:var(--whw-gold-hi);background:linear-gradient(135deg, var(--whw-gold-hi), var(--whw-gold));color:#17110a}.surface-switch,.mode-tabs{border-color:var(--whw-line);background:#111214}.surface-switch button span,.mode-tabs button{color:#aaa19a}.surface-switch button.active,.mode-tabs button.active{color:var(--whw-gold-hi);background:#211c18;border-color:#f1c45d6b}.surface-switch button.active{background:linear-gradient(135deg, var(--whw-gold-hi), var(--whw-gold));color:#17110a}.surface-switch button.active span,.surface-switch button.active small{color:#17110a}.input-panel,.result-panel,.reference-panel{background:#151515;border-color:#8e969e52}.mode-badge{color:var(--whw-gold-hi);background:#b47b2b1a;border-color:#f1c45d57}.field>label,.field>legend,.amount-field>legend,.desired-dose-heading h3,.wizard-step h3,.component-card legend{color:#ece6d9}.field input,.field select,.amount-field input,.amount-field select{border-color:var(--whw-line);color:#f4efe5;background:#0d0d0d}.field input:focus,.field select:focus,.amount-field input:focus,.amount-field select:focus{border-color:var(--whw-gold-soft);box-shadow:0 0 0 3px #f1c45d24}.desired-dose-section,.component-card,.wizard-step,.status-rail,.issue,.metric,.math-check,.device-visual,.verification-check{border-color:var(--whw-line);background:#0d1013}.hero-result{background:radial-gradient(circle at 82% 18%,#b47b2b29,#0000 55%),#0a0b0c;border-color:#f1c45d6b}.hero-result strong,.math-check summary,th,.eyebrow{color:var(--whw-gold-hi)}.hero-result b,.metric strong,.review-list dd{color:#f4efe5}.review-list div,.reference-table-wrap th,.reference-table-wrap td,th,td,.app-footer{border-bottom-color:var(--whw-line);border-top-color:var(--whw-line)}.app-footer strong{color:#ded6c9}.modal-backdrop{background:#000000c7}.modal-panel{background:#151515;border-color:#f1c45d73}.modal-panel li,.modal-panel p,.full-disclaimer{color:#ded6c9}.full-disclaimer{border-color:var(--whw-gold);background:#b47b2b1a}