.calc{--calc-amber:#c9962b;--calc-water:#5b84a8;--calc-ok:#4f8a5b;flex-direction:column;gap:1.5rem;display:flex}.calc-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.calc-card{border:1px solid var(--gray-800);background:var(--gradient-subtle);border-radius:1.25rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.calc-head{align-items:flex-start;gap:.9rem;display:flex}.calc-num{width:2.1rem;height:2.1rem;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-text-over);background:var(--accent-regular);border-radius:50%;flex:none;place-items:center;display:grid}.calc-num-icon{font-size:var(--text-base);color:var(--gray-0);background:var(--gray-800)}.calc-head h2{font-size:var(--text-xl);color:var(--gray-0);line-height:1.2}.calc-help{font-size:var(--text-sm);color:var(--gray-400);margin-top:.35rem;line-height:1.5}.calc-row{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.calc-field{flex-direction:column;gap:.45rem;min-width:0;display:flex}.calc-field label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-300);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calc-input{border:1px solid var(--gray-700);background:var(--gray-900);transition:border-color var(--theme-transition);border-radius:.7rem;align-items:center;display:flex}.calc-input:focus-within{border-color:var(--accent-light)}.calc-input input,.calc-bath-form input{width:100%;min-width:0;font:inherit;font-size:var(--text-lg);color:var(--gray-0);background:0 0;border:0;outline:none;flex:1;padding:.6rem .8rem}.calc-unit{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-400);flex:none;padding-right:.8rem}.calc-unit-pre{font-family:inherit;font-size:var(--text-lg);color:var(--gray-300);padding:0 0 0 .8rem}.calc-unit-pre+input{padding-left:.4rem}.calc-chips{flex-wrap:wrap;gap:.35rem;display:flex}.calc-chip{font:inherit;font-family:var(--font-mono);color:var(--gray-300);box-shadow:inset 0 0 0 1px var(--gray-700);cursor:pointer;transition:box-shadow var(--theme-transition), color var(--theme-transition);background:0 0;border:0;border-radius:999rem;padding:.25rem .6rem;font-size:.75rem}.calc-chip:hover{color:var(--gray-0);box-shadow:inset 0 0 0 1px var(--gray-500)}.calc-chip[aria-pressed=true]{color:var(--accent-text-over);background:var(--accent-regular);box-shadow:none}.calc-result{background:var(--gray-900);border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:auto;padding:1.1rem 1.25rem;display:flex}.calc-result-label,.calc-pair dt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gray-400)}.calc-big,.calc-pair dd{font-family:var(--font-brand);color:var(--gray-0);margin:0;font-size:2rem;line-height:1.1}.calc-bar{background:var(--calc-water);border-radius:999rem;width:100%;height:.6rem;display:flex;overflow:hidden}.calc-bar span{background:var(--calc-amber);min-width:3px;height:100%;transition:width .25s}.calc-pair{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin:0;display:grid}.calc-pair dt:before{content:"";vertical-align:.05em;border-radius:50%;width:.6rem;height:.6rem;margin-right:.4rem;display:inline-block}.calc-pair .is-conc dt:before{background:var(--calc-amber)}.calc-pair .is-water dt:before{background:var(--calc-water)}.calc-pill{font-family:var(--font-mono);color:var(--gray-200);background:var(--gray-800);border-radius:999rem;padding:.2rem .65rem;font-size:.75rem}.calc-pill[data-state=ok]{color:#fff;background:var(--calc-ok)}.calc-pill[data-state=tired]{color:var(--accent-text-over);background:var(--accent-regular)}.calc-pill[hidden]{display:none}.calc-note{font-size:var(--text-sm);color:var(--gray-400);line-height:1.5}.calc-note:empty{display:none}.calc-note.is-warn{color:var(--gray-100)}.calc-baths{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;display:grid}.calc-baths .calc-empty{font-size:var(--text-sm);color:var(--gray-400);grid-column:1/-1}.calc-baths .calc-bath{background:var(--gray-900);border-radius:1rem;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;display:flex}.calc-baths .calc-bath-head{color:var(--gray-0);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.calc-baths .calc-bath-count{font-family:var(--font-mono);color:var(--gray-300);flex:none}.calc-baths .calc-meter{background:var(--gray-800);border-radius:999rem;height:.5rem;overflow:hidden}.calc-baths .calc-meter span{background:var(--calc-ok);height:100%;transition:width .2s;display:block}.calc-baths .is-low .calc-meter span{background:var(--calc-amber)}.calc-baths .is-done .calc-meter span{background:var(--accent-regular)}.calc-baths .calc-bath-meta{font-size:var(--text-sm);color:var(--gray-400)}.calc-baths .is-done .calc-bath-meta{color:var(--gray-100);font-weight:600}.calc-baths .calc-bath-actions{flex-wrap:wrap;gap:.4rem;display:flex}.calc-baths .calc-bath-actions .tool-btn{padding:.45rem .9rem}.calc-baths .calc-bath-actions .tool-btn.primary{width:auto}.calc-baths .calc-bath-actions [data-act=del]{margin-left:auto}.calc-bath-form{border-top:1px solid var(--gray-800);grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.9rem;padding-top:1.25rem;display:grid}.calc-bath-form input{border:1px solid var(--gray-700);font-size:var(--text-base);background:var(--gray-900);border-radius:.7rem}.calc-bath-form input:focus-visible{border-color:var(--accent-light)}.calc-bath-form .tool-btn{white-space:nowrap;height:fit-content}.tool-howto ul{flex-direction:column;gap:.75rem;max-width:65ch;padding-left:1.25rem;display:flex}@media (width<=68em){.calc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-steps>:first-child{grid-column:1/-1}}@media (width<=44em){.calc-steps{grid-template-columns:minmax(0,1fr)}.calc-steps>:first-child{grid-column:auto}.calc-bath-form{grid-template-columns:1fr 1fr}.calc-field-name{grid-column:1/-1}.calc-head{grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;display:grid}.calc-head>div{display:contents}.calc-help{grid-column:1/-1;margin-top:.5rem}.calc-bath-form input[type=date]{font-size:var(--text-sm)}.calc-bath-form .tool-btn{grid-column:1/-1;justify-self:start}}