:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f2f2f5;--page-glow:#ffffffeb;--ink:#1d1d1f;--muted:#6e6e73;--faint:#8e8e93;--panel:#ffffffb8;--panel-solid:#f8f8fa;--surface:#76768014;--surface-hover:#7676801f;--line:#3c3c4321;--line-strong:#3c3c433d;--blue:#007aff;--blue-soft:#007aff1c;--green:#248a3d;--green-soft:#34c75921;--red:#d70015;--red-soft:#ff3b301f;--orange:#b95000;--orange-soft:#ff950024;--shadow:0 28px 80px #2323281f, 0 2px 10px #2323280a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 24% 4%, var(--page-glow) 0, transparent 33rem), radial-gradient(circle at 92% 92%, #007aff0f 0, transparent 30rem), var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,system-ui,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}.page-shell{place-items:center;min-height:100vh;padding:clamp(20px,5vw,72px);display:grid}.calculator-card{background:var(--panel);width:min(100%,1080px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(32px)saturate(150%);border:1px solid #ffffffad;border-radius:32px;overflow:hidden}.intro{padding:clamp(30px,5vw,56px) clamp(24px,5vw,56px) 30px}.eyebrow,.result-kicker{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;line-height:1.2;display:block}h1,h2,p{margin-top:0}h1{font-variation-settings:"opsz" 48;letter-spacing:-.045em;max-width:15ch;margin-bottom:12px;font-size:clamp(36px,6vw,58px);font-weight:720;line-height:1.03}.intro p{max-width:36rem;color:var(--muted);letter-spacing:-.012em;margin-bottom:0;font-size:clamp(16px,2vw,19px);line-height:1.55}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.market-selector{margin-top:24px}.segmented-control{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:min(100%,280px);padding:3px;display:inline-grid}.segmented-control label{cursor:pointer;position:relative}.segmented-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented-control span{min-height:36px;color:var(--muted);letter-spacing:-.01em;border-radius:9px;place-items:center;padding:0 18px;font-size:13px;font-weight:650;transition:transform .1s ease-out,color .16s,background-color .16s,box-shadow .16s;display:grid}.segmented-control label:active span{transform:scale(.97)}.segmented-control input:checked+span{color:var(--ink);background:var(--panel-solid);box-shadow:0 1px 5px #2323281f}.segmented-control input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.calculator-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);display:grid}.input-panel,.result-panel{min-width:0;padding:clamp(28px,4vw,44px) clamp(24px,4vw,44px)}.input-panel{border-right:1px solid var(--line)}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset+fieldset{margin-top:28px}legend{width:100%;color:var(--ink);letter-spacing:-.01em;margin-bottom:14px;font-size:14px;font-weight:650}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{min-width:0;display:block}.field-label{color:var(--muted);margin:0 0 8px 2px;font-size:13px;font-weight:590;display:block}.field-control{background:var(--surface);border:1px solid #0000;border-radius:14px;align-items:center;min-height:52px;transition:transform .12s,background-color .16s,border-color .16s,box-shadow .16s;display:flex}.field-control:hover{background:var(--surface-hover)}.field-control:focus-within{border-color:var(--blue);background:var(--panel-solid);box-shadow:0 0 0 4px var(--blue-soft)}.field-control:active{transform:scale(.98)}.field-control-error,.field-control-error:focus-within{border-color:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.field-control input{width:100%;min-width:0;height:50px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.015em;background:0 0;border:0;outline:0;padding:0 4px 0 15px;font-size:17px}.field-control input::placeholder{color:var(--faint);opacity:.66}.field-suffix{color:var(--faint);flex:none;padding:0 13px 0 5px;font-size:12px;font-weight:650}.field-feedback{font-variant-numeric:tabular-nums;min-height:17px;margin:5px 2px 0;font-size:11px;line-height:1.4;display:block}.field-error{color:var(--red)}.field-preview{color:var(--faint);letter-spacing:.01em}.direction-hint{color:var(--muted);margin:20px 2px 0;font-size:12px;line-height:1.55}.result-panel{background:#76768009;min-height:350px;display:grid}.result-state,.result-ready{animation:.2s ease-out both result-in}.result-state{text-align:center;align-content:center;justify-items:center;display:grid}.state-mark{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border-radius:14px;place-items:center;margin-bottom:18px;font-size:20px;font-weight:650;display:grid}.result-state-invalid .state-mark{color:var(--red);background:var(--red-soft)}.result-state h2,.result-heading h2{font-variation-settings:"opsz" 24;letter-spacing:-.025em;margin-bottom:8px;font-size:22px;font-weight:680;line-height:1.15}.result-state p{max-width:17rem;color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.5}.result-ready{align-self:start}.result-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.result-kicker{margin-bottom:8px}.result-heading h2{margin-bottom:0}.direction-badge{border-radius:999px;flex:none;align-items:center;gap:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.direction-long{color:var(--green);background:var(--green-soft)}.direction-short{color:var(--red);background:var(--red-soft)}.metrics{border:1px solid var(--line);background:var(--line);border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.metric{background:var(--panel-solid);min-width:0;padding:16px}.metric dt{color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:590;line-height:1.3}.metric dd{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:baseline;gap:5px;margin:0;font-size:17px;font-weight:650;line-height:1.15;display:flex}.metric dd span{overflow-wrap:anywhere;min-width:0}.metric dd small{color:var(--faint);letter-spacing:0;font-size:10px;font-weight:600}.metric-featured dd{color:var(--blue)}.stock-summary{border:1px solid var(--line);background:var(--line);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 14px;display:grid;overflow:hidden}.stock-summary .metric{padding:13px}.stock-summary .metric dd{font-size:15px}.lot-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lot-option{border:1px solid var(--line);background:var(--panel-solid);border-radius:18px;min-width:0;padding:16px}.lot-option-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.lot-option-title{color:var(--ink);font-size:13px;font-weight:680}.lot-option-state{color:var(--muted);background:var(--surface);text-align:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;line-height:1.25}.lot-option-success{border-color:color-mix(in srgb, var(--green) 28%, transparent)}.lot-option-success .lot-option-state{color:var(--green);background:var(--green-soft)}.lot-option-warning{border-color:color-mix(in srgb, var(--orange) 30%, transparent)}.lot-option-warning .lot-option-state{color:var(--orange);background:var(--orange-soft)}.lot-option-danger{border-color:color-mix(in srgb, var(--red) 28%, transparent)}.lot-option-danger .lot-option-state{color:var(--red);background:var(--red-soft)}.lot-shares{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.035em;margin:16px 0 15px;font-size:27px;font-weight:720;line-height:1}.lot-shares small{color:var(--faint);letter-spacing:0;font-size:11px;font-weight:650}.lot-details{gap:9px;margin:0;display:grid}.lot-details div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.lot-details dt,.lot-details dd{margin:0;font-size:10px;line-height:1.35}.lot-details dt{color:var(--muted)}.lot-details dd{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.disclaimer{border-top:1px solid var(--line);color:var(--faint);padding:18px clamp(24px,5vw,56px) 22px;font-size:11px;line-height:1.55}@keyframes result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=840px){.page-shell{place-items:start center;padding:22px}.calculator-card{border-radius:26px}.calculator-layout{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.result-panel{min-height:320px}}@media (width<=520px){.page-shell{padding:0}.calculator-card{min-height:100vh;box-shadow:none;border:0;border-radius:0}.intro{padding-top:34px}.field-grid,.metrics,.stock-summary,.lot-options{grid-template-columns:1fr}.result-panel{min-height:300px}}@media (prefers-color-scheme:dark){:root{--page:#08080a;--page-glow:#26262ab8;--ink:#f5f5f7;--muted:#a1a1a6;--faint:#8e8e93;--panel:#1c1c1ebd;--panel-solid:#202023;--surface:#76768029;--surface-hover:#76768038;--line:#ebebf51f;--line-strong:#ebebf538;--blue:#0a84ff;--blue-soft:#0a84ff29;--green:#30d158;--green-soft:#30d15826;--red:#ff453a;--red-soft:#ff453a26;--orange:#ff9f0a;--orange-soft:#ff9f0a29;--shadow:0 30px 90px #00000073}.calculator-card{border-color:#ffffff17}}@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 (prefers-reduced-transparency:reduce){.calculator-card{background:var(--panel-solid);-webkit-backdrop-filter:none}}@media (prefers-contrast:more){:root{--line:var(--line-strong)}.field-control{border-color:var(--line-strong);background:var(--panel-solid)}.calculator-card{background:var(--panel-solid);-webkit-backdrop-filter:none}}
