:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f6f3;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html,body{background:#f6f6f3;height:100%;overflow-x:hidden}body{min-height:100dvh}*{box-sizing:border-box}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}.app-shell{color:#151515;background:#f6f6f3;min-height:100dvh}.map-screen{visibility:hidden;opacity:0;pointer-events:none;position:fixed;inset:0}.map-screen.visible{visibility:visible;opacity:1;pointer-events:auto}.map-canvas{background:#e9e9e4;position:absolute;inset:0}.leaflet-control-attribution{opacity:.7;margin-bottom:88px!important;font-size:9px!important}.leaflet-control-zoom{border:0!important;margin-bottom:150px!important;margin-right:16px!important;box-shadow:0 5px 18px #0000001f!important}.leaflet-control-zoom a{color:#111!important;border:0!important}.map-header{z-index:500;padding:max(14px, env(safe-area-inset-top)) 14px 0;pointer-events:none;position:absolute;top:0;left:0;right:0}.brand-row,.search-bar,.category-row{pointer-events:auto}.brand-row{justify-content:space-between;align-items:center;height:36px;display:flex}.brand-row strong{letter-spacing:-.6px;background:#fffffff5;border-radius:999px;padding:8px 12px;font-size:15px;box-shadow:0 4px 18px #00000014}.location-button{color:#111;background:#fffffff5;border-radius:50%;width:36px;height:36px;font-size:17px;box-shadow:0 4px 18px #00000014}.search-bar{background:#fffffff7;border:1px solid #00000012;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:52px;margin-top:10px;padding:0 14px;display:grid;box-shadow:0 8px 28px #0000001a}.search-bar>span{color:#7a7a75;font-size:20px}.search-bar input{color:#111;background:0 0;border:0;outline:0;min-width:0;font-size:15px}.search-bar input::placeholder{color:#a2a29d}.search-bar button{color:#777;background:#f1f1ee;border-radius:50%;width:30px;height:30px}.category-row{scrollbar-width:none;gap:7px;margin-top:10px;display:flex;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-row button{color:#555550;background:#fffffff5;border:1px solid #00000014;border-radius:999px;flex:none;min-height:36px;padding:0 13px;font-size:12px;font-weight:650;box-shadow:0 3px 12px #0000000f}.category-row button.active{color:#fff;background:#111;border-color:#111}.search-area-button{z-index:520;color:#111;background:#fff;border:1px solid #00000014;border-radius:999px;height:38px;padding:0 15px;font-size:12px;font-weight:700;position:absolute;top:164px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #00000021}.map-status{z-index:450;color:#777;background:#fffffff0;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:700;position:absolute;bottom:92px;left:14px;box-shadow:0 3px 12px #00000012}.route-summary-pill{z-index:520;white-space:nowrap;color:#fff;background:#111;border-radius:999px;height:38px;padding:0 14px;font-size:11px;font-weight:700;position:absolute;bottom:94px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #0000002e}.place-marker-shell,.route-marker-shell{background:0 0!important;border:0!important}.place-marker,.route-marker{color:#fff;background:#111;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 5px 16px #0000003d}.place-marker{font-size:19px;line-height:1}.place-marker.saved{color:#111;background:#fff;font-size:13px}.route-marker{font-size:12px;font-weight:800}.place-sheet{z-index:600;background:#fffffffa;border:1px solid #00000014;border-radius:22px;padding:22px 18px 16px;position:absolute;bottom:82px;left:12px;right:12px;box-shadow:0 14px 42px #0000002e}.sheet-close{color:#777;background:#f2f2ef;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;top:12px;right:12px}.place-sheet-main{padding-right:40px}.place-meta{color:#999;font-size:10px;font-weight:700}.place-sheet h2{letter-spacing:-.7px;margin:6px 0 0;font-size:22px}.place-sheet p{color:#73736f;margin:7px 0 0;font-size:13px;line-height:1.45}.place-sheet small{color:#aaa;margin-top:6px;font-size:10px;display:block}.save-place-button{color:#222;background:#fff;border:1px solid #deded9;border-radius:13px;width:100%;min-height:48px;margin-top:18px;font-size:13px;font-weight:750}.save-place-button.selected{color:#fff;background:#111;border-color:#111}.kakao-link{color:#666;margin-top:12px;font-size:11px;font-weight:650;text-decoration:none;display:inline-block}.content-screen{background:#f8f8f5;min-height:100dvh;padding-bottom:92px}.content-header{background:#f8f8f5f5;border-bottom:1px solid #e8e8e3;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.content-header strong{letter-spacing:-.6px;font-size:17px}.content-header span{color:#888;font-size:12px}.content-body{width:min(100%,720px);margin:0 auto;padding:34px 18px 40px}.content-body.with-sticky-cta{padding-bottom:150px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading p{color:#aaa;letter-spacing:.08em;margin:0 0 7px;font-size:10px;font-weight:800}.section-heading h1{letter-spacing:-1.3px;margin:0;font-size:30px}.section-heading>span{color:#999;font-size:12px;font-weight:700}.empty-state{text-align:center;margin-top:80px}.empty-state h2{letter-spacing:-.6px;margin:0;font-size:19px}.empty-state p{color:#888;margin:9px 0 0;font-size:13px;line-height:1.5}.empty-state button{color:#fff;background:#111;border-radius:12px;min-height:44px;margin-top:20px;padding:0 16px;font-size:12px;font-weight:700}.saved-category-list{gap:34px;margin-top:32px;display:grid}.saved-category-section>header,.route-picker-group>header{justify-content:space-between;align-items:center;padding:0 2px 10px;display:flex}.saved-category-section>header h2,.route-picker-group>header h2{letter-spacing:-.45px;margin:0;font-size:16px}.saved-category-section>header span,.route-picker-group>header span{color:#aaa;font-size:11px;font-weight:700}.place-list,.saved-route-list{gap:8px;display:grid}.place-list-item,.saved-route-card{background:#fff;border:1px solid #e3e3df;border-radius:16px;padding:17px}.place-list-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.place-list-item small,.saved-route-card small,.route-place small{color:#999;font-size:10px;font-weight:700}.place-list-item h3,.saved-route-card h3,.route-place h3{letter-spacing:-.5px;margin:5px 0 0;font-size:17px}.place-list-item p,.saved-route-card p{color:#777;margin:6px 0 0;font-size:12px;line-height:1.5}.remove-save-button{color:#fff;background:#111;border-radius:50%;width:38px;height:38px;font-size:13px}.saved-route-list{margin-top:26px}.saved-route-meta{color:#999;margin-top:12px;font-size:11px}.saved-route-card>button{color:#fff;background:#111;border-radius:11px;width:100%;min-height:42px;margin-top:14px;font-size:12px;font-weight:700}.saved-sticky-cta{z-index:1050;left:0;right:0;bottom:calc(70px + env(safe-area-inset-bottom));background:linear-gradient(#f8f8f500,#f8f8f5 28%);padding:12px 16px 14px;position:fixed}.saved-sticky-cta button{color:#fff;background:#111;border-radius:15px;width:min(100%,688px);height:54px;margin:0 auto;font-size:14px;font-weight:800;display:block;box-shadow:0 8px 22px #00000026}.route-builder-layer{z-index:2000;background:#00000042;position:fixed;inset:0}.route-builder-sheet{background:#f8f8f5;flex-direction:column;display:flex;position:absolute;inset:0}.route-builder-header{padding:max(16px, env(safe-area-inset-top)) 18px 18px;background:#fff;border-bottom:1px solid #e5e5e0;grid-template-columns:40px minmax(0,1fr);gap:12px;display:grid}.route-builder-header>button{color:#666;background:#f1f1ee;border-radius:50%;width:38px;height:38px;font-size:20px}.route-builder-header small{color:#aaa;letter-spacing:.08em;font-size:9px;font-weight:800}.route-builder-header h1{letter-spacing:-1px;margin:4px 0 0;font-size:25px}.route-builder-header p{color:#7d7d78;margin:7px 0 0;font-size:12px;line-height:1.5}.route-picker-body,.route-arrange-body{flex:1;padding:24px 16px 130px;overflow-y:auto}.route-picker-group+.route-picker-group{margin-top:28px}.route-picker-row{text-align:left;background:0 0;border-top:1px solid #ecece7;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;display:grid}.route-picker-row:last-child{border-bottom:1px solid #ecece7}.picker-check{color:#fff;background:#fff;border:1px solid #d6d6d0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.route-picker-row.selected .picker-check{background:#111;border-color:#111}.picker-copy{gap:4px;min-width:0;display:grid}.picker-copy strong{color:#20201e;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.picker-copy small{color:#92928d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.back-to-picker{color:#666;background:0 0;padding:0;font-size:12px;font-weight:700}.route-list{margin:18px 0 0;padding:0;list-style:none}.route-list li{border-bottom:1px solid #e4e4df;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;display:grid}.route-index{color:#fff;background:#111;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.route-place p{color:#888;margin:6px 0 0;font-size:10px}.reorder-buttons{gap:4px;display:flex}.reorder-buttons button{color:#666;background:#fff;border:1px solid #deded9;border-radius:9px;width:30px;height:30px}.reorder-buttons button:disabled{opacity:.25}.route-result{background:#fff;border:1px solid #e1e1dc;border-radius:16px;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding:16px;display:grid}.route-result>div{gap:5px;display:grid}.route-result small{color:#999;font-size:10px}.route-result strong{font-size:17px}.route-result button,.route-result a{color:#333;background:#f0f0ec;border-radius:10px;place-items:center;min-height:38px;font-size:10px;font-weight:700;text-decoration:none;display:grid}.route-builder-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #e3e3de;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.route-builder-footer>span{color:#888;font-size:11px;font-weight:700}.primary-action,.secondary-action{border-radius:14px;width:100%;min-height:52px;font-size:13px;font-weight:750}.primary-action{color:#fff;background:#111}.primary-action:disabled{opacity:.35}.secondary-action{color:#333;background:#fff;border:1px solid #dcdcd7}.toast{z-index:3000;color:#fff;background:#2b1717;border-radius:13px;width:calc(100% - 28px);max-width:520px;padding:13px 15px;font-size:12px;line-height:1.45;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.bottom-nav{z-index:1000;height:calc(70px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border-top:1px solid #00000014;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#9a9a95;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:700;display:flex;position:relative}.bottom-nav button>span{font-size:20px;line-height:1}.bottom-nav button.active{color:#111}.bottom-nav b{color:#fff;background:#111;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:2px;right:calc(50% - 24px)}@media (width>=760px){.place-sheet{width:520px;left:50%;right:auto;transform:translate(-50%)}.bottom-nav{border-left:1px solid #00000014;border-right:1px solid #00000014;width:520px;left:50%;right:auto;transform:translate(-50%)}.map-header{width:560px;left:50%;right:auto;transform:translate(-50%)}.saved-sticky-cta{width:720px;left:50%;right:auto;transform:translate(-50%)}.route-builder-sheet{width:620px;margin-left:-310px;left:50%;right:auto;box-shadow:0 0 40px #00000029}}