.inmood-calculator {
    max-width: 620px; padding: 28px; margin: 24px 0;
    border: 1px solid #dbe4e1; border-radius: 18px;
    background: #f6faf8; color: #193e34;
    font-family: system-ui, sans-serif;
}
.inmood-calculator h3 { margin: 0 0 24px; font-size: 24px; color: inherit; }
.inmood-calculator-fields { display: flex; gap: 14px; flex-wrap: wrap; }
.inmood-calculator label { flex: 1 1 130px; font-size: 13px; font-weight: 600; }
.inmood-calculator input, .inmood-calculator select {
    box-sizing: border-box; display: block; width: 100%; margin-top: 8px;
    padding: 12px; border: 1px solid #b8cbc3; border-radius: 8px;
    background: white; color: #193e34; font: inherit; font-size: 18px;
}
.inmood-calculator input:focus-visible, .inmood-calculator select:focus-visible { outline: 3px solid #36866c; outline-offset: 2px; }
.inmood-calculator-result { margin: 24px 0 12px; padding-top: 18px; border-top: 1px solid #dbe4e1; }
.inmood-calculator output { display: block; margin-top: 6px; font-size: 32px; font-weight: 700; overflow-wrap: anywhere; }
.inmood-calculator small { font-size: 12px; }