:root{--whw-bg:#090b0d;--whw-panel:#14171b;--whw-panel-2:#1b1f24;--whw-input:#0d1013;--whw-text:#f2eee4;--whw-muted:#999b9c;--whw-gold:#b8924e;--whw-gold-hi:#e7cc86;--whw-gold-soft:#c8a760;--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%, #b8924e29, transparent 34rem), repeating-linear-gradient(115deg, #ffffff03 0 1px, transparent 1px 8px), linear-gradient(160deg, #111418, 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(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:.65rem 0 1rem;display:flex}.brand-block{align-items:center;gap:.85rem;min-width:0;display:flex}.brand-mark{width:58px;height:58px;color:var(--whw-gold-hi);letter-spacing:.09em;background:linear-gradient(145deg,#262b31,#0d1013);border:1px solid #e7cc8694;border-radius:16px;flex:0 0 58px;place-items:center;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000047}.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}.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}.primary-button{border-color:var(--whw-gold-hi);background:linear-gradient(180deg, var(--whw-gold-hi), var(--whw-gold));color:#12100a;box-shadow:inset 0 1px #fff6}.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 strong{color:var(--whw-gold-hi)}.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.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;padding:.55rem .85rem}.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));position:sticky}.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}.field-with-presets{align-content:start;gap:.2rem;min-width:0;display:grid}.field-with-presets .chips{margin:.15rem 0 0}.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 dt{color:var(--whw-muted)}.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}}@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-mark{border-radius:13px;flex-basis:48px;width:48px;height:48px;font-size:.78rem}.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}}