:root{color-scheme:light}.oil-panel{margin-bottom:24px}.oil-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.oil-controls label{display:flex;gap:12px;align-items:center;margin:0}.oil-controls select{font:inherit;padding:9px 16px;border:1px solid var(--line);border-radius:9px;background:#f7f8f3;color:var(--ink)}.oil-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.oil-card{padding:16px 10px;border:1px solid var(--line);border-radius:10px;background:#f7f8f3;color:var(--ink);font:inherit}.oil-card[aria-pressed="true"]{border-color:var(--green);background:var(--lime);font-weight:700}#oilStatus{margin-bottom:8px}.oil-panel a{color:var(--green)}@media(max-width:640px){.oil-cards{grid-template-columns:repeat(2,1fr)}.oil-panel{padding:20px}}.routing{margin:24px 0}.routing h2{margin-bottom:6px}.route-points{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}#waypoints{display:grid;gap:14px;margin:16px 0}.point-row{min-width:0}.point-row input,.route-card input{width:100%;padding:12px;border:1px solid #dce1d5;border-radius:9px;background:#f7f8f3;color:var(--ink);font-size:16px}.point-row input:focus,.route-card input:focus{outline:2px solid #87a757}.place-options{display:grid;gap:5px;max-height:300px;overflow:auto}.place-option{border:1px solid var(--line);border-radius:8px;background:white;text-align:left;padding:10px;color:var(--ink);overflow-wrap:anywhere}.place-option:hover{background:#eaf0dd}.route-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.route-actions button{padding:10px 18px;border-radius:10px;border:1px solid var(--green);background:var(--green);color:white}.route-actions button:first-child{background:transparent;color:var(--green)}button:disabled{opacity:.5;cursor:not-allowed}.strategy-options{border:1px solid var(--line);border-radius:10px;padding:14px;margin:18px 0}.strategy-options label{display:inline-flex;align-items:center;margin:5px 18px 5px 0;gap:6px;font-weight:400}.route-card{padding:22px;margin-top:16px;background:#f7f8f3;border:1px solid var(--line);border-radius:14px}.route-card h3{font-size:17px;margin:0}.route-badge{color:var(--green);font-size:13px;font-weight:700;margin:8px 0}.route-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.route-metrics dt{color:var(--muted)}.route-metrics dd{margin:0;text-align:right;font-weight:650}.route-card label{margin-top:14px}.route-card input{background:white;margin-top:8px;max-width:220px;display:block}#routeStatus{margin:12px 0;overflow-wrap:anywhere}#routeResults:empty{display:none}@media(max-width:640px){.route-points{grid-template-columns:1fr}.routing{padding:20px}.route-card{padding:16px}.strategy-options label{display:flex}.route-metrics{font-size:14px}}