.mix-calc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--border-radius) * 2);box-shadow:var(--shadow);padding:1.15rem}.mix-calc .mix-calc__presets{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.mix-calc .mix-calc__presets button{color:var(--color-text-muted);background:var(--color-surface-alt);border:1px solid var(--color-border);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.mix-calc .mix-calc__presets button:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border))}.mix-calc .mix-calc__presets button.is-active{color:var(--color-primary-strong);background:var(--color-primary-soft);border-color:#0000}.mix-calc .mix-calc__controls{flex-wrap:wrap;gap:.85rem 1.25rem;margin-bottom:1.15rem;display:flex}.mix-calc .mix-calc__controls label{min-width:10rem;color:var(--color-text-muted);flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;display:inline-flex}.mix-calc .mix-calc__controls input{min-width:7rem;min-height:var(--input-height);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.45rem .65rem}.mix-calc .mix-calc__controls input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.mix-calc .mix-calc__coverage-tip{color:var(--color-text-muted);background:var(--color-surface-alt);border-radius:calc(var(--border-radius) * 1.25);margin:-.35rem 0 1rem;padding:.65rem .85rem;font-size:.82rem}.mix-calc .mix-calc__coverage-tip strong{color:var(--color-text)}.mix-calc .mix-calc__coverage-tip button{font:inherit;color:var(--color-primary-strong);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;margin-left:.35rem;padding:0;font-weight:600;text-decoration:underline}.mix-calc .mix-calc__result{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=559px){.mix-calc .mix-calc__result{grid-template-columns:1fr}}.mix-calc .mix-calc__stat{background:var(--color-surface-alt);border-radius:calc(var(--border-radius) * 1.5);padding:.85rem}.mix-calc .mix-calc__stat span{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.25rem;font-size:.72rem;font-weight:600;display:block}.mix-calc .mix-calc__stat strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.25rem}.mix-calc .mix-calc__stat em{color:var(--color-text-muted);margin-top:.2rem;font-size:.82rem;font-style:normal;display:block}.mix-calc .mix-calc__note{color:var(--color-text-muted);margin:.85rem 0 0;font-size:.82rem}.mix-calc .mix-calc__related{margin:.85rem 0 0;font-size:.85rem}.mix-calc .mix-calc__related a{color:var(--color-primary-strong);font-weight:600}.mix-calc .mix-calc__related span+span:before{content:" · ";color:var(--color-text-muted);font-weight:400}