:root{color:#1d2b21;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f8f5;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit}.app-shell{background:#f6f8f5;grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.topbar{background:#fff;border-bottom:1px solid #e3e8e1;align-items:center;gap:12px;min-height:64px;padding:0 24px;display:flex}.brand{color:#17683a;letter-spacing:-1px;font-size:26px;font-weight:800;text-decoration:none}.subtitle{color:#637066;font-size:14px}.map-section{min-height:0;position:relative}.map{width:100%;height:100%;min-height:calc(100svh - 112px)}.location-button{z-index:6;color:#1f5533;cursor:pointer;background:#fffffff5;border:1px solid #d6e0d8;border-radius:10px;min-height:42px;padding:0 14px;font-size:14px;font-weight:700;position:absolute;bottom:32px;right:18px;box-shadow:0 2px 12px #1f2e2224}.location-button:hover:not(:disabled){background:#f1faf3}.location-button:disabled{cursor:wait;color:#738278}.map-hud{z-index:5;color:#314037;background:#fffffff0;border-radius:10px;max-width:min(360px,100% - 36px);padding:10px 14px;font-size:14px;font-weight:600;position:absolute;top:18px;left:18px;box-shadow:0 2px 12px #1f2e2224}.error-message{color:#b42318}.location-message{z-index:6;color:#445349;background:#fffffff0;border-radius:9px;max-width:min(320px,100% - 36px);margin:0;padding:9px 12px;font-size:13px;line-height:1.45;position:absolute;bottom:86px;right:18px;box-shadow:0 2px 12px #1f2e2224}.place-card{z-index:5;background:#fff;border-radius:16px;width:min(360px,100% - 36px);padding:20px;position:absolute;bottom:18px;left:18px;box-shadow:0 8px 28px #1f2e222e}.place-card strong{color:#1d2b21;font-size:19px;display:block}.place-card p{color:#68746c;margin:8px 0 0;font-size:14px;line-height:1.5}.card-label{color:#27804a;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.close-button{color:#556158;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:8px;right:10px}.toilet-marker,.cluster-marker{cursor:pointer;border:0;box-shadow:0 3px 8px #17683a40}.toilet-marker{color:#17683a;background:#fff;border-radius:50% 50% 50% 0;width:38px;height:38px;font-size:20px;transform:rotate(-45deg)}.toilet-marker span{display:block;transform:rotate(45deg)}.cluster-marker{color:#fff;background:#188247;border:3px solid #e9f7ed;border-radius:999px;min-width:44px;height:44px;padding:0 10px;font-size:13px;font-weight:800}.current-location-marker{background:#2878e3;border:3px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;box-shadow:0 1px 8px #164c998c}.current-location-marker span:first-child{background:#fff;border-radius:50%;width:7px;height:7px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}footer{color:#6b756d;text-align:center;background:#fff;border-top:1px solid #e3e8e1;padding:14px 24px;font-size:13px}@media (width<=640px){.topbar{min-height:56px;padding:0 16px}.map{min-height:calc(100svh - 104px)}.map-hud{top:12px;left:12px}.location-button{min-height:40px;padding:0 11px;bottom:28px;right:12px}.location-button.is-with-card{bottom:164px}.location-message{max-width:calc(100% - 24px);bottom:78px;right:12px}.place-card{width:calc(100% - 24px);bottom:12px;top:auto!important;left:12px!important}}