.mkc{--mkc-primary: var(--color-primary, var(--color-brand-primary, #3a7bc8));--mkc-primary-muted: var(--color-primary-muted, rgba(58, 123, 200, .1));--mkc-attention: var(--color-attention, #a86a05);--mkc-attention-muted: var(--color-attention-muted, rgba(168, 106, 5, .1));--mkc-text: var(--color-text-primary, #0f172a);--mkc-text-2: var(--color-text-secondary, #475569);--mkc-muted: var(--color-text-muted, #64748b);--mkc-border: var(--color-border, #e2e8f0);--mkc-card: var(--color-bg-card, #ffffff);--mkc-sunken: var(--color-bg-elevated, #f8fafc);--mkc-on-primary: #ffffff;container-type:inline-size;color:var(--mkc-text);font-variant-numeric:tabular-nums;text-align:left}.mkc *,.mkc *:before,.mkc *:after{box-sizing:border-box}.mkc-grid{display:grid;gap:16px}@container (min-width: 760px){.mkc-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start}.mkc-result{position:sticky;top:var(--mkc-sticky-top, 16px)}}.mkc-step{border:1px solid var(--mkc-border);border-radius:12px;background:var(--mkc-card);padding:16px}.mkc-step+.mkc-step{margin-top:12px}.mkc-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mkc-step-title{margin:0;font-size:15px;font-weight:600;line-height:1.35;color:var(--mkc-text)}.mkc-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:999px;background:var(--mkc-primary-muted);color:var(--mkc-primary);font-size:12px;font-weight:700}.mkc-hint{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--mkc-muted)}.mkc-hint strong{color:var(--mkc-text-2);font-weight:600}.mkc-seg{display:inline-flex;padding:2px;border-radius:8px;background:var(--mkc-sunken);border:1px solid var(--mkc-border)}.mkc-seg button{appearance:none;border:0;background:transparent;color:var(--mkc-text-2);font:inherit;font-size:13px;font-weight:500;padding:6px 10px;min-height:32px;border-radius:6px;cursor:pointer}.mkc-seg button[aria-pressed=true]{background:var(--mkc-card);color:var(--mkc-text);box-shadow:0 1px 2px #0000001f}.mkc-field{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0}.mkc-field+.mkc-field{border-top:1px solid var(--mkc-border)}.mkc-field-label{min-width:0;flex:1}.mkc-field-label>span{display:block;font-size:14px;font-weight:500;color:var(--mkc-text)}.mkc-field-label>small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:var(--mkc-muted)}.mkc-input{display:flex;align-items:center;flex-shrink:0;width:140px;min-height:40px;padding:0 10px;border:1px solid var(--mkc-border);border-radius:8px;background:var(--mkc-sunken)}.mkc-input:focus-within{border-color:var(--mkc-primary);box-shadow:0 0 0 3px var(--mkc-primary-muted)}.mkc-input>span{color:var(--mkc-muted);font-size:14px}.mkc-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mkc-text);font:inherit;font-size:16px;font-weight:600;text-align:right;padding:8px 0 8px 4px}.mkc-input-wide{width:100%;max-width:240px}.mkc-input-sm{width:88px}.mkc-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--mkc-border);font-size:14px;color:var(--mkc-text-2)}.mkc-total strong{font-size:16px;color:var(--mkc-text)}.mkc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.mkc-chip{appearance:none;font:inherit;font-size:14px;font-weight:600;min-height:40px;min-width:52px;padding:0 12px;border-radius:8px;border:1px solid var(--mkc-border);background:var(--mkc-card);color:var(--mkc-text);cursor:pointer}.mkc-chip[aria-pressed=true]{border-color:var(--mkc-primary);background:var(--mkc-primary-muted);color:var(--mkc-primary)}.mkc-result{border:1px solid var(--mkc-border);border-radius:12px;background:var(--mkc-card);padding:18px}.mkc-result-label{margin:0;font-size:13px;color:var(--mkc-muted)}.mkc-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:2px}.mkc-big-num{font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-.02em;color:var(--mkc-text)}.mkc-big-sub{font-size:14px;color:var(--mkc-text-2)}.mkc-empty .mkc-big-num{color:var(--mkc-muted)}.mkc-bar{display:flex;height:12px;margin-top:14px;border-radius:999px;overflow:hidden;background:var(--mkc-sunken)}.mkc-bar>i{display:block;height:100%}.mkc-bar-cost{background:var(--mkc-border)}.mkc-bar-oh{background:color-mix(in srgb,var(--mkc-primary) 45%,transparent)}.mkc-bar-profit{background:var(--mkc-primary)}.mkc-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:12px;color:var(--mkc-text-2)}.mkc-legend li{display:inline-flex;align-items:center;gap:6px}.mkc-legend b{display:inline-block;width:10px;height:10px;border-radius:3px}.mkc-example{margin-top:16px;padding:12px;border-radius:10px;background:var(--mkc-sunken);font-size:14px}.mkc-example p{margin:0;color:var(--mkc-text)}.mkc-example dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0 0;font-size:13px}.mkc-example dt{color:var(--mkc-text-2)}.mkc-example dd{margin:0;text-align:right;font-weight:600;color:var(--mkc-text)}.mkc-note{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45}.mkc-note-info{background:var(--mkc-primary-muted);color:var(--mkc-text)}.mkc-note-warn{background:var(--mkc-attention-muted);color:var(--mkc-text);border:1px solid color-mix(in srgb,var(--mkc-attention) 40%,transparent)}.mkc-note-warn strong{color:var(--mkc-attention)}.mkc-plain{margin-top:10px;font-size:12px;line-height:1.45;color:var(--mkc-muted)}.mkc-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mkc-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:0 16px;border-radius:10px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid transparent}.mkc-btn:disabled{opacity:.6;cursor:default}.mkc-btn-primary{background:var(--mkc-primary);color:var(--mkc-on-primary)}.mkc-btn-primary:hover:not(:disabled){filter:brightness(1.06)}.mkc-btn-secondary{background:transparent;color:var(--mkc-text);border-color:var(--mkc-border)}.mkc-btn-secondary:hover:not(:disabled){background:var(--mkc-sunken)}.mkc-how{margin-top:16px;font-size:13px;color:var(--mkc-text-2)}.mkc-how summary{cursor:pointer;font-weight:500;color:var(--mkc-primary);min-height:32px;display:flex;align-items:center}.mkc-how ol,.mkc-how ul{margin:6px 0 0;padding-left:18px;line-height:1.5}.mkc-how li+li{margin-top:6px}.mkc-how code{font-family:inherit;font-weight:600;color:var(--mkc-text)}.mkc button:focus-visible,.mkc a:focus-visible,.mkc summary:focus-visible{outline:2px solid var(--mkc-primary);outline-offset:2px}@media(max-width:420px){.mkc-field{flex-wrap:wrap}.mkc-input{width:100%}.mkc-big-num{font-size:38px}}