:root{color:#17312b;background:#e7e5df;font-family:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17312b;--muted: #68736e;--forest: #12372f;--forest-soft: #e2ece8;--cream: #fffdf8;--canvas: #f5f3ed;--blue: #2676d2;--blue-soft: #e4effc;--orange: #e06b42;--orange-soft: #fae8df;--border: #dfe1da;--shadow: 0 12px 35px rgb(18 55 47 / 16%);--soft-shadow: 0 5px 18px rgb(18 55 47 / 12%)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,.maplibregl-canvas:focus-visible{outline:3px solid #f6b731;outline-offset:2px}.app-shell{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden;background:#dfe6e2}.app-shell>.map{position:absolute;top:0;right:0;bottom:0;left:0}.map-fallback{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);background:#e0e8e4;font-size:.84rem;font-weight:700}.app-shell>.map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 80px #12372f0d}.app-shell .maplibregl-ctrl-bottom-left{bottom:max(10px,env(safe-area-inset-bottom))}.app-shell .maplibregl-ctrl-bottom-right{right:10px;bottom:125px}.app-shell .maplibregl-ctrl-group{overflow:hidden;border-radius:14px;box-shadow:var(--soft-shadow)!important}.app-shell .maplibregl-ctrl-attrib{font-size:10px;opacity:.76}.top-panel{position:absolute;z-index:10;top:0;right:0;left:0;padding:max(12px,env(safe-area-inset-top)) 12px 0;pointer-events:none}.brand-row,.map-toolbar{pointer-events:auto}.brand-row{display:flex;align-items:center;gap:8px;max-width:820px;margin:0 auto}.brand{display:none;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:var(--cream);border-radius:13px 13px 13px 5px;background:var(--forest)}.brand strong,.brand small{display:block}.brand strong{font-family:Arial,sans-serif;font-size:1.16rem;line-height:1.1}.brand small{margin-top:2px;color:var(--muted);font-size:.69rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.search-box{position:relative;flex:1;min-width:0}.search-input-wrap{display:flex;height:52px;align-items:center;gap:10px;padding:0 12px 0 16px;color:#64716b;border:1px solid rgb(255 255 255 / 78%);border-radius:17px;background:#fffdf8f0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-input-wrap:focus-within{border-color:#12372f59;box-shadow:0 0 0 3px #12372f17,var(--shadow)}.search-input-wrap input{min-width:0;flex:1;color:var(--ink);border:0;outline:0;background:transparent;font-size:1rem}.search-input-wrap input::placeholder{color:#76807b}input[type=search]::-webkit-search-cancel-button{display:none}.search-results{position:absolute;z-index:12;top:calc(100% + 8px);right:0;left:0;overflow:hidden;padding:6px;border:1px solid var(--border);border-radius:17px;background:var(--cream);box-shadow:var(--shadow)}.search-result{display:flex;width:100%;align-items:center;gap:11px;padding:10px;text-align:left;border:0;border-radius:12px;background:transparent;cursor:pointer}.search-result:hover,.search-result:focus-visible,.search-result[aria-selected=true]{background:var(--canvas)}.search-result strong,.search-result small{display:block}.search-result strong{overflow:hidden;font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.search-result small{overflow:hidden;margin-top:2px;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.result-pin{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px}.result-pin.toilet{color:var(--blue);background:var(--blue-soft)}.result-pin.fuel{color:var(--orange);background:var(--orange-soft)}.result-pin.address{color:var(--forest);background:var(--forest-soft)}.search-message{margin:0;padding:16px 12px;color:var(--muted);font-size:.86rem}.error-text{color:#9b3d2f}.icon-button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:0;border-radius:12px;background:var(--canvas);cursor:pointer}.icon-button:hover{background:#e9e7e0}.icon-button.compact{width:30px;height:30px;color:var(--muted);background:transparent}.install-button{display:none;height:48px;align-items:center;gap:7px;padding:0 15px;color:var(--cream);border:0;border-radius:15px;background:var(--forest);box-shadow:var(--soft-shadow);font-weight:700;cursor:pointer}.map-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 0}.category-picker{display:flex;gap:5px;padding:5px;border:1px solid rgb(255 255 255 / 70%);border-radius:16px;background:#fffdf8f0;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.category-chip,.filter-button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:0;border-radius:11px;background:transparent;font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer}.category-chip{color:#6a736f}.category-chip.toilet.active{color:#165fae;background:var(--blue-soft)}.category-chip.fuel.active{color:#aa4828;background:var(--orange-soft)}.filter-button{padding:0 13px;border:1px solid rgb(255 255 255 / 72%);background:#fffdf8f0;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.filter-count{display:grid;width:21px;height:21px;place-items:center;color:#fff;border-radius:50%;background:var(--forest);font-size:.69rem}.offline-banner,.map-status,.update-toast,.error-toast,.location-toast{position:absolute;z-index:8;display:flex;align-items:center;border:1px solid rgb(255 255 255 / 72%);background:#fffdf8f0;box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.offline-banner{top:132px;left:50%;max-width:calc(100% - 24px);gap:8px;padding:8px 12px;transform:translate(-50%);color:#6f5631;border-radius:10px;font-size:.75rem;font-weight:600;white-space:nowrap}.map-status{bottom:max(54px,calc(env(safe-area-inset-bottom) + 54px));left:50%;gap:7px;max-width:calc(100% - 100px);padding:8px 12px;transform:translate(-50%);border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#4b9c6a;box-shadow:0 0 0 3px #4b9c6a29}.update-toast{right:12px;bottom:136px;gap:8px;padding:10px 12px;border-radius:12px;font-size:.78rem;font-weight:700;cursor:pointer}.error-toast,.location-toast{right:12px;bottom:128px;left:12px;justify-content:space-between;gap:10px;padding:11px 12px;color:#823a2e;border-color:#efd0c8;border-radius:13px;background:#fff7f3f5;font-size:.8rem}.error-toast button,.location-toast button{flex:0 0 auto;color:#823a2e;border:0;background:transparent;font-weight:800;cursor:pointer}.location-toast{bottom:178px}.locate-button{position:absolute;z-index:7;right:12px;bottom:max(66px,calc(env(safe-area-inset-bottom) + 52px));display:grid;width:48px;height:48px;place-items:center;color:var(--forest);border:1px solid rgb(255 255 255 / 75%);border-radius:15px;background:#fffdf8f5;box-shadow:var(--soft-shadow);cursor:pointer}.locate-button:hover{background:#fff}.locate-button:disabled{cursor:wait;opacity:.72}.data-credit{position:absolute;z-index:6;bottom:max(32px,calc(env(safe-area-inset-bottom) + 25px));left:10px;padding:3px 6px;color:#4f5e58;border-radius:5px;background:#fffdf8d1;font-size:.61rem;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.data-credit:hover{color:var(--forest);text-decoration:underline}.user-location-marker{width:19px;height:19px;border:3px solid white;border-radius:50%;background:#307cec;box-shadow:0 0 0 7px #307cec38,0 2px 6px #00000038}.sheet-layer{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#091f1a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-sheet,.place-sheet{position:absolute;z-index:1;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgb(255 255 255 / 72%);border-radius:24px 24px 0 0;background:var(--cream);box-shadow:0 -12px 35px #12372f2b}.filter-sheet{display:flex;max-height:min(84dvh,720px);flex-direction:column;animation:sheet-in .22s ease-out both}.filter-sheet:before,.place-sheet:before{content:"";display:block;width:38px;height:4px;flex:0 0 auto;margin:9px auto 1px;border-radius:99px;background:#d4d6d0}.sheet-header{display:flex;align-items:center;gap:11px;padding:12px 17px 14px;border-bottom:1px solid var(--border)}.sheet-header>div{min-width:0;flex:1}.sheet-header h2,.sheet-header p{margin:0}.sheet-header h2{font-family:Arial,sans-serif;font-size:1.05rem}.sheet-header p{margin-top:2px;color:var(--muted);font-size:.74rem}.sheet-heading-icon{display:grid;width:38px;height:38px;place-items:center;color:var(--forest);border-radius:12px;background:var(--forest-soft)}.filter-content{overflow:auto;overscroll-behavior:contain;padding:4px 18px 16px}.filter-group{padding:14px 0;border-bottom:1px solid var(--border)}.filter-group:last-child{border-bottom:0}.filter-group h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-family:Arial,sans-serif;font-size:.86rem}.dot{width:9px;height:9px;border-radius:50%}.dot.toilet{background:var(--blue)}.dot.fuel{background:var(--orange)}.filter-grid{display:grid;gap:9px}.tag-choices{display:flex;flex-wrap:wrap;gap:8px}.filter-choice{position:relative;display:flex;min-height:40px;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--border);border-radius:11px;background:#faf9f5;font-size:.82rem;font-weight:600;cursor:pointer}.filter-choice:has(input:checked){color:var(--forest);border-color:#9fbbb3;background:var(--forest-soft)}.filter-choice input{position:absolute;width:1px;height:1px;opacity:0}.filter-choice:has(input:focus-visible){outline:3px solid #f6b731;outline-offset:2px}.checkmark{width:17px;height:17px;flex:0 0 auto;border:1.5px solid #9ba39f;border-radius:5px;background:#fff}input:checked+.checkmark{border-color:var(--forest);background:var(--forest);box-shadow:inset 0 0 0 4px #fff}.empty-categories{margin:14px 0 0;padding:14px;color:var(--muted);border-radius:12px;background:var(--canvas);font-size:.84rem}.sheet-footer{display:flex;gap:9px;padding:12px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--cream)}.primary-button,.secondary-button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:13px;font-size:.86rem;font-weight:700;text-decoration:none;cursor:pointer}.primary-button{flex:1;color:#fff;border:1px solid var(--forest);background:var(--forest)}.primary-button:hover{background:#092c24}.secondary-button{color:var(--forest);border:1px solid var(--border);background:var(--canvas)}.secondary-button:hover{background:#ebe9e2}.secondary-button.icon-only{width:46px;padding:0}.place-sheet{z-index:20;max-height:min(67dvh,650px);overflow-y:auto;overscroll-behavior:contain;padding:0 18px max(18px,env(safe-area-inset-bottom));animation:sheet-in .22s ease-out both}.place-close{position:absolute;z-index:1;top:16px;right:15px}.place-title-row{display:flex;align-items:center;gap:12px;padding:14px 45px 9px 0}.place-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:15px}.place-icon.toilet{color:var(--blue);background:var(--blue-soft)}.place-icon.fuel{color:var(--orange);background:var(--orange-soft)}.eyebrow{display:block;margin-bottom:3px;font-size:.69rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.eyebrow.toilet{color:var(--blue)}.eyebrow.fuel{color:var(--orange)}.place-title-row h2{margin:0;font-family:Arial,sans-serif;font-size:1.17rem;line-height:1.2}.place-address{display:flex;align-items:flex-start;gap:6px;margin:4px 0;color:var(--muted);font-size:.84rem;line-height:1.35}.place-address svg{flex:0 0 auto;margin-top:1px}.distance-chip{display:inline-block;margin-top:7px;padding:4px 8px;color:#426158;border-radius:99px;background:var(--forest-soft);font-size:.72rem;font-weight:700}.place-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin:14px 0;border:1px solid var(--border);border-radius:14px;background:var(--border)}.place-facts>div{min-width:0;padding:10px;background:#faf9f5}.place-facts dt{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.7rem;font-weight:600}.place-facts dd{overflow:hidden;margin:5px 0 0;font-size:.82rem;font-weight:700;text-overflow:ellipsis}.place-section{padding:12px 0;border-top:1px solid var(--border)}.place-section h3{margin:0 0 9px;font-family:Arial,sans-serif;font-size:.82rem}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tags span{padding:5px 9px;color:#52615b;border:1px solid var(--border);border-radius:99px;background:#faf9f5;font-size:.72rem;font-weight:600}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.price-grid>div{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;border-radius:10px;background:var(--orange-soft);font-size:.75rem}.price-grid strong{color:#a44123}.place-actions{display:flex;gap:8px;margin-top:14px}.freshness{margin:11px 0 0;color:#858d89;font-size:.67rem;text-align:center}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:399px){.map-toolbar{gap:6px}.category-picker{gap:3px;padding:4px}.category-chip,.filter-button{height:38px;gap:5px;padding:0 9px;font-size:.75rem}.filter-button{padding:0 10px}}@media(min-width:720px){.top-panel{padding:18px 18px 0}.brand-row{gap:14px;padding:8px;border:1px solid rgb(255 255 255 / 76%);border-radius:22px;background:#fffdf8f0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;padding:0 7px 0 2px}.search-input-wrap{height:48px;border-color:var(--border);background:var(--canvas);box-shadow:none}.install-button{display:inline-flex}.map-toolbar{margin-top:12px}.offline-banner{top:158px}.filter-sheet,.place-sheet{top:18px;right:18px;bottom:18px;left:auto;width:min(390px,calc(100vw - 36px));max-height:none;border-radius:22px}.filter-sheet:before,.place-sheet:before{display:none}.filter-sheet{animation-name:panel-in}.place-sheet{top:auto;bottom:18px;max-height:calc(100dvh - 190px);border-radius:22px;box-shadow:var(--shadow);animation-name:panel-in}.sheet-header{padding-top:18px}.sheet-footer{padding-bottom:15px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-status{bottom:18px}.locate-button{right:20px;bottom:72px}.data-credit{bottom:38px}.error-toast,.location-toast{right:auto;bottom:70px;left:50%;width:min(470px,calc(100vw - 120px));transform:translate(-50%)}.location-toast{bottom:120px}@keyframes panel-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}}@media(min-width:1040px){.brand-row{max-width:900px}.app-shell .maplibregl-ctrl-bottom-right{bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}