.calc{border:1px solid var(--nk-line);background:radial-gradient(70% 90% at 15% 30%, color-mix(in oklab, var(--nk-gold) 8%, transparent), transparent 70%), color-mix(in oklab, var(--nk-surface) 80%, transparent);border-radius:1.5rem;gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.1rem,3vw,2.25rem);display:grid}@media (min-width:56rem){.calc{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start}}.calc-inputs{gap:1.6rem;display:grid}.calc-field{gap:.75rem;min-width:0;display:grid}.calc-field legend,.calc-label{font-size:.95rem;font-weight:700}.calc-field legend{margin-bottom:.75rem}.calc-label{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.calc-label b{font-family:var(--font-display);color:var(--nk-gold);white-space:nowrap;font-size:1.5rem;font-weight:900}.calc-label small{font-family:var(--font-body,inherit);color:var(--nk-muted);font-size:.8rem;font-weight:600}.calc-one{border:1px solid color-mix(in oklab, var(--nk-gold) 40%, var(--nk-line));border-radius:999px;justify-self:start;align-items:center;gap:.5rem;padding:.45rem .9rem;font-weight:800;display:inline-flex}.calc-one svg{color:var(--nk-gold)}.calc-chips{flex-wrap:wrap;gap:.5rem;display:flex}.calc-chips button{border:1px solid var(--nk-line);border-radius:999px;align-items:center;gap:.45rem;min-height:2.6rem;padding:.3rem .95rem;font-size:.88rem;font-weight:700;transition:border-color .2s,background-color .2s;display:inline-flex}.calc-chips button svg{color:var(--nk-gold)}.calc-chips button[aria-pressed=true]{border-color:var(--nk-gold);background:color-mix(in oklab, var(--nk-gold) 14%, transparent)}.calc input[type=range]{appearance:none;touch-action:pan-y;background:0 0;width:100%;height:2.25rem}.calc input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--nk-gold) var(--fill), var(--nk-raised) var(--fill));border-radius:999px;height:.45rem}.calc input[type=range]::-moz-range-track{background:linear-gradient(to left, var(--nk-gold) var(--fill), var(--nk-raised) var(--fill));border-radius:999px;height:.45rem}.calc input[type=range]::-webkit-slider-thumb{border:3px solid var(--nk-bg);background:radial-gradient(circle at 35% 30%, #fff4c8, var(--nk-gold) 60%, #a8741f);width:1.6rem;height:1.6rem;box-shadow:0 0 0 1px var(--nk-gold), 0 6px 14px -4px #000000b3;-webkit-appearance:none;border-radius:50%;margin-top:-.58rem}.calc input[type=range]::-moz-range-thumb{border:3px solid var(--nk-bg);background:radial-gradient(circle at 35% 30%, #fff4c8, var(--nk-gold) 60%, #a8741f);width:1.4rem;height:1.4rem;box-shadow:0 0 0 1px var(--nk-gold);border-radius:50%}.calc input[type=range]:focus-visible{outline:2px solid var(--nk-gold);outline-offset:4px;border-radius:999px}.calc-out{justify-items:start;gap:.9rem;display:grid}.calc-numbers{flex-wrap:wrap;align-items:flex-end;gap:.5rem 2rem;display:flex}.calc-numbers p{gap:.1rem;display:grid}.calc-numbers small{color:var(--nk-muted);font-size:.82rem;font-weight:700}.calc-numbers strong{font-family:var(--font-display);background:linear-gradient(180deg, #fff3cc, var(--nk-gold) 55%, #a8741f);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:900;line-height:1.15}.calc-numbers span{font-weight:700}.calc-day strong{font-size:clamp(1.6rem,3.5vw,2.2rem)}.calc-extra{color:var(--nk-cream);font-weight:700}.calc-tray{background:linear-gradient(#0b1224,#101a33);border-radius:.9rem;grid-template-columns:repeat(12,minmax(0,1fr));gap:.35rem;width:100%;max-width:26rem;padding:.6rem;display:grid;box-shadow:inset 0 1px #ffffff0a,inset 0 -10px 20px #00000059}.calc-tray i,.calc-legend i{aspect-ratio:5/3;animation:calc-pat .45s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 12ms);background:linear-gradient(#fff4c8,#f2d27a 55%,#d29e3a);border-radius:.3rem;display:block;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #96601473,0 3px 6px -3px #000c}@keyframes calc-pat{0%{opacity:0;transform:translateY(-6px)scale(.6)}}.calc-legend{color:var(--nk-muted);align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.calc-legend i{width:1.4rem;animation:none}.calc-note{max-width:28rem;color:var(--nk-muted);font-size:.85rem;line-height:1.9}@media (prefers-reduced-motion:reduce){.calc-tray i{animation:none}}
