:root{color-scheme:light;--paper:#f3f4ef;--surface:#fff;--ink:#17221f;--muted:#6c7772;--line:#dfe4de;--soft:#e9eee8;--green:#146b50;--green-bright:#c9f277;--red:#bd4b42;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5.2vw,84px)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:820;letter-spacing:.12em}.mark{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:var(--green-bright);font-size:15px;letter-spacing:0}.wordmark-dot{color:var(--green)}.topbar-note,.panel-caption,.result-status,.eyebrow,.result-label,.coin-result,.suffix,.unit,.optional,.copy-shortcut,.site-footer>span,.site-footer>a:last-child{font:600 9px/1.4 var(--mono);letter-spacing:.1em}.topbar-note{display:flex;align-items:center;gap:9px;color:var(--muted)}.live-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#68a970;display:inline-block}.topbar-divider{color:#b3bdb6}.workspace{max-width:1220px;margin:0 auto;padding:52px 32px 24px}.workspace-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{color:var(--green);display:flex;gap:10px;align-items:center}.eyebrow-index{color:#8a9890;letter-spacing:0}.workspace-heading h1{font-size:clamp(27px,3vw,36px);line-height:1.1;letter-spacing:-.055em;margin:11px 0 0;font-weight:660}.privacy-note{margin:0 2px 3px 20px;color:var(--muted);font-size:11px;line-height:1.7;text-align:right}.privacy-note strong{font-weight:600;color:#35443c}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);border:1px solid #d6ddd6;border-radius:16px;background:var(--surface);overflow:hidden;box-shadow:0 14px 40px #1b34230b}.input-panel,.results-panel{padding:27px 30px 24px}.input-panel{border-right:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h2{display:inline;margin:0;font-size:15px;font-weight:650;letter-spacing:-.025em}.panel-caption{color:#9aa59e;font-size:8px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px}.field{display:flex;flex-direction:column;min-width:0;gap:8px}.field-wide{grid-column:1/-1}.field-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:620;color:#314139}.optional,.unit{color:#97a29a;font-size:8px}.input-shell{height:43px;width:100%;display:flex;align-items:center;border:1px solid #dce3dc;background:#fcfdfa;border-radius:7px;transition:border-color .16s,box-shadow .16s,background .16s}.input-shell:focus-within{box-shadow:none;background:white}.input-shell.invalid{border-color:var(--red);box-shadow:0 0 0 3px #bd4b4216}.input-shell input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:500 13px var(--mono);padding:0 12px}.input-shell input::placeholder{color:#b8c1ba}.input-shell input::-webkit-inner-spin-button,.input-shell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-shell input[type=number]{appearance:textfield;-moz-appearance:textfield}.prefix{padding-left:12px;color:#87958b;font:12px var(--mono)}.prefix+input{padding-left:7px}.suffix{padding:0 11px;color:#9aa69d;font-size:8px;white-space:nowrap}.coin-shell input{padding-left:13px}.field-hint{color:#929d96;font-size:9px;line-height:1.25}.field-spacer{display:block}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.form-message{margin:0;color:#849088;font-size:10px;line-height:1.45}.form-message.error{color:var(--red)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #84aa74;outline-offset:3px}input:focus-visible{outline:none}.results-panel{background:#fbfcf9}.results-heading{margin-bottom:19px}.result-status{display:flex;align-items:center;gap:7px;color:#9ba69f;font-size:8px}.result-status.calculated{color:var(--green)}.hero-result{min-height:141px;padding:18px 20px 15px;background:#eff4ed;border:1px solid #e5ece2;border-radius:10px;display:grid;grid-template-columns:1fr auto;align-content:center;column-gap:12px;transition:background .2s,transform .2s}.hero-result.updated{animation:result-in .28s ease-out}@keyframes result-in{from{transform:translateY(3px);background:#e7f0df}to{transform:translateY(0);background:#eff4ed}}.result-label{grid-column:1/-1;color:#718177;font-size:8px}.profit-value{grid-column:1;font:650 clamp(30px,3vw,39px)/1.2 var(--mono);letter-spacing:-.08em;color:var(--green);margin:8px 0 1px;overflow-wrap:anywhere}.profit-value.loss{color:var(--red)}.roi-value{grid-column:2;grid-row:2;align-self:center;padding:6px 8px;border-radius:5px;background:#e1ebdc;color:var(--green);font:600 10px var(--mono);white-space:nowrap}.roi-value.loss{color:var(--red);background:#f5e5e1}.coin-result{grid-column:1/-1;color:#89968c;font-size:8px;margin-top:5px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;margin:13px 0 14px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.metric{min-height:59px;padding:11px 13px;border-bottom:1px solid var(--line)}.metric:nth-child(odd){border-right:1px solid var(--line)}.metric:nth-last-child(-n+2){border-bottom:0}.metric dt{color:#758179;font-size:9px;line-height:1.4}.metric dd{margin:5px 0 0;color:#27362e;font:600 13px var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere}.metric-unit{font:500 8px var(--mono);color:#99a39c}.copy-button{width:max-content;min-width:166px;height:37px;margin:0 auto;padding:0 16px;position:relative;border:1px solid #dfe5de;border-radius:6px;background:white;color:#526158;display:flex;align-items:center;justify-content:center;gap:8px;font:550 10px var(--sans);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.copy-button:hover:not(:disabled){border-color:#91ad91;background:#f5f8f2;color:var(--green)}.copy-button:disabled{opacity:.48;cursor:not-allowed}.copy-icon{position:absolute;left:14px;width:16px;height:16px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.copy-button #copy-label{font-weight:700;color:var(--ink)}.screen-footnote{margin:13px 2px 0;display:flex;align-items:center;gap:7px;color:#87928a;font-size:9px}.shield{color:var(--green);font-size:12px}.details{max-width:1156px;margin:84px auto 0;padding:0 32px 70px;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(42px,9vw,130px)}.details-intro{position:sticky;top:30px;align-self:start}.details-intro h2,.faq-heading h2{font-size:clamp(27px,3vw,34px);font-weight:640;letter-spacing:-.055em;line-height:1.13;margin:18px 0 13px}.details-intro>p{max-width:300px;color:#748078;font-size:12px;line-height:1.75;margin:0}.details-content{border-top:1px solid var(--line)}.detail-block{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:22px 0 23px;border-bottom:1px solid var(--line)}.detail-number{color:var(--green);font:10px var(--mono);padding-top:3px}.detail-block h3{margin:0 0 8px;font-size:13px;font-weight:650;letter-spacing:-.02em}.detail-block p{margin:0;color:#6d7971;font-size:11px;line-height:1.8}.formula-list{margin:13px 0 10px;border:1px solid #e0e5df;border-radius:7px;background:#f8f9f6;padding:2px 12px}.formula-list p{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:9px 0;border-bottom:1px solid #e6eae5;font-size:10px}.formula-list p:last-child{border:0}.formula-list span{color:#67746b}.formula-list code{color:#2e5140;font:10px var(--mono);text-align:right}.detail-block .formula-note{font-size:10px;color:#87928a}.faq-section{max-width:1156px;margin:0 auto;padding:0 32px 75px;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(42px,9vw,130px)}.faq-heading h2{font-size:24px;margin-top:17px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:15px 0}.faq-list summary{list-style:none;cursor:pointer;font-size:12px;font-weight:620}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--green);font:16px var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:650px;color:#6d7971;font-size:11px;line-height:1.8;margin:11px 25px 0 0}.site-footer{height:68px;border-top:1px solid var(--line);padding:0 clamp(20px,5.2vw,84px);display:flex;align-items:center;justify-content:space-between;color:#929d95}.footer-mark{color:var(--ink)}.site-footer>span,.site-footer>a:last-child{font-size:8px}.site-footer>a:last-child{color:#6c7971;text-decoration:none}@media(max-width:850px){.workspace{padding:38px 24px 20px}.dashboard{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.results-panel{padding-top:23px}.details,.faq-section{gap:38px;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr)}.details{margin-top:65px}}@media(max-width:600px){.topbar{height:58px;padding:0 18px}.topbar-note{font-size:7px;gap:6px;letter-spacing:.04em}.topbar-divider{display:none}.wordmark{font-size:10px;gap:8px}.mark{width:22px;height:22px}.workspace{padding:29px 15px 17px}.workspace-heading{align-items:start;gap:10px;margin-bottom:18px}.workspace-heading>div{min-width:0}.workspace-heading h1{font-size:22px;max-width:none;line-height:1.08}.privacy-note{flex:0 0 98px;font-size:9px;line-height:1.55;margin:4px 0 0;max-width:98px}.dashboard{border-radius:12px}.input-panel,.results-panel{padding:20px 17px 18px}.panel-heading{margin-bottom:20px}.panel-caption{font-size:7px}.field-grid{gap:15px 10px}.field-label{font-size:10px;gap:6px}.input-shell{height:45px}.input-shell input{font-size:13px;padding-left:9px;padding-right:8px}.prefix{padding-left:10px}.prefix+input{padding-left:5px}.suffix{padding:0 8px;font-size:7px}.field-hint{font-size:8px}.form-footer{align-items:stretch;flex-direction:column-reverse;gap:9px;margin-top:17px}.form-message{min-height:14px}.results-panel{padding-top:19px}.results-heading{margin-bottom:15px}.result-status{font-size:7px}.hero-result{min-height:125px;padding:15px}.profit-value{font-size:31px}.roi-value{font-size:9px}.metrics-grid{margin-top:10px}.metric{padding:10px;min-height:58px}.metric dt{font-size:8px}.metric dd{font-size:11px}.copy-button{height:39px}.screen-footnote{font-size:8px;line-height:1.5}.details,.faq-section{display:block;margin-top:49px;padding:0 20px 48px}.details-intro{position:static;margin-bottom:25px}.details-intro h2{font-size:27px;margin:14px 0 10px}.details-intro h2 br{display:none}.details-intro>p{font-size:11px}.detail-block{grid-template-columns:25px 1fr;gap:10px;padding:18px 0}.detail-block p{font-size:10px}.formula-list{padding:2px 9px;margin-top:10px}.formula-list p{align-items:flex-start;flex-direction:column;gap:4px;font-size:9px}.formula-list code{text-align:left;font-size:9px;white-space:normal;overflow-wrap:anywhere}.detail-block .formula-note{font-size:9px}.faq-section{margin-top:0;padding-bottom:50px}.faq-heading{margin-bottom:19px}.faq-heading h2{font-size:23px}.faq-list summary{font-size:11px}.faq-list details p{font-size:10px}.site-footer{height:auto;min-height:62px;padding:12px 17px;gap:10px}.site-footer>span{display:none}.site-footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Mobile text legibility: preserve the existing layout and spacing. */
@media (max-width:600px) {
  .wordmark, .topbar-note, .privacy-note, .eyebrow, .eyebrow .eyebrow-index,
  .panel-caption, .optional, .unit, .prefix, .suffix,
  .field-hint, .form-message, .result-status, .result-label,
  .coin-result, .metric-unit, .copy-button, .screen-footnote,
  .detail-number, .shield, .site-footer > span, .site-footer > a:last-child {
    font-size: 13px;
  }
  .field-label, .metric dt, .metric dd { font-size: 14px; }
  .input-shell input, .panel-heading h2, .details-intro > p,
  .detail-block h3, .detail-block p, .formula-list p,
  .formula-list code, .detail-block .formula-note,
  .faq-list summary, .faq-list details p { font-size: 16px; }

  .topbar-note, .privacy-note, .topbar-divider, .eyebrow-index, .panel-caption,
  .optional, .unit, .prefix, .suffix, .field-hint, .form-message,
  .result-status, .result-label, .coin-result, .metric dt, .metric-unit,
  .screen-footnote, .details-intro > p, .detail-block p,
  .formula-list span, .detail-block .formula-note, .faq-list details p,
  .site-footer, .site-footer > a:last-child { color: #40534a; }
  .input-shell input::placeholder { color: #586a5f; }
  .form-message.error { color: #a6332d; }
  .result-status.calculated { color: #146b50; }

}
