:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:16px;color:#17352f;background:#f1f5f1}*{box-sizing:border-box}body{margin:0}.app{max-width:670px;min-height:100vh;margin:auto;background:white;box-shadow:0 0 30px #13362c12}.header{padding:max(20px,env(safe-area-inset-top)) 18px 14px;background:#123a36;color:white;display:flex;align-items:center;justify-content:space-between}.header h1{margin:1px 0;font-size:23px;letter-spacing:.02em}.eyebrow{font-size:10px;letter-spacing:.13em;color:#b7e8d5;font-weight:800}.pill{border:1px solid #79a89b;border-radius:40px;font-size:12px;padding:5px 10px}.place-search{padding:12px 13px 9px;background:#fff}.search-form{display:flex;gap:7px}.search-form input{flex:1;min-width:0;border:1px solid #aec3b8;border-radius:12px;padding:12px 10px;font-size:16px;outline-offset:2px}.btn{appearance:none;border:none;background:#0e6c55;color:#fff;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:700;min-height:45px;cursor:pointer}.btn:disabled{opacity:.55;cursor:wait}.primary{white-space:nowrap}.helper-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;min-height:30px}.text-btn{appearance:none;color:#0a6750;background:transparent;border:0;font:inherit;font-size:13px;font-weight:700;padding:5px;cursor:pointer;min-height:35px}#place-status{font-size:11px;color:#537168;line-height:1.35;text-align:right;max-width:60%}.place-results{background:#fff;border:1px solid #c5d4c8;border-radius:10px;margin-top:6px;box-shadow:0 8px 20px #12271d22;max-height:160px;overflow:auto}.place-result{display:block;width:100%;padding:11px;text-align:left;border:0;border-bottom:1px solid #edf1ea;background:#fff;color:#214139;font-size:13px;cursor:pointer}.place-result:last-child{border:0}.place-result:focus-visible{outline:2px solid #147959;outline-offset:-2px}.map-section{position:relative;min-height:280px;height:min(46vh,480px);background:#d9e7db}#map{height:100%;width:100%;z-index:0}.center-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:500;pointer-events:none;filter:drop-shadow(0 3px 2px #1116);display:flex;flex-direction:column;align-items:center}.pin-head{background:#c84b35;color:#fff;border:3px solid #fff;width:31px;height:31px;line-height:22px;text-align:center;border-radius:50%;font-size:11px}.pin-tail{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:14px solid #c84b35;margin-top:-2px}.map-tip{position:absolute;z-index:500;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:25px;background:#123a36e8;color:#fff;padding:7px 11px;font-size:12px;pointer-events:none}.options{padding:12px 15px;border-bottom:8px solid #eef3ef}.coordinates{display:flex;align-items:center;gap:12px;color:#556d61;font-size:12px;margin-bottom:12px}.coordinates output{color:#153d32;font-variant-numeric:tabular-nums;font-weight:700}.modes{margin:0;padding:0;border:0}.modes legend{font-weight:700;font-size:13px;margin-bottom:8px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mode-grid label{position:relative}.mode-grid input{position:absolute;opacity:0}.mode-grid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:45px;padding:7px 2px;background:#f2f7f4;border:1px solid #ccdcd2;color:#3e6758;border-radius:10px;font-size:12px;font-weight:700}.mode-grid input:checked+span{color:#fff;background:#147458;border-color:#147458}.mode-grid input:focus-visible+span{outline:3px solid #e0a743;outline-offset:2px}.bottom-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.bottom-controls label{display:flex;flex-direction:column;gap:4px;white-space:nowrap;color:#36574a;font-size:11px}.bottom-controls select{border-radius:9px;border:1px solid #a7bfae;background:white;color:#183f32;padding:7px;font-size:15px}.search-nearby{flex:1;font-size:15px;min-height:51px}.results{padding:12px 15px 24px;min-height:115px}.results-head{display:flex;align-items:center;justify-content:space-between}.results h2{font-size:17px;margin:7px 0}.note{font-size:13px;color:#547064;line-height:1.7}.store{border:1px solid #d9e8dc;border-radius:13px;margin:9px 0;padding:13px}.store.demo{border-style:dashed}.store-name{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:16px;font-weight:700}.store-meta{font-size:12px;color:#537063;line-height:1.7;margin-top:4px}.dishes{font-size:12px;margin-top:9px;background:#f5f8f5;padding:9px;border-radius:8px;line-height:1.7}.demo-flag{color:#a14f23;background:#fff3e6;font-size:11px;padding:3px 6px;border-radius:6px;white-space:nowrap}.store a{display:inline-block;margin-top:8px;color:#096c55;font-size:13px;font-weight:700}.leaflet-control-attribution{font-size:10px!important}footer{padding:12px 15px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));background:#f0f5f1;color:#536e60;font-size:10px;line-height:1.6}footer a{color:#2a755b}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(min-width:670px){.app{margin:15px auto;border-radius:15px;overflow:hidden;min-height:auto}}@media(max-width:375px){.mode-grid span{font-size:11px}.btn{padding:10px}}