:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--line:#303239;--muted:#a7a8af;--text:#f1eee8;--gold:#e0bb79;--red:#d16c65;--green:#c0d6ad}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,rgba(104,36,32,.19),transparent 44%),var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.shell{max-width:1144px;margin:auto;padding:0 34px}.masthead{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.7px;line-height:1.6}.brand b{font-size:15px;letter-spacing:4.1px}.brand-mark{font-size:47px;line-height:1;color:var(--gold);font-family:Georgia,serif;font-weight:normal}.channel{font-size:13px;color:var(--muted)}.channel span{padding-left:14px;color:var(--gold)}.intro{padding:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);display:flex;align-items:center;gap:8px;margin:0 0 15px}.eyebrow span{height:5px;width:5px;background:var(--gold);border-radius:50%}h1{font-size:46px;letter-spacing:-1.7px;line-height:1.12;margin:0 0 18px;font-weight:650}h1>span{color:#a2a1a3}.lede{color:var(--muted);font-size:15px;margin:0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:27px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}h2{font-size:17px;margin:0;font-weight:600;letter-spacing:-.2px}.text-button{font-size:11px;background:none;border:0;padding:6px 0;color:var(--gold);text-align:right;min-height:32px}.switch{display:flex;border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px;background:#121317}.switch button{width:50%;border:0;background:none;color:var(--muted);padding:10px 5px;border-radius:7px;min-height:42px;font-size:13px}.switch button[aria-pressed=true]{background:#343027;color:#f3d69f;box-shadow:0 1px 5px #0003}.mode-help{font-size:12px;line-height:1.55;color:var(--muted);min-height:38px;margin:13px 1px 19px}.field{margin-bottom:17px;min-width:0}.field label{font-size:12px;display:block;color:#c6c6cd;margin-bottom:7px}.input-wrap{display:flex;align-items:center;border:1px solid #373941;border-radius:9px;background:#111216;min-height:52px;padding:0 13px;transition:border-color .15s}.input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #e0bb7910}.input-wrap input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font-size:19px;font-variant-numeric:tabular-nums;padding:11px 0}.input-wrap>span{flex-shrink:0;font-size:11px;color:#9798a0;margin-left:5px}.input-wrap:has(input[aria-invalid=true]){border-color:var(--red)}.error{color:#f29e96;font-size:11px;margin:5px 0 0;line-height:1.4}.error:empty{display:none}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.computed{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin:0 0 18px}.computed strong{color:var(--gold);font-weight:500}.fees{border-top:1px solid var(--line);margin-top:2px;padding-top:14px}summary{cursor:pointer;list-style:none;min-height:30px}summary::-webkit-details-marker{display:none}.fees summary{display:flex;align-items:center;justify-content:space-between;font-size:12px}.fees summary:before{content:'+';color:var(--gold);font-size:17px;margin-right:9px}.fees[open] summary:before{content:'−'}.fees summary>span{color:var(--muted);margin-left:auto;font-size:11px}.fees .two-cols{margin-top:15px}.hint,.input-note{font-size:11px;line-height:1.6;color:var(--muted)}.hint{margin:0 0 10px}.input-note{margin:15px 0 0}.live-badge{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.live-badge i{width:5px;height:5px;background:var(--green);border-radius:50%}.profit-card{padding:19px 20px 18px;border-radius:12px;border:1px solid #454035;background:linear-gradient(125deg,#302b22,#232323)}.profit-top{display:flex;align-items:center;justify-content:space-between;color:#e0ccab;font-size:12px}.small-triangle{font-size:21px;color:var(--gold);line-height:1}.profit-value{font-size:48px;letter-spacing:-1.6px;line-height:1.1;margin:14px 0 22px;font-variant-numeric:tabular-nums;font-weight:600;overflow-wrap:anywhere}.profit-value span{font-size:25px;color:#b4a78e;font-weight:400;letter-spacing:0}.returns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff13;padding-top:14px;gap:10px}.returns>div+div{padding-left:19px;border-left:1px solid #ffffff13}.returns span{font-size:10px;display:block;color:#c1b49f;margin-bottom:4px}.returns strong{font-size:21px;font-weight:550;color:var(--gold);font-variant-numeric:tabular-nums}.profit-card.loss{border-color:#66403c;background:linear-gradient(125deg,#3b2626,#292123)}.profit-card.loss .profit-value,.profit-card.loss .returns strong{color:#f0a299}.result-rows{padding:17px 0 7px}.result-rows>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;align-items:center;font-size:12px}.result-rows>div>span{color:var(--muted)}.result-rows strong{font-size:14px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.result-rows small{font-size:10px;font-weight:400;color:var(--muted)}.result-rows .total{margin-top:6px;border-top:1px solid var(--line);padding-top:14px}.copy{display:block;width:100%;border:1px solid #5e4c31;background:#d7b477;color:#211d17;border-radius:9px;padding:13px;font-size:12px;font-weight:650;margin-top:10px;min-height:46px}.copy:hover{background:#e9c98f}.copy>span{font-size:17px;padding-right:6px}.copy-status{min-height:15px;margin:4px 0 0;font-size:10px;text-align:center;color:var(--green)}.formulas{padding-top:13px;border-top:1px solid var(--line);margin-top:8px}.formulas summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.formulas summary>span{color:var(--gold)}.formula-block{padding:2px 0 0}.formula-block p{font-size:11px;color:#bdbcc1;margin:13px 0 5px}.formula-block code{font:11px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;color:var(--gold);display:block}.explain{display:flex;gap:13px;align-items:flex-start;padding:22px 5px 32px;max-width:620px;font-size:12px;line-height:1.7;color:var(--muted)}.explain>span{font-size:23px;color:var(--gold)}.explain p{margin:0}.explain b{color:#d0c9bd;font-weight:500}footer{border-top:1px solid var(--line);padding:21px 0 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}footer a{color:var(--gold)}footer p{margin:0;width:100%;font-size:10px;color:#777a84}#invalid{padding:35px 12px;color:#e4a29a;text-align:center;font-size:14px;line-height:1.7}#copy-fallback{width:100%;height:230px;margin:10px 0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:12px}[hidden]{display:none!important}@media(min-width:1050px){.results{position:sticky;top:20px}}@media(max-width:800px){.shell{padding:0 22px}.workspace{gap:16px}.panel{padding:21px}.intro{padding-top:32px}h1{font-size:39px}.profit-value{font-size:40px}.two-cols{gap:10px}.result-rows strong{font-size:13px}}@media(max-width:650px){.shell{padding:0 18px}.masthead{height:87px}.brand{font-size:8px;letter-spacing:1.3px;gap:10px}.brand b{font-size:12px;letter-spacing:3px}.brand-mark{font-size:39px}.channel{font-size:11px}.channel span{padding-left:6px}.intro{padding:29px 0 24px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:13px}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.13;margin-bottom:13px}.lede{font-size:13px}.desktop-break{display:none}.workspace{grid-template-columns:1fr;gap:16px}.panel{padding:21px;border-radius:14px}.panel-heading{margin-bottom:19px}.profit-value{font-size:47px}.field label{font-size:11px}.input-wrap input{font-size:18px}.explain{padding:20px 2px 25px;font-size:11px}footer{padding-bottom:max(24px,env(safe-area-inset-bottom));font-size:9px;gap:9px}.mode-help{min-height:0}#data-title,#result-title{font-size:16px}}@media(max-width:355px){.shell{padding:0 12px}.panel{padding:17px}h1{font-size:31px}.text-button{font-size:10px}.input-wrap{padding:0 10px}.input-wrap>span{font-size:9px}.returns>div+div{padding-left:10px}.result-rows strong{font-size:12px}}
