:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}button{color:inherit}.page{min-height:100vh}header{height:68px;padding:0 max(20px,calc((100% - 1180px)/2));background:#fff;border-bottom:1px solid #e0e4ea;display:flex;align-items:center;justify-content:space-between}header>div:first-child{display:flex;align-items:center;gap:11px}.logo{width:32px;height:36px;border-radius:6px;display:grid;place-items:center;background:#2452a4;color:#fff;font:700 20px Georgia,serif}header strong{font-size:17px}.status{display:flex;align-items:center;gap:7px;color:#657083;font-size:12px}.status i{width:8px;height:8px;border-radius:50%;background:#24a06b}.status.syncing i{background:#e29c32}.status.error i{background:#d35e45}main{width:min(1180px,calc(100% - 40px));margin:auto;padding:42px 0 70px}.intro{margin-bottom:24px}.intro h1{margin:0 0 7px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.intro p{margin:0;color:#697386}.prices-table{background:#fff;border:1px solid #dfe3e9;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #1f2b430d}.table-row{min-height:76px;display:grid;grid-template-columns:minmax(210px,1.5fr) repeat(4,1fr);border-bottom:1px solid #e7e9ed}.table-row:last-child{border:0}.table-row>*{border:0;border-right:1px solid #e7e9ed}.table-row>*:last-child{border:0}.table-head{min-height:43px;background:#f0f3f7;color:#667083;font-size:11px;font-weight:700}.table-head div{display:flex;align-items:center;justify-content:center;padding:8px}.table-head div:first-child{justify-content:start;padding-left:20px}.zone-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13px 20px!important;font-weight:700;text-align:left}.zone-label span{margin-top:5px;color:#2452a4;font-size:10px;font-weight:650}.table-row button{background:#fff;padding:10px;cursor:pointer}.table-row button:hover{background:#edf3ff}.table-row button strong,.table-row button small{display:block}.table-row button strong{color:#173d7e;font-size:18px}.table-row button small{color:#7c8492;font-size:9px;margin-top:4px;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.loading-box{padding:60px;background:#fff;border:1px solid #dfe3e9;border-radius:12px;text-align:center;color:#6c7585}.search-box{margin-top:28px;padding:24px;border-radius:12px;background:#173d7e;color:#fff;display:flex;align-items:center;gap:35px;justify-content:space-between}.search-box h2{margin:0 0 5px;font-size:20px}.search-box p{margin:0;color:#c4d1e7;font-size:12px}.search-box form{display:flex;align-items:end;gap:12px}.search-box label{display:grid;gap:5px;color:#c4d1e7;font-size:10px;font-weight:700}.search-box select{min-width:170px;height:40px;border:1px solid #7690bd;border-radius:6px;padding:0 10px;background:#fff;color:#172033;font-size:12px}.search-button{height:40px;border:0;border-radius:6px;padding:0 20px;background:#ffca55;color:#172033;font-weight:800;cursor:pointer}.search-button:disabled{opacity:.6}.results{margin-top:35px}.results-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.results-title h2{margin:0;font-size:20px}.results-title span{color:#717b8e;font-size:12px}.station-head,.station{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) 110px 120px 130px;align-items:center}.station-head{min-height:48px;padding:0 18px;border-bottom:2px solid #172033;background:#e9edf2;color:#555f70;font-size:11px;font-weight:800}.station-head button{border:0;background:transparent;padding:0;text-align:left;font-weight:800;cursor:pointer}.station-head b{margin-left:4px;color:#2452a4;font-size:15px}.station{min-height:104px;padding:15px 18px;border-bottom:1px solid #dfe3e9;background:#fff}.station:nth-child(odd){background:#f0f2f5}.station-main{border:0;background:transparent;padding:0 25px 0 0;text-align:left;cursor:pointer}.station-main strong,.station-main small,.station-city strong,.station-city small{display:block}.station-main strong{font-size:14px;text-transform:uppercase}.station-main small,.station-city small{margin-top:7px;color:#657083;font-size:12px}.station-city strong{font-size:13px}.station-city a{display:inline-block;margin-top:7px;color:#2452a4;font-size:11px;font-weight:700;text-decoration:none}.station-city a:hover{text-decoration:underline}.station-distance{font-weight:650}.station-price{color:#173d7e;font-size:19px}.station time{color:#505969;font-size:12px}footer{width:min(1180px,calc(100% - 40px));margin:auto;border-top:1px solid #dfe3e9;padding:25px 0 40px;display:flex;justify-content:space-between;color:#798293;font-size:11px}footer button{border:0;background:none;color:#2452a4;font-weight:700;cursor:pointer}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#141f3280}.modal{width:min(430px,100%);padding:35px;border-radius:14px;background:#fff;position:relative;box-shadow:0 25px 80px #00000040}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.modal-price{display:block;color:#173d7e;font:600 48px Georgia,serif}.modal-price small{font:700 11px sans-serif}.modal h2{margin:30px 0 6px}.modal p{color:#687386}.modal dl{margin:28px 0 0}.modal dl div{display:flex;justify-content:space-between;border-top:1px solid #e0e4ea;padding:13px 0}.modal dt{color:#7b8494;font-size:11px}.modal dd{margin:0;font-weight:700;font-size:12px}.all-stations{margin-top:48px;scroll-margin-top:20px}.stations-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.stations-title span{color:#6e7889;font-size:11px}.stations-title h2{margin:3px 0 0;font-size:27px}.stations-title>strong{color:#6e7889;font-size:12px}.all-stations-table{border:1px solid #d9dee6;border-radius:10px;overflow:hidden;background:#fff}.all-stations-row{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(130px,.9fr) repeat(4,minmax(105px,.8fr));min-height:112px;border-bottom:1px solid #dfe3e9}.all-stations-row:last-child{border:0}.all-stations-row>*{padding:18px 15px;border-right:1px solid #e1e5eb}.all-stations-row>*:last-child{border-right:0}.all-stations-row:nth-child(odd){background:#f2f3f5}.all-head{min-height:50px;background:#e5e8ed!important;color:#4f596a;font-size:10px;font-weight:800}.all-head>div{display:flex;align-items:center}.all-head button{border:0;background:transparent;text-align:left;font-weight:800;cursor:pointer}.all-head button span{margin-left:5px;color:#2452a4;font-size:14px}.point,.city,.fuel-cell{display:flex;flex-direction:column;justify-content:center}.point strong{font-size:13px;text-transform:uppercase}.point>span,.city span{margin-top:7px;color:#626d7e;font-size:12px}.point a{margin-top:8px;color:#2452a4;font-size:10px;font-weight:700;text-decoration:none}.point a:hover{text-decoration:underline}.city strong{font-size:13px}.fuel-cell strong{color:#173d7e;font-size:17px}.fuel-cell time{margin-top:8px;color:#667083;font-size:10px;line-height:1.4}.fuel-cell.missing strong{color:#9ca3af}@media(max-width:800px){.prices-table{overflow-x:auto}.table-row{width:820px}.all-stations-table{overflow-x:auto}.all-stations-row{width:950px}}@media(max-width:540px){main{width:calc(100% - 24px);padding-top:28px}.search-box form{flex-direction:column}.search-button{width:100%}footer{width:calc(100% - 24px);flex-direction:column;gap:12px}}header{height:72px}.header-brand{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:11px;cursor:pointer}.refresh-button{height:40px;padding:0 16px;border:0;border-radius:7px;background:#2452a4;color:#fff;font-size:12px;font-weight:750;cursor:pointer}.refresh-button span{display:inline-block;margin-right:7px;font-size:17px}.refresh-button:disabled{opacity:.7}.refresh-button:disabled span{animation:spin .8s linear infinite}.home{max-width:920px;margin:25px auto 30px;text-align:center}.kicker{color:#2452a4;font-size:10px;font-weight:800;letter-spacing:.16em}.home h1{margin:22px auto;font-size:clamp(38px,6vw,67px);line-height:1.02;letter-spacing:-.05em}.home-copy{max-width:540px;margin:0 auto 35px;color:#687386;line-height:1.6}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.zone-grid button{min-height:100px;padding:20px;border:1px solid #d9dee6;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s}.zone-grid button:hover{border-color:#2452a4;transform:translateY(-2px)}.zone-grid span,.zone-grid b{display:block}.zone-grid span{font-size:15px;font-weight:750}.zone-grid b{margin-top:15px;color:#2452a4;font-size:10px}.last-update{margin-top:24px;color:#7b8494;font-size:10px}.station-page{padding-top:5px}.back{margin-bottom:32px;border:0;background:transparent;padding:0;color:#2452a4;font-size:12px;font-weight:750;cursor:pointer}.stations-title h1{margin:3px 0 0;font-size:34px;letter-spacing:-.03em}.point small{margin-top:5px;color:#9299a5;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.zone-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.refresh-button{padding:0 10px;font-size:10px}.zone-grid{grid-template-columns:1fr}.zone-grid button{min-height:82px}}