:root{color:#17201a;background:#f3f7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);min-height:100vh}.control-panel{background:#f8fbf7;border-right:1px solid #d9e1d4;padding:32px}.brand-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:30px}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#274c3a;color:#fff;font-weight:800}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1}h2{font-size:22px}.brand-row p,.empty-state p,.result-toolbar p{color:#5d695f;margin-top:6px}.route-form{display:grid;gap:16px}label{display:grid;gap:7px;color:#39453c;font-size:14px;font-weight:700}.field-hint{color:#5d695f;font-size:13px;font-weight:500}input{width:100%;border:1px solid #cbd6c6;border-radius:8px;background:#fff;color:#17201a;padding:12px 13px;outline:none}input:focus{border-color:#2f7d57;box-shadow:0 0 0 3px #2f7d5726}.coordinate-grid,.button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{min-height:44px;border:0;border-radius:8px;background:#2f7d57;color:#fff;cursor:pointer;font-weight:800;padding:10px 14px}button:hover:not(:disabled){background:#246246}button:disabled{cursor:not-allowed;opacity:.65}button.secondary{background:#e5eee1;color:#223328}button.secondary:hover:not(:disabled){background:#d5e4cf}.error-message,.warning-box{margin-top:18px;border-radius:8px;background:#ffe9df;color:#8c2b13;padding:12px;font-weight:700}.route-panel{min-width:0;padding:32px;overflow:auto}.empty-state{display:grid;align-content:center;min-height:calc(100vh - 64px);max-width:640px}.route-graphic{position:relative;width:min(100%,620px);height:220px;margin-bottom:26px;border-radius:8px;background:linear-gradient(90deg,rgba(39,76,58,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(39,76,58,.16) 1px,transparent 1px),#e8f0e3;background-size:42px 42px;overflow:hidden}.route-graphic:before{content:"";position:absolute;top:44px;right:70px;bottom:60px;left:58px;border-top:8px solid #2f7d57;border-right:8px solid #2f7d57;border-bottom:8px solid #2f7d57;border-radius:8px}.route-graphic span{position:absolute;width:18px;height:18px;border:4px solid #ffffff;border-radius:50%;background:#d84f2a;box-shadow:0 8px 18px #17201a29}.route-graphic span:nth-child(1){left:48px;top:38px;background:#274c3a}.route-graphic span:nth-child(2){right:62px;top:38px}.route-graphic span:nth-child(3){right:62px;bottom:54px}.route-graphic span:nth-child(4){left:162px;bottom:54px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-bottom:24px}.summary-grid>div{min-height:94px;border:1px solid #d9e1d4;border-radius:8px;background:#fff;padding:16px}.summary-grid span{display:block;color:#5d695f;font-size:13px;font-weight:700}.summary-grid strong{display:block;margin-top:8px;font-size:26px;line-height:1.1}.result-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.view-toggle{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.openstreetmap-view{position:relative;min-height:min(72vh,760px);border:1px solid #d9e1d4;border-radius:8px;background:#e8f0e3;overflow:hidden}.openstreetmap-view iframe{width:100%;height:min(72vh,760px);min-height:520px;border:0}.route-pins{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.route-pin{position:absolute;z-index:2;display:grid;place-items:center;min-height:0;width:34px;height:34px;padding:0;border:2px solid #ffffff;border-radius:50%;background:#17201a;box-shadow:0 4px 12px #17201a3d;color:#fff;font-size:12px;line-height:1;pointer-events:auto;transform:translate(-50%,-50%)}.route-pin:hover:not(:disabled){background:#2f7d57}.route-pin.start-pin{background:#2f7d57}.open-map-link{position:absolute;right:14px;bottom:14px;z-index:3;border-radius:8px;background:#fff;color:#17201a;font-weight:800;padding:10px 12px;text-decoration:none;box-shadow:0 6px 18px #17201a2e}.open-map-link:hover{background:#edf3e9}.stop-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.stop-list li{display:grid;grid-template-columns:58px 1fr;gap:14px;border:1px solid #d9e1d4;border-radius:8px;background:#fff;padding:14px}.stop-list li.clickable-stop{cursor:pointer}.stop-list li.clickable-stop:hover{border-color:#8da282;background:#fbfdf9}.stop-list li.clickable-stop:focus-visible{border-color:#2f7d57;box-shadow:0 0 0 3px #2f7d5726;outline:none}.stop-list li.opened-stop{border-color:#c8cbc6;background:#f1f2f0}.stop-list li.opened-stop:hover{border-color:#b7bbb5;background:#ebedea}.stop-list li.opened-stop .stop-number{background:#737b74}.stop-list li.opened-stop .stop-title strong,.stop-list li.opened-stop .stop-address,.stop-list li.opened-stop .stop-title span{color:#6a706b}.stop-list li.opened-stop .stop-meta span{background:#e1e4df;color:#646b65}.stop-list li.start-stop{background:#e8f0e3;border-color:#b8c9b0}.stop-number{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#274c3a;color:#fff;font-size:13px;font-weight:900}.stop-main{min-width:0}.stop-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.stop-identifiers{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.stop-title strong,.stop-title span,.stop-address{overflow-wrap:anywhere}.stop-title span{color:#5d695f;font-size:13px;font-weight:700}.stop-title .group-number{background:#f2d35b;border-radius:8px;color:#17201a;padding:3px 7px}.stop-address{color:#344238;font-weight:500;line-height:1.5;margin-top:4px}.stop-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.stop-meta span{border-radius:8px;background:#edf3e9;color:#344238;font-size:12px;font-weight:800;padding:5px 8px}.map-choice-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#17201a6b;padding:20px}.map-choice-dialog{width:min(100%,420px);border:1px solid #d9e1d4;border-radius:8px;background:#fff;box-shadow:0 18px 48px #17201a33;padding:22px}.map-choice-dialog p{color:#5d695f;margin-top:6px}.map-choice-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.map-choice-actions .secondary{grid-column:1 / -1}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.control-panel{border-right:0;border-bottom:1px solid #d9e1d4}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.control-panel,.route-panel{padding:20px}.coordinate-grid,.button-row,.summary-grid{grid-template-columns:1fr}.result-toolbar,.stop-title{align-items:stretch;flex-direction:column}.view-toggle{justify-content:stretch}.view-toggle button{flex:1 1 150px}.openstreetmap-view,.openstreetmap-view iframe{min-height:460px}.stop-list li{grid-template-columns:44px 1fr;padding:12px}.stop-number{width:38px;height:38px}.map-choice-actions{grid-template-columns:1fr}}