.kg-frac .fr-model{display:block}.kg-frac .fr-pizza{width:min(200px,52vw);height:auto}.kg-frac .fr-bar{width:min(320px,80vw);height:auto}.kg-frac .fr-crust{fill:color-mix(in srgb,var(--warn) 55%,var(--surface));stroke:var(--text);stroke-width:2}.kg-frac .fr-part{fill:var(--surface-2);stroke:var(--text);stroke-width:2.5;stroke-linejoin:round}.kg-frac .fr-part.is-on{fill:color-mix(in srgb,var(--warn) 80%,var(--accent))}.kg-frac .fr-bar .fr-part.is-on{fill:var(--accent)}.kg-frac .fr-dot{fill:var(--bad);stroke:color-mix(in srgb,var(--bad) 60%,var(--text));stroke-width:1;pointer-events:none}.kg-frac .is-tap{cursor:pointer;outline:none}.kg-frac .is-tap:hover .fr-part:not(.is-on),.kg-frac rect.is-tap:hover:not(.is-on){fill:var(--accent-soft)}.kg-frac .is-tap:focus-visible .fr-part,.kg-frac rect.is-tap:focus-visible{stroke:var(--focus, var(--accent));stroke-width:5}.kg-frac .fr-frac{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05;font-weight:900;font-variant-numeric:tabular-nums}.kg-frac .fr-num{padding:0 .15em;border-bottom:.08em solid currentColor}.kg-frac .fr-target{font-size:clamp(2rem,10vw,2.8rem)}.kg-frac .kg-choice .fr-frac{font-size:1.1em}.kg-frac .fr-buildwrap{display:flex;flex-direction:column;align-items:center;gap:6px}.kg-frac .fr-count{margin:0;color:var(--muted);font-weight:700}.kg-frac .fr-compare,.kg-frac .fr-eq{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.kg-frac .fr-side{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:clamp(1.5rem,7vw,2rem);min-width:0;flex:1 1 0}.kg-frac .fr-side .fr-pizza{width:min(150px,34vw)}.kg-frac .fr-side .fr-bar{width:min(220px,36vw)}.kg-frac .fr-blank,.kg-frac .fr-equals{font-size:clamp(1.8rem,8vw,2.4rem);font-weight:900;color:var(--accent)}.kg-frac .kg-choices.is-row .kg-choice{font-size:clamp(1.8rem,9vw,2.4rem)}