.nisi-ndcalc{--nisi-thumb:28px;--nisi-track:calc(var(--space-1) * 1.5);display:grid;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.nisi-ndcalc__form{display:flex;flex-direction:column;gap:var(--space-5);margin:0}.nisi-ndcalc__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3) var(--space-6)}.nisi-ndcalc__base{display:flex;flex-direction:column;gap:var(--space-1)}.nisi-ndcalc__label{color:var(--ink-muted);font-size:var(--fs-small);line-height:var(--lh-small)}.nisi-ndcalc__label b{color:var(--ink)}.nisi-ndcalc__result{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);margin:0;text-align:right}.nisi-ndcalc__time{color:var(--ink-heading);font-family:var(--font-mono);font-size:var(--fs-stat-m);line-height:var(--lh-stat-m);font-weight:var(--fw-stat-m)}.nisi-ndcalc__scale{position:relative;padding-bottom:calc(var(--space-8) + var(--space-5))}.nisi-ndcalc__range{display:block;width:100%;height:var(--nisi-thumb);margin:0;background:#fff0;appearance:none;cursor:pointer}.nisi-ndcalc__range::-webkit-slider-runnable-track{height:var(--nisi-track);background:linear-gradient(to right,var(--ink) calc(var(--nisi-s) / var(--nisi-max) * 100%),var(--surface-muted) 0);border-radius:var(--radius-pill)}.nisi-ndcalc__range::-moz-range-track{height:var(--nisi-track);background:var(--surface-muted);border-radius:var(--radius-pill)}.nisi-ndcalc__range::-moz-range-progress{height:var(--nisi-track);background:var(--ink);border-radius:var(--radius-pill)}.nisi-ndcalc__range::-webkit-slider-thumb{width:var(--nisi-thumb);height:var(--nisi-thumb);margin-top:calc((var(--nisi-track) - var(--nisi-thumb)) / 2);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);appearance:none}.nisi-ndcalc__range::-moz-range-thumb{width:var(--nisi-thumb);height:var(--nisi-thumb);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);box-sizing:border-box}.nisi-ndcalc__range:focus-visible{outline:2px solid var(--focus-ring);outline-offset:var(--space-1)}.nisi-ndcalc__ticks,.nisi-ndcalc__marks{position:absolute;right:0;left:0;margin:0;padding:0;list-style:none}.nisi-ndcalc__ticks{top:calc(var(--nisi-thumb) + var(--space-1))}.nisi-ndcalc__marks{top:calc(var(--nisi-thumb) + var(--space-6))}.nisi-ndcalc__ticks li,.nisi-ndcalc__marks li{position:absolute;left:calc(var(--nisi-thumb) / 2 + (100% - var(--nisi-thumb)) * var(--at) / var(--nisi-max));transform:translateX(-50%);font-family:var(--font-mono);white-space:nowrap}.nisi-ndcalc__ticks li{display:flex;flex-direction:column;align-items:center;color:var(--ink-muted);font-size:var(--fs-micro);line-height:var(--lh-micro)}.nisi-ndcalc__ticks li::before{content:"";width:1px;height:var(--space-1);background:var(--border-strong)}.nisi-ndcalc__ticks .is-major::before{height:var(--space-2)}.nisi-ndcalc__marks .is-end{transform:translateX(calc(-100% + var(--nisi-thumb) / 2))}.nisi-ndcalc__marks li{padding:0 var(--space-1);background:var(--nisi-yellow-050);border:1px solid var(--nisi-yellow);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-micro);line-height:var(--lh-micro)}.nisi-ndcalc__caption{margin:0;color:var(--ink-muted);font-size:var(--fs-caption);line-height:var(--lh-caption)}.nisi-ndcalc__photos{position:relative;overflow:hidden;aspect-ratio:3 / 2;background:var(--surface-black);border-radius:var(--radius-md)}.nisi-ndcalc__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nisi-ndcalc__photo[style*="--to"]{opacity:clamp(0,calc((var(--nisi-s) - var(--from)) / (var(--to) - var(--from))),1);transition:opacity 0.2s ease}@media (prefers-reduced-motion:reduce){.nisi-ndcalc__photo[style*="--to"]{transition:none}}@media (width>=992px){.nisi-ndcalc{padding:var(--space-6)}.nisi-ndcalc--photos{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;column-gap:var(--space-8)}.nisi-ndcalc--photos .nisi-ndcalc__caption{grid-column:1 / -1}.nisi-ndcalc__time{font-size:var(--fs-stat);line-height:var(--lh-stat);font-weight:var(--fw-stat)}}