@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#332d28;font-synthesis:none;--brown:#76513b;--ink:#332d28;--muted:#968d83;--line:#eeeae4;--cream:#f8f4ee;--green:#77856b;background:#fff;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f3f0;min-height:100dvh;margin:0;display:flow-root}button,input,select{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ac896e}button,a{touch-action:manipulation}button svg,a svg{flex-shrink:0}a{color:inherit}::selection{background:#e7d8c9}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-thumb{background:#dbd4ca;border-radius:6px}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:35px;height:35px;padding:0;display:grid}.icon-button:hover{background:var(--cream)}.primary-button,.secondary-button{border:1px solid var(--brown);border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:47px;padding:11px 18px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.primary-button{background:var(--brown);color:#fff}.primary-button:hover{background:#63432f}.secondary-button{color:var(--brown);border-color:var(--line);background:#fff}.secondary-button:hover{background:var(--cream)}.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}.map-app{isolation:isolate;--app-nav-height:0px;background:#eef0e8;width:min(100%,430px);height:100dvh;min-height:420px;margin:0 auto;display:flex;position:relative;overflow:hidden;container:app-shell/size}.map-workspace{flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.map-stage{position:absolute;inset:0}.app-toolbar{border:1px solid var(--line);z-index:20;background:#fff;border-radius:18px;width:360px;padding:18px;position:absolute;top:24px;left:24px;box-shadow:0 5px 25px #493c2012}.app-topline{align-items:center;gap:8px;margin:0 0 17px;display:flex}.compact-brand{color:var(--brown);align-items:center;gap:7px;text-decoration:none;display:flex}.compact-brand strong{letter-spacing:-.7px;font-size:16px}.compact-brand .brand-logo{flex-shrink:0;width:22px;height:22px}.city-label{color:var(--muted);border-left:1px solid var(--line);margin-left:auto;padding-left:9px;font-size:11px}.toolbar-account{display:none}.app-search-row{gap:8px;display:flex}.app-search{min-width:0;height:46px;color:var(--brown);background:#faf9f6;border:1px solid #e5ded6;border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.app-search:focus-within{border-color:var(--brown);background:#fff}.app-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:12px}.app-search input:focus-visible{outline:none}.app-search input::placeholder{color:#a49b90}.app-search .icon-button{flex-shrink:0;width:26px;height:26px}.app-filter{width:46px;height:46px;color:var(--brown);background:#fff;border:1px solid #e5ded6;border-radius:12px;flex-shrink:0;place-items:center;display:grid;position:relative}.app-filter.active{background:var(--brown);color:#fff;border-color:var(--brown)}.app-filter>span{color:#fff;background:#aa7953;border:2px solid #fff;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:9px;display:grid;position:absolute;top:-5px;right:-4px}.app-categories{scrollbar-width:none;gap:6px;margin-top:13px;padding:1px 1px 3px;display:flex;overflow:auto}.app-categories button{border:1px solid var(--line);white-space:nowrap;color:#8a8076;background:#fff;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;min-height:34px;padding:8px 10px;font-size:10px;display:flex}.app-categories button.active{background:var(--brown);border-color:var(--brown);color:#fff}.app-dog-row{justify-content:space-between;align-items:center;gap:6px;margin-top:12px;display:flex}.app-mode-switch{background:#f2efe9;border-radius:20px;padding:3px;display:flex}.app-mode-switch button{min-height:29px;color:var(--muted);background:0 0;border:0;border-radius:17px;align-items:center;gap:5px;padding:5px 12px;font-size:10px;display:flex}.app-mode-switch button.active{color:var(--brown);background:#fff;font-weight:600;box-shadow:0 1px 5px #3126180a}.profile-chip{color:var(--brown);white-space:nowrap;background:0 0;border:0;align-items:center;gap:3px;padding:7px 0;font-size:10px;display:flex}.app-filter-options{border:1px solid var(--line);background:#fff;border-radius:15px;gap:16px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 8px 30px #4733231a}.app-filter-options>div{justify-content:space-between;align-items:center;display:flex}.app-filter-options strong{font-size:14px}.app-filter-options label{align-items:start;gap:8px;font-size:12px;line-height:1.6;display:flex}.app-filter-options input{accent-color:var(--brown);flex-shrink:0;margin-top:3px}.app-filter-options p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.place-sheet{border:1px solid var(--line);z-index:10;background:#fff;border-radius:18px;flex-direction:column;width:360px;display:flex;position:absolute;top:258px;bottom:24px;left:24px;overflow:hidden;box-shadow:0 5px 25px #493c2012}.place-sheet.covered{visibility:hidden;pointer-events:none}.sheet-handle{display:none}.sheet-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:21px 21px 17px;display:flex}.sheet-heading h2{letter-spacing:-.6px;margin:0;font-size:17px;font-weight:650}.sheet-heading h2 span{color:var(--brown);margin-left:4px;font-size:16px}.sheet-heading p{color:var(--muted);margin:7px 0 0;font-size:10px}.sheet-info{color:#a2978c}.sheet-expand{display:none}.sheet-results{overscroll-behavior:contain;flex:1;min-height:0;padding:0 17px;overflow:auto}.sheet-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:25px 4px;font-size:9px;display:flex}.sheet-footer button{color:var(--brown);background:0 0;border:0;align-items:center;gap:3px;font-size:9px;display:flex}.app-bottom-nav{display:none}.app-offline{z-index:22;color:var(--brown);background:#f4e8d8;border-radius:12px;padding:12px 17px;font-size:12px;position:absolute;top:20px;right:20px}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:35px 15px;display:flex}.empty-state h3{color:var(--ink);margin:16px 0 8px;font-size:15px}.empty-state p{margin:0 0 22px;font-size:12px;line-height:1.8}.empty-state button{font-size:12px}.live-marker{width:0;height:0;position:relative}.live-marker>button{cursor:pointer;-webkit-font-smoothing:antialiased;font-family:inherit;position:absolute;left:0}.live-marker-pin>button{bottom:0;transform:translate(-50%,-100%)}.live-marker-pin[data-lean=right]>button{transform:translate(calc(20px - 100%),-100%)}.live-marker-pin[data-lean=right] .marker-tail{left:calc(100% - 20px)}.live-marker-pin[data-lean=left]>button{transform:translate(-20px,-100%)}.live-marker-pin[data-lean=left] .marker-tail{left:20px}.live-marker-dot>button,.live-marker-cluster>button{top:0;transform:translate(-50%,-50%)}.live-map-marker{max-width:190px;color:var(--ink);letter-spacing:-.2px;white-space:nowrap;background:#fff;border:1px solid #00000014;border-radius:999px;align-items:center;gap:6px;margin-bottom:7px;padding:6px 12px 6px 6px;font-size:11.5px;font-weight:700;line-height:1;transition:background .14s,color .14s;display:flex;box-shadow:0 2px 7px #2a1b1226,0 6px 18px #2a1b1214}.live-map-marker .marker-icon{background:var(--brown);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.live-map-marker .marker-name{text-overflow:ellipsis;overflow:hidden}.live-map-marker .marker-more{background:var(--brown);color:#fff;border-radius:999px;flex-shrink:0;margin-right:-4px;padding:3px 7px;font-size:10.5px;font-weight:700}.live-map-marker.selected .marker-more{background:#ffffff2e}.live-map-marker .marker-tail{background:inherit;border-bottom:1px solid #00000014;border-right:1px solid #00000014;border-bottom-right-radius:2px;width:10px;height:10px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.live-map-marker:hover{background:var(--cream)}.live-map-marker.selected{background:var(--brown);color:#fff;border-color:#00000026;box-shadow:0 3px 10px #2a1b1240,0 0 0 3px #fffc}.live-map-marker.selected .marker-icon{background:#ffffff2e}.live-map-marker.selected .marker-tail{border-color:#00000026}.live-map-dot{background:var(--brown);opacity:.85;border:2px solid #fff;border-radius:50%;width:15px;height:15px;padding:0;box-shadow:0 1px 4px #2a1b1259}.live-map-dot:hover{opacity:1;transform:translate(-50%,-50%)scale(1.25)}.live-map-dot:after{content:attr(data-name);color:#fff;white-space:nowrap;pointer-events:none;background:#2f231bf0;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:600;display:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.live-map-dot:hover:after{display:block}.live-map-cluster{width:var(--cluster-size,36px);height:var(--cluster-size,36px);background:var(--brown);color:#fff;border:2px solid #fff;border-radius:50%;padding:0;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 0 0 6px #b5704e29,0 3px 10px #2a1b1233}.live-map-cluster:hover{background:#8a5238;box-shadow:0 0 0 9px #b5704e33,0 4px 12px #2a1b1240}.app-dialog{border:1px solid var(--line);text-align:center;width:420px;max-width:min(398px,100% - 32px);max-height:calc(100dvh - 36px);color:var(--ink);border-radius:22px;padding:35px;position:fixed;overflow:auto;box-shadow:0 20px 80px #3b2a2430}.app-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30261e50}.dialog-close{color:var(--muted);position:absolute;top:14px;right:14px}.dialog-icon{color:var(--brown);background:var(--cream);border-radius:21px;place-items:center;width:64px;height:64px;margin:4px auto 20px;display:grid;transform:rotate(-5deg)}.dialog-eyebrow{letter-spacing:1.6px;color:#b0957a;font-size:7px}.app-dialog h2{letter-spacing:-.9px;margin:13px 0;font-size:22px;line-height:1.45}.dialog-description{color:var(--muted);margin:0;font-size:12px;line-height:1.9}.login-benefits{background:var(--cream);text-align:left;border-radius:12px;flex-direction:column;gap:17px;margin:25px 0;padding:27px;display:flex}.login-benefits>span{color:var(--brown);align-items:center;gap:11px;font-size:12px;display:flex}.kakao-button{color:#453d19;background:#fee500;border:0;border-radius:10px;width:100%;padding:15px;font-size:12px;font-weight:600}.kakao-button:disabled{color:#8e8455;background:#f3edc8}.form-footnote{color:var(--muted);margin:12px 0 22px;font-size:9px;line-height:1.8}.text-button{color:var(--brown);background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:inline-flex}.info-copy{text-align:left;color:var(--muted);margin:25px 0;font-size:12px;line-height:1.9}.toast{z-index:100;color:#fff;white-space:nowrap;background:#42372fee;border-radius:12px;align-items:center;gap:10px;max-width:min(398px,100% - 32px);padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0002}.kakao-button[href]{text-decoration:none;display:block}.map-app{--app-nav-height:calc(64px + env(safe-area-inset-bottom,0px));min-height:0}.app-toolbar{left:16px;right:16px;top:max(12px, env(safe-area-inset-top));width:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;padding:0}.app-toolbar>*{pointer-events:auto}.app-topline{gap:8px;height:32px;margin:0 2px 12px}.compact-brand{color:#553c2b;background:#fffffff2;border-radius:12px;padding:7px 10px;box-shadow:0 2px 12px #48332206}.compact-brand strong{font-size:16px}.city-label{color:#756756;background:#fffffff2;border:0;border-radius:10px;margin-left:0;padding:7px 10px;font-size:11px}.toolbar-account{width:34px;height:34px;color:var(--brown);background:#fffffff2;margin-left:auto;display:grid;box-shadow:0 2px 12px #48332206}.app-search{background:#fff;border-color:#eae4db;height:49px;box-shadow:0 3px 14px #493c200d}.app-search input{font-size:16px}.app-filter{width:49px;height:49px;box-shadow:0 3px 14px #493c200d}.app-categories{gap:7px;margin-top:11px;margin-right:-16px;padding-right:16px;overflow:auto}.app-categories button{border-color:#e8e2d9;min-height:38px;padding:9px 12px;font-size:12px;box-shadow:0 2px 9px #493c200b}.app-categories button svg{width:15px;height:15px}.app-dog-row{justify-content:flex-start;gap:9px;margin-top:9px}.app-mode-switch{background:#ffffffed;border:1px solid #eae4db;padding:3px;box-shadow:0 2px 9px #493c200b}.app-mode-switch button{min-height:30px;font-size:11px}.app-mode-switch button.active{color:#fff;background:#78543e}.profile-chip{background:#fffffff2;border:1px solid #eae4db;border-radius:20px;padding:10px 12px;font-size:11px;box-shadow:0 2px 9px #493c200b}.app-filter-options{top:calc(100% + 10px)}.place-sheet{top:auto;left:0;right:0;bottom:var(--app-nav-height);border:0;border-top:1px solid #e9e2d8;border-radius:23px 23px 0 0;width:100%;height:232px;transition:height .25s cubic-bezier(.2,.7,.3,1);box-shadow:0 -5px 30px #48321d12}.place-sheet.expanded{height:calc(100% - var(--app-nav-height) - 218px)}.sheet-handle{cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:100%;min-height:23px;padding:8px;display:grid}.sheet-handle>span{background:#d9d2c8;border-radius:5px;width:36px;height:4px;display:block}.sheet-heading{padding:3px 22px 13px}.sheet-heading h2{font-size:18px}.sheet-heading p{margin-top:5px;font-size:11px}.sheet-expand{color:var(--brown);margin-left:auto;display:grid}.sheet-info{display:none}.sheet-results{padding:0 20px}.sheet-results .place-card:first-child{padding-top:10px}.sheet-footer{padding:25px 4px 30px}.app-bottom-nav{height:var(--app-nav-height);padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid var(--line);z-index:30;background:#fff;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.app-bottom-nav button{color:#aa9f93;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:85px;height:60px;padding:8px 20px;font-size:10px;display:flex}.app-bottom-nav button.active{color:var(--brown);font-weight:600}.app-bottom-nav button.active>svg{background:var(--cream);outline:5px solid var(--cream);border-radius:7px}.app-offline{text-align:center;padding:10px;font-size:11px;top:218px;left:16px;right:16px}.app-dialog{border-radius:22px;padding:28px 25px}.app-dialog h2{font-size:21px}.toast{bottom:calc(var(--app-nav-height,64px) + 248px);white-space:normal;width:max-content;font-size:12px;line-height:1.6}@container app-shell (height<=680px){.place-sheet{height:200px}.place-sheet.expanded{height:calc(100% - var(--app-nav-height) - 213px)}.app-topline{margin-bottom:8px}.app-toolbar{top:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=480px){.map-app{border:1px solid #e4ddd5;border-radius:28px;height:calc(100dvh - 48px);max-height:900px;margin:24px auto;box-shadow:0 18px 60px #59423214}}