.xf-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.xf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.xf-head .xf-h{margin:0}.xf-gear{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.xf-gear:hover{color:var(--text);box-shadow:var(--shadow)}.xf-gear svg{flex:none}.xf-gear-sum{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:560px){.xf-gear-sum{display:none}}.xf-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgb(0 0 0/.4)}body:has(.xf-backdrop){overflow:hidden}.xf-settings{display:grid;grid-gap:14px;gap:14px;width:min(420px,100%);max-height:calc(100svh - 32px);overflow-y:auto;padding:18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.xf-dialog-head{display:flex;align-items:center;justify-content:space-between}.xf-dialog-head h2{margin:0;font-size:17px}.xf-done{width:100%;padding:12px;border-radius:var(--radius)}.xf-seg button{flex:1 1 auto}.xf-check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.xf-check input{width:16px;height:16px;accent-color:var(--accent)}.xf-h{font-size:17px}.xf-recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.xf-recipe{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 10px;gap:2px 10px;align-items:center;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.xf-recipe:hover{box-shadow:var(--shadow)}.xf-recipe.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.xf-icon{grid-row:span 2;font-size:22px}.xf-recipe strong{font-size:14px}.xf-recipe .muted{font-size:12px;line-height:1.4}.xf-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start;margin-top:20px}@media (max-width:760px){.xf-main{grid-template-columns:1fr}}.xf-form{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.xf-rows{display:grid;grid-gap:8px;gap:8px}.xf-row{display:flex;gap:6px;align-items:center}.xf-row .input{flex:1 1;min-width:0}.xf-row .xf-op{flex:0 1 132px}.xf-arrow,.xf-del{color:var(--muted)}.xf-del{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:transparent;font-size:20px;line-height:1;cursor:pointer}.xf-del:hover{background:var(--surface-2);color:var(--text)}.xf-add{justify-self:start;align-self:flex-start;margin-top:2px;font-size:13px}@media (max-width:480px){.xf-row{flex-wrap:wrap}.xf-row>.input:first-child{flex-basis:100%}}.xf-result{display:grid;grid-gap:10px;gap:10px;position:-webkit-sticky;position:sticky;top:72px;padding:20px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border))}@media (max-width:760px){.xf-result{position:static}}.xf-result p{margin:0}.xf-formula{display:block;padding:14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.5;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;-moz-user-select:all;user-select:all}.xf-copy{justify-self:start}.xf-note{font-size:13px;color:var(--muted)}.xf-fns-title{margin-top:6px!important}.xf-fns{margin:0;display:grid;grid-gap:6px;gap:6px;font-size:13px}.xf-fns div{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;grid-gap:10px;gap:10px}.xf-fns dt{font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.xf-fns dd{margin:0;color:var(--muted)}.xf-explain{display:grid;grid-gap:10px;gap:10px;margin-top:28px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.xf-explain h2{margin:0;font-size:17px}.xf-explain p{margin:0}.xf-explain textarea{width:100%;resize:vertical}@media (max-width:480px){.xf-recipes{grid-template-columns:1fr 1fr;gap:8px}.xf-recipe{grid-template-columns:1fr;padding:10px 12px}.xf-icon{grid-row:auto;font-size:20px}.xf-recipe .muted{display:none}}.xf-sum dt{font-family:inherit;font-weight:600;color:var(--muted)}.xf-sum dd{color:var(--text)}.xf-sum div{grid-template-columns:minmax(0,38%) 1fr}.xf-range{display:flex;align-items:center;gap:6px;min-width:0}.xf-range .input{flex:1 1;min-width:0}.xf-range>span{flex:none;color:var(--muted)}.xf-cond{flex-wrap:wrap;padding-bottom:8px;border-bottom:1px dashed var(--border)}.xf-cond:last-child{padding-bottom:0;border-bottom:0}.xf-cond .xf-range{flex:1 1 100%}