.ax{container-type:inline-size;margin-block:var(--space-6);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.5}.ax-title{margin-block:0 var(--space-3);font-family:var(--font-display);font-size:var(--step-2);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.ax-help,.ax-nojs,.ax-note{margin-block:0 var(--space-4);color:var(--text-muted);font-size:var(--step-sm)}.ax-note{margin-block:var(--space-3) 0}.ax-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ax-field label,.ax-table thead th,.ax-route-head,.ax-shop-head{color:var(--text-muted);font-size:var(--step-s);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ax-btn,.ax-chip,.ax-seg button{min-block-size:44px;padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font:inherit;font-size:var(--step-sm);cursor:pointer}.ax-btn{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.ax-btn-ghost{background:transparent;border-color:var(--border);color:var(--text);font-weight:400}.ax-chip{padding-inline:var(--space-3)}.ax-chip:before{content:"+ ";color:var(--accent);font-weight:600}.ax-chip:hover,.ax-btn-ghost:hover,.ax-seg button:hover{border-color:var(--accent)}.ax button:focus-visible,.ax input:focus-visible,.ax select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ax-field{display:flex;flex-direction:column;gap:var(--space-1)}.ax-field input,.ax-field select{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.ax-field-inline{flex-direction:row;align-items:center;gap:var(--space-2)}.ax-scroll{overflow-x:auto;margin-block:var(--space-5)}.ax .ax-scroll{margin-block:0}.ax-table{inline-size:100%;border-collapse:collapse;font-size:var(--step-sm);font-variant-numeric:tabular-nums}.ax-table caption{padding-block-end:var(--space-3);color:var(--text-muted);font-size:var(--step-s);text-align:start}.ax-table th,.ax-table td{padding-block:var(--space-2);padding-inline:var(--space-3);border-block-end:1px solid var(--border);text-align:start;vertical-align:top}.ax-table thead th{white-space:nowrap}.ax-table tbody th{font-weight:600}.ax-table a{color:var(--link)}.ax-chart-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-4)}.ax-seg{display:inline-flex;gap:var(--space-1)}.ax-seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.ax-chart-table td{white-space:nowrap}.ax-chart-table .ax-best{background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--text);font-weight:700;border-inline-start:3px solid var(--accent)}.ax-route-presets,.ax-route-palette{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-end:var(--space-4)}.ax-route-head{margin-block:var(--space-4) var(--space-2)}.ax-route-path{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg)}.ax-route-path .ax-route-head{margin-block-start:0}.ax-route-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-block-size:44px;margin-block:0 var(--space-3);margin-inline:0;padding:0;list-style:none;counter-reset:ax-step}.ax-route-list li{display:inline-flex;align-items:center;gap:var(--space-2);padding-inline-start:var(--space-3);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-raised);font-size:var(--step-sm);counter-increment:ax-step}.ax-route-list li:before{content:counter(ax-step);color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.ax-route-list li button{min-inline-size:44px;min-block-size:44px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:var(--step-1);line-height:1;cursor:pointer}.ax-route-list .ax-empty{padding-inline-start:0;border:0;background:transparent;color:var(--text-muted)}.ax-route-list .ax-empty:before{content:none}.ax-route-out{min-block-size:30rem;margin-block-start:var(--space-5)}.ax-meter{inline-size:40%;vertical-align:middle}.ax-meter span{display:block;inline-size:0;block-size:var(--space-3);border-radius:var(--radius);background:color-mix(in oklab,var(--text-muted) 45%,transparent)}.ax-route-table tr.ax-win th,.ax-route-table tr.ax-win td{color:var(--accent);font-weight:700}.ax-route-table tr.ax-win .ax-meter span{background:var(--accent)}.ax-route-mix{margin-block:0 var(--space-4);margin-inline:0;padding-inline-start:var(--space-5);color:var(--text-muted);font-size:var(--step-sm)}.ax-route-send[data-sent]{background:var(--surface-raised);border-color:var(--accent);color:var(--accent)}.ax-shop-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-3);margin-block-end:var(--space-5)}.ax-field-have label{color:var(--accent)}.ax-shop-out{min-block-size:22rem}.ax-shop-total{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.1}.ax-shop-sulfur{color:var(--accent);font-size:var(--step-3);font-variant-numeric:tabular-nums}.ax-shop-unit{color:var(--text-muted);font-size:var(--step-1);text-transform:uppercase}.ax-shop-gap{min-block-size:1.5em;margin-block:var(--space-2) var(--space-4);color:var(--text-muted);font-size:var(--step-sm)}.ax-shop-gap[data-state=short]{color:var(--live);font-weight:600}.ax-shop-gap[data-state=left]{color:var(--text)}.ax-shop-cols{display:grid;gap:var(--space-5)}@container (min-width: 32rem){.ax-shop-cols{grid-template-columns:1fr 1fr}}.ax-shop-head{margin-block:0 var(--space-2)}.ax-shop-list{margin-block:0 var(--space-4);margin-inline:0;padding:0;list-style:none;font-size:var(--step-sm)}.ax-shop-list li{display:flex;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-1);border-block-end:1px solid var(--border)}.ax-shop-list li span:last-child{font-variant-numeric:tabular-nums;font-weight:600}.ax-shop-list li[data-zero]{opacity:.45}@media(prefers-reduced-motion:no-preference){.ax-meter span{transition:inline-size .25s ease-out}}