.city-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:40px 32px;position:relative;box-shadow:0 24px 64px #0000001f}.city-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.city-modal__close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:16px;right:16px}.city-modal__close:hover{color:#333}.city-modal__icon{color:#a86a3d;background:#f5ede4;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.city-modal__title{color:#1a1a1a;margin-bottom:8px;font-size:22px;font-weight:700}.city-modal__subtitle{color:#999;margin-bottom:20px;font-size:14px}.city-modal__search-wrap{margin-bottom:12px;position:relative}.city-modal__search-icon{color:#999;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.city-modal__search{box-sizing:border-box;background:#faf9f7;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 40px;font-family:inherit;font-size:14px;transition:border-color .2s}.city-modal__search:focus{border-color:#a86a3d}.city-modal__search::placeholder{color:#bbb}.city-modal__search-clear{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.city-modal__search-clear:hover{color:#333}.city-modal__current{color:#a86a3d;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;display:flex}.city-modal__current svg{flex-shrink:0}.city-modal__list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.city-modal__empty{color:#999;padding:20px 0;font-size:14px}.city-modal__item{color:#333;cursor:pointer;text-align:left;background:#faf9f7;border:1.5px solid #f0ede8;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.city-modal__item svg{color:#a86a3d;flex-shrink:0}.city-modal__item:hover{color:#a86a3d;background:#f5ede4;border-color:#a86a3d;transform:translateY(4px)}.city-modal__item--selected{color:#a86a3d;background:#f5ede4;border-color:#a86a3d}