:root{--bg:#f6f1e9;--card:#fffdf9;--ink:#2b2118;--sub:#6b5d4f;--line:#d8cdba;--me:#1f5fa8;--accent:#b9501a;--display:var(--font-display), "Black Han Sans", sans-serif;--body:var(--font-body), "Noto Sans KR", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--me);outline-offset:2px}.app{height:100dvh;position:relative;overflow:hidden}.map{background:#ece5d8;position:absolute;inset:0}.top{z-index:600;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 0;pointer-events:none;position:absolute;top:0;left:0;right:0}.top>*{pointer-events:auto}.topbar{border:1px solid var(--line);background:var(--card);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 10px 16px;display:flex;box-shadow:0 2px 10px #2b21181f}.brand h1{font-family:var(--display);letter-spacing:-.5px;margin:0;font-size:21px;font-weight:400;line-height:1.05}.brand p{color:var(--sub);margin:3px 0 0;font-size:11px}.area{max-width:52%;min-height:44px;color:var(--me);background:0 0;border:0;align-items:center;gap:4px;padding:0 4px;font-size:13px;font-weight:700;display:inline-flex}.area span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chips{scrollbar-width:none;gap:6px;margin:8px -12px 0;padding:0 12px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{--c:var(--ink);border:1.5px solid var(--line);background:var(--card);border-radius:22px;flex:none;align-items:center;gap:5px;min-height:44px;padding:0 14px 0 10px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 1px 4px #2b21181a}.chip small{color:var(--sub);font-size:12px}.chip-on{border-color:var(--c);background:var(--c);color:#fff}.chip-on small{color:#ffffffd9}.item-icon{flex:none;line-height:0;display:inline-block}.item-icon svg{width:100%;height:100%}.map-hint{color:#fff;text-align:center;z-index:500;pointer-events:none;background:#2b2118d1;border-radius:16px;width:fit-content;max-width:calc(100% - 32px);margin:6px auto 0;padding:7px 12px;font-size:12px}.floaters{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 14px 12px;display:flex;pointer-events:none!important}.floaters>*{pointer-events:auto}.suggest-fab{background:var(--accent);color:#fff;border:0;border-radius:24px;min-height:48px;padding:0 18px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #b9501a59}.locate{border:1.5px solid var(--line);background:var(--card);width:48px;height:48px;color:var(--sub);border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 8px #2b21182e}.locate-on{color:var(--me);border-color:var(--me)}.crosshair{z-index:500;pointer-events:none;background:var(--accent);border-radius:50% 50% 50% 0;width:34px;height:34px;margin:-34px 0 0 -17px;position:absolute;top:50%;left:50%;transform:rotate(-45deg);box-shadow:0 0 0 3px #fff,0 3px 8px #0000004d}.pin{--c:var(--accent);background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.pin>span{background:var(--ink);width:40px;height:40px;box-shadow:0 0 0 2.5px var(--c), 0 3px 8px #2b211866;border-radius:50%;place-items:center;padding:5px;transition:transform .15s;display:grid}.pin>span svg{width:100%;height:100%}.pin i{background:var(--card);min-width:18px;height:18px;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:0 4px;font-size:10px;font-style:normal;font-weight:700;line-height:16px;position:absolute;top:0;right:0}.pin-dim>span{box-shadow:0 0 0 1.5px var(--line), 0 2px 4px #2b211826;opacity:.8;background:#f1ebe1}.pin-dim>span svg{filter:grayscale(.6);opacity:.75}.pin-sel>span{box-shadow:0 0 0 3px var(--c), 0 0 0 6px var(--card), 0 6px 14px #2b211873;transform:scale(1.25)}.gu-bubble{white-space:nowrap;background:0 0;border:0;place-items:center;height:44px;padding:0;display:grid}.gu-pill{border:1.5px solid var(--ink);background:var(--card);border-radius:15px;align-items:center;gap:4px;height:30px;padding:0 10px;display:inline-flex;box-shadow:0 2px 6px #2b211833}.gu-pill b{font-size:12px}.gu-pill span{font-family:var(--display);color:var(--accent);font-size:15px}.me-dot{background:var(--me);border:4px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #1f5fa866,0 2px 6px #0000004d}.dock{z-index:600;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.dock>*{pointer-events:auto}.sheet{max-height:46dvh;padding:6px 16px calc(14px + var(--safe-b));border-top:1px solid var(--line);background:var(--card);border-radius:20px 20px 0 0;position:relative;box-shadow:0 -4px 16px #2b21181f}.sheet-open{max-height:78dvh;overflow-y:auto}:is(.sheet-suggest,.sheet:has(.card)){max-height:58dvh;padding-top:14px;overflow-y:auto}.handle{background:0 0;border:0;place-items:center;width:100%;height:22px;padding:0;display:grid}.handle span{background:var(--line);border-radius:2px;width:40px;height:4px}.tabs{background:var(--bg);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.tabs button{min-height:44px;color:var(--sub);background:0 0;border:0;border-radius:10px;font-size:15px;font-weight:700}.tabs .tab-on{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #2b21181f}.cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px 12px;padding:0 16px;scroll-padding-left:16px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.snack{text-align:left;scroll-snap-align:start;background:0 0;border:0;flex-direction:column;flex:none;gap:3px;width:132px;padding:0;display:flex}.snack-art{--c:var(--accent);background:color-mix(in srgb, var(--c) 14%, #fffaf2);border-radius:14px;place-items:center;width:132px;height:104px;margin-bottom:4px;display:grid;position:relative}.snack-art i{background:var(--card);border-radius:9px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:6px;right:6px}.snack b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3;overflow:hidden}.snack small{color:var(--sub);font-size:12px}.badge{color:#2f6b3a;background:#e5f1e5;border-radius:8px;width:fit-content;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700}.badge-old{background:var(--bg);color:var(--sub)}.empty-box{text-align:center;padding:4px 0 12px}.empty-box p{color:var(--sub);margin:0 0 10px;font-size:14px}.card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.close{width:44px;height:44px;color:var(--sub);background:0 0;border:0;flex:none;margin:-10px -10px 0 0;font-size:18px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{--c:var(--ink);background:color-mix(in srgb, var(--c) 12%, var(--card));color:var(--c);border-radius:16px;align-items:center;gap:5px;padding:3px 10px 3px 5px;font-size:13px;font-weight:700;display:inline-flex}.card-meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.fresh{color:#2f6b3a;font-size:13px;font-weight:500}.fresh-old{color:var(--sub)}.card-dist{color:var(--sub);font-size:13px}.card h2,.suggest h2{margin:4px 0 0;font-size:21px;font-weight:700;line-height:1.3}.where{margin:6px 0 0;font-size:15px;line-height:1.5}.menu{background:var(--bg);color:var(--sub);border-radius:8px;margin:6px 0 0;padding:8px 10px;font-size:14px;line-height:1.5}.warn{color:#a23a1a;margin:8px 0 0;font-size:13px}.route{color:#fff;background:#03c75a;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:14px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.route:disabled{opacity:.6}.card-foot{color:var(--sub);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.gone{min-height:44px;color:var(--sub);text-underline-offset:3px;background:0 0;border:0;flex:none;padding:0 4px;font-size:13px;text-decoration:underline}.source{color:var(--sub);font-size:12px;display:inline-block}.sheet-head{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:-6px;padding:0;font-size:15px;font-weight:700;display:flex}.sheet-toggle{color:var(--accent);font-size:13px;font-weight:500}.near-list{margin:0;padding:0;list-style:none}.near-list li+li{border-top:1px solid var(--line)}.near-row{text-align:left;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:10px;width:100%;min-height:56px;padding:8px 0;display:grid}.near-dist{font-family:var(--display);color:var(--accent);grid-row:span 2;font-size:17px}.near-main b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.near-main small{color:var(--sub);font-size:12px}.near-row .fresh{grid-column:2;font-size:12px}.near-dim{opacity:.6}.empty{color:var(--sub);margin:4px 0;font-size:14px}.gu-row{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px 10px;display:flex;overflow-x:auto}.gu-row::-webkit-scrollbar{display:none}.gu-chip{border:1.5px solid var(--line);background:var(--card);border-radius:22px;flex:none;min-height:44px;padding:0 14px;font-size:14px}.gu-chip b{color:var(--accent)}.gu-chip:disabled{opacity:.4;cursor:default}.find-me{border:1.5px solid var(--me);background:var(--card);width:100%;min-height:48px;color:var(--me);border-radius:12px;font-weight:700}.sheet-suggest{max-height:50dvh}.more-btn{text-align:left;color:var(--sub);margin:-4px 0 4px}.suggest .chip{min-height:40px}.suggest-guide{color:var(--accent);margin:2px 0 10px;font-size:13px}.suggest fieldset{border:0;margin:0 0 12px;padding:0}.suggest legend,.suggest label{margin-bottom:6px;font-size:13px;font-weight:700;display:block}.suggest label{margin-bottom:12px}.suggest label small{color:var(--sub);font-weight:400}.suggest input{border:1.5px solid var(--line);background:#fff;border-radius:10px;width:100%;min-height:44px;margin-top:6px;padding:0 12px;font-size:16px;font-weight:400;display:block}.hp{width:1px;height:1px;left:-9999px;position:absolute!important}.modal{z-index:1000;background:#2b211873;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-box{width:100%;padding:20px 16px calc(16px + var(--safe-b));background:var(--card);border-radius:18px 18px 0 0}.modal-box h3{margin:0;font-size:18px}.link-btn{width:100%;min-height:44px;color:var(--ink);text-underline-offset:3px;background:0 0;border:0;margin-top:6px;font-size:14px;text-decoration:underline;display:block}.link-btn.muted{color:var(--sub);text-decoration:none}.help p{background:var(--bg);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:14px;line-height:1.6}.toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:1100;background:var(--ink);color:#fff;text-align:center;border-radius:12px;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (min-width:768px){.top{width:432px;right:auto}.dock{width:400px;bottom:16px;left:16px;right:auto}.sheet{border:1px solid var(--line);border-radius:16px}.modal{justify-content:center;align-items:center}.modal-box{border-radius:16px;max-width:420px}}@media (prefers-reduced-motion:reduce){.pin span{transition:none}}.leaflet-container{font-family:var(--body);background:#ece5d8}.leaflet-div-icon{background:0 0;border:0}