.frac-fieldset{display:flex;border:none;flex-direction:column;gap:8px;margin:0;padding:0}.frac-fieldset:focus-within{outline:3px solid var(--accent);outline-offset:2px}.frac-item{display:flex;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex-direction:column;align-items: center;gap:6px;padding:10px}.frac-shapes{display:flex;align-items: center}.frac-symbol{text-align:center;flex-shrink:0;width:30px}.frac{display:flex;flex-direction:column;align-items: center;width:32px}.frac-num,.frac-den{text-align:center;font-size:20px;line-height:1.2}.frac-rule{background:#000;width:100%;height:2px}.frac-dot-slot{display:flex;flex-shrink:0;justify-content:center}.frac-dot{border:1.5px solid #000;border-radius:50%;width:18px;height:18px}.frac-dot--filled{background:#000}.frac-grid{display:grid;gap:16px}.frac-answer{display:flex;justify-content:center;align-items: center;gap:6px}