:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1c2735;background:#f3f6fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:385px 1fr;height:100dvh;min-height:550px}
aside{padding:28px 26px;background:#fff;overflow:auto;box-shadow:4px 0 22px #1d2d4212;z-index:500}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:#48617b;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#23936a}
h1{font-size:30px;line-height:1.13;letter-spacing:-1px;margin:16px 0 12px}h2{font-size:12px;letter-spacing:.065em;text-transform:uppercase;color:#66788e;margin:0 0 12px}p{line-height:1.55}.sub{color:#617187;font-size:14px;line-height:1.5}.intro{margin:0 0 22px}.sm{font-size:12px;color:#68788c;line-height:1.5}
.origin{display:flex;gap:12px;align-items:center;padding:14px;background:#f5f8fc;border:1px solid #e4ebf3;border-radius:12px;margin-bottom:24px}.point-a{display:grid;place-items:center;background:#2563eb;color:#fff;width:27px;height:27px;border-radius:9px;font-size:12px;font-weight:700;flex-shrink:0}.origin strong{display:block;font-size:14px;margin-top:3px}
label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}input{font:inherit;font-size:15px;min-width:0;width:100%;padding:13px 12px;border:1px solid #cbd6e4;border-radius:9px;color:#182d45;background:#fff}input:focus{outline:3px solid #2563eb26;border-color:#2563eb}#address-hint{margin:7px 0 13px}
button{font:inherit;cursor:pointer;border-radius:9px;transition:background .15s}button:focus-visible,summary:focus-visible{outline:3px solid #2563eb66;outline-offset:3px}button:disabled{opacity:.55;cursor:wait}.primary{background:#2563eb;color:white;border:0;width:100%;padding:13px;font-weight:650;font-size:14px}.primary:hover:enabled{background:#1d4ed8}.secondary{width:100%;background:#fff;border:1px solid #dce5ef;color:#42617e;padding:10px;font-size:12px}.secondary:hover:enabled{background:#f3f6fb}#show-zones{margin-top:12px}
.status{font-size:12px;color:#66788e;line-height:1.5;margin:10px 0;min-height:18px}.status.error{color:#b33b36}.candidates:empty{display:none}.candidates{display:grid;gap:7px;margin:12px 0}.candidate{padding:11px 12px;text-align:left;border:1px solid #dce5ef;background:#fff;font-size:13px;line-height:1.45;display:block;width:100%}.candidate:hover{background:#eff6ff;border-color:#93b5f4}.candidate[aria-pressed=true]{background:#eff6ff;border-color:#2563eb}.candidate strong{display:block}.candidate small{display:block;color:#6c7b8e;margin-top:3px}
.result{border:1px solid #b4dfca;background:#f0faf5;border-radius:13px;padding:18px;margin-top:14px}.result.empty{border-color:#e3eaf2;background:#f8fafc}.result.outside{border-color:#f1d49c;background:#fff9ed}.result.preview{border-color:#cbdaf5;background:#f5f8ff}.empty-title{font-size:17px;font-weight:650;margin:12px 0 7px}.price{font-size:42px;font-weight:750;letter-spacing:-1.5px;color:#157648;margin:10px 0 6px}.result .address{font-size:14px;font-weight:650;line-height:1.5;margin-top:9px;overflow-wrap:anywhere}.zone{font-size:14px;font-weight:600;margin-bottom:8px}.muted{color:#6c7b8e}.result p{margin-bottom:0}.outside .empty-title{color:#a16812}.coords{font-variant-numeric:tabular-nums;margin-top:10px}
.coordinates{margin-top:13px;color:#6a7b90;font-size:12px}.coordinates form{padding-top:14px}.coordinates button{margin-top:9px}.tariff{margin-top:27px}.rule{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:13px}.rule span{display:flex;align-items:center;gap:8px}.swatch{width:9px;height:9px;border-radius:3px}.green-bg{background:#22a46e}.amber-bg{background:#e2a126}.orange-bg{background:#dd8642}.note{background:#fff9ed;border:1px solid #f4e6c4;border-radius:10px;padding:11px;font-size:12px;color:#856128}.about{font-size:11px;line-height:1.6;color:#758297;margin-top:18px}summary{cursor:pointer}a{color:#2563eb}
.map-wrap{position:relative;min-width:0}#map{height:100%;width:100%;background:#d8e4f0;cursor:crosshair}.map-hint{position:absolute;z-index:400;bottom:32px;left:50%;transform:translateX(-50%);background:#fffefb;color:#4b6077;font-size:12px;padding:11px 16px;border-radius:30px;box-shadow:0 3px 20px #19355026;max-width:90%;width:max-content;text-align:center;pointer-events:none}.map-error{padding:28px;color:#48617b}.leaflet-control-attribution{font-size:10px!important}.delivery-pin{width:18px!important;height:18px!important;background:#e6375d;border:3px solid white;border-radius:50%;box-shadow:0 1px 7px #0005}
@media(max-width:760px){.layout{display:flex;flex-direction:column;height:auto;min-height:100dvh}aside{padding:22px 20px;overflow:visible}h1{font-size:28px}h1 br{display:none}h1 br:after{content:' '}.map-wrap{height:65dvh;min-height:360px;order:1}.intro{max-width:480px}.map-hint{bottom:35px}.tariff{margin-top:22px}}