.loss-calculator {
  --loss-red:#ff5964;
  background:#101012;
  color:#f2f2f0;
  color-scheme:dark;
  padding:72px 0 64px;
  border-block:1px solid rgba(242,242,240,.12);
  scroll-margin-top:24px;
}
.loss-inner { width:85%; max-width:1180px; margin-inline:auto; }
.loss-intro { margin-bottom:34px; }
.loss-kicker { margin:0 0 14px; color:var(--loss-red); font-size:11px; font-weight:720; letter-spacing:.16em; }
.loss-intro h2 { max-width:800px; font-size:clamp(32px,3.6vw,52px); line-height:1.08; letter-spacing:-.045em; font-weight:620; }
.loss-intro > p:last-child { margin:12px 0 0; color:#a9a9b0; font-size:15px; line-height:1.5; }
.loss-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(36px,5vw,72px); }
.loss-inputs,.loss-results { border-top:1px solid rgba(242,242,240,.18); padding-top:19px; min-width:0; }
.loss-results { border-color:var(--loss-red); }
.loss-inputs h3,.loss-results h3 { font-size:15px; font-weight:660; letter-spacing:-.015em; }
.loss-results h3 { color:var(--loss-red); }
.loss-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; margin-top:26px; }
.loss-field { min-width:0; }
.loss-field-label { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; margin-bottom:8px; }
.loss-field label { font-size:12.5px; line-height:1.3; font-weight:620; }
.loss-help { flex:none; width:25px; height:25px; border:1px solid #666b79; border-radius:50%; background:transparent; color:#b9c4d9; font-family:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.loss-help:hover,.loss-help:focus-visible { border-color:#9eb6ff; color:#fff; }
.loss-input-row { display:flex; gap:7px; }
.loss-input-row input,.loss-input-row select { height:48px; min-width:0; border:1px solid #57585f; border-radius:0; background:#1b1b1f; color:#f2f2f0; font-family:inherit; font-size:18px; font-weight:600; padding:0 12px; }
.loss-input-row input { width:100%; }
.loss-input-row select { width:81px; flex:none; padding:0 5px; font-size:13px; }
.loss-input-row input:focus-visible,.loss-input-row select:focus-visible { outline:2px solid var(--loss-red); outline-offset:2px; }
.loss-error { min-height:18px; margin:13px 0 0; color:#ffadb3; font-size:12px; }
.loss-results[hidden] { display:none; }
.loss-rate { margin:17px 0 0; color:#d9d9dd; font-size:13px; font-weight:620; font-variant-numeric:tabular-nums; }
.loss-result-label { margin:24px 0 8px; color:#ff9da4; font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
.loss-big-number { display:block; color:var(--loss-red); font-size:clamp(48px,5.7vw,82px); line-height:1.04; letter-spacing:-.055em; font-weight:730; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.loss-summary { display:flex; gap:24px; border-block:1px solid rgba(242,242,240,.16); padding:17px 0; margin-top:22px; }
.loss-summary > div { flex:1; min-width:0; }
.loss-summary strong { display:block; color:#ffd4d7; font-size:22px; font-weight:680; font-variant-numeric:tabular-nums; }
.loss-summary span { display:block; margin-top:3px; color:#a9a9b0; font-size:12px; }
.loss-cta { display:inline-block; padding:13px 17px; margin-top:19px; background:var(--loss-red); color:#0a0a0b; font-size:13px; font-weight:700; }
.loss-cta:hover { background:#ff7e87; opacity:1; }
.loss-caution { max-width:530px; margin:12px 0 0; color:#a9a9b0; font-size:11px; line-height:1.5; }
.loss-details { margin-top:14px; color:#a9a9b0; font-size:11px; line-height:1.5; }
.loss-details summary { width:fit-content; color:#d9d9dd; font-size:12px; cursor:pointer; }
.loss-details p { margin:8px 0 0; }
.loss-full-link { display:inline-block; margin-top:24px; color:#aabfff; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.loss-toast { position:fixed; z-index:100; top:88px; right:24px; width:min(392px,calc(100vw - 24px)); max-height:calc(100svh - 100px); overflow:auto; padding:21px 54px 22px 22px; background:#131821; color:#f2f2f0; border:1px solid #5979bb; box-shadow:0 16px 42px rgba(0,0,0,.42); animation:loss-toast-in .25s ease-out; }
.loss-toast[hidden],.loss-toast-link[hidden] { display:none; }
.loss-toast-label { margin:0 0 9px; color:#83a4ff; font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.loss-toast-title { display:block; font-size:17px; line-height:1.28; letter-spacing:-.02em; }
.loss-toast-body { margin:9px 0 13px; color:#c8cdd8; font-size:12.5px; line-height:1.5; }
.loss-toast-link { color:#a3bbff; font-size:13px; font-weight:730; text-decoration:underline; text-underline-offset:3px; }
.loss-toast-close { position:absolute; top:10px; right:10px; width:36px; height:36px; padding:0; border:0; background:transparent; color:#d5d7df; font-size:24px; line-height:1; cursor:pointer; }
.loss-toast-close:hover { color:#fff; background:#232a38; }
@keyframes loss-toast-in { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:850px) { .loss-calculator { padding:56px 0; } .loss-inner { width:calc(100% - 48px); } .loss-grid { grid-template-columns:1fr; gap:28px; } .loss-intro { margin-bottom:28px; } }
@media (max-width:520px) { .loss-inner { width:calc(100% - 32px); } .loss-fields { gap:17px 12px; } .loss-field label { font-size:12px; } .loss-input-row input { padding:0 8px; font-size:16px; } .loss-input-row select { width:72px; font-size:12px; } .loss-big-number { font-size:clamp(44px,12vw,64px); } .loss-toast { top:72px; right:12px; padding:16px 46px 17px 17px; max-height:calc(100svh - 84px); } }
@media (max-width:360px) { .loss-fields { grid-template-columns:1fr; } .loss-field-label { min-height:24px; } }
@media (prefers-reduced-motion:reduce) { .loss-toast { animation:none; } }